Skip to main content

Agregar el widget de prospectos a tu sitio web

Todos los planesPrincipiante5 minutosActualizado el 26 de agosto de 2026

Ve a Configuración > Integraciones > Widgets para sitio web, configura el botón flotante (formulario de contacto, reserva de citas, WhatsApp), copia el fragmento de código generado y pégalo antes de la etiqueta de cierre del cuerpo en tu sitio web. Las solicitudes llegan a WorkZen instantáneamente como prospectos y solicitudes de reserva.

Tu sitio web ya recibe visitantes. El botón flotante los convierte en prospectos: una burbuja en la esquina de cada página que ofrece un formulario de contacto, una reserva de citas real según tu disponibilidad real, y una línea de WhatsApp, todo alimentando directamente a WorkZen.

Configurar el widget

Ve a Configuración > Integraciones > Widgets para sitio web y abre la pestaña Botón flotante. Activa cualquier combinación de:

  • Formulario de contacto: los visitantes te envían un mensaje; se convierte en un prospecto.
  • Programador: los visitantes reservan una cita; se convierte en una solicitud de reserva.
  • WhatsApp: un botón de chat que abre WhatsApp hacia tu número (configura el número con el código de país).

El texto del botón de cada opción es editable, así que "Programar Cita" puede convertirse en "Reserve mi presupuesto".

Reglas de reserva

El programador reserva según reglas que tú controlas:

ConfiguraciónOpciones
Disponibilidad de reservasSolo tu horario laboral, o 24/7
Intervalo de horariosCada 15 o 30 minutos, cada hora, o cada 2 horas
Mostrar selección de servicioPermitir que los visitantes elijan un tipo de servicio antes de elegir un horario
Solicitar direcciónRecopilar la dirección de la visita durante la reserva
Mostrar como rango horarioOfrecer una ventana de llegada (2:00 a 4:00 PM) en lugar de una hora exacta, con una duración de ventana de 1 a 4 horas

Haz clic en Guardar configuración del widget y los cambios se publican de inmediato en tu widget en vivo.

Instálalo

Copia el fragmento del cuadro Código Generado y pégalo justo antes de la etiqueta </body> de cierre en tu sitio. En los constructores de sitios (Wix, Squarespace, Webflow, Shopify), pégalo en la configuración de "código personalizado" o "código de pie de página". Esa es toda la instalación.

La Vista Previa en Vivo en la página de configuración muestra exactamente lo que verán los visitantes antes de que toques tu sitio.

Restríngelo a tus dominios

El widget se autentica con una Clave del Widget pública. De forma predeterminada, se carga en cualquier dominio, y la página de configuración te advierte sobre esto. Agrega tu sitio en Dominios Permitidos y el widget se negará a cargar en cualquier otro lugar. Si la clave alguna vez termina donde no debería, Regenerar emite una nueva (actualiza tu fragmento de código después).

Hazlo tuyo

Plan availability

La personalización del widget requiere ZenGrow o superior: el color del tema de tu marca, una selección de iconos de botón, posición abajo a la izquierda o abajo a la derecha, y la eliminación de la marca "Powered by WorkZen". En el plan gratuito, el widget funciona con la apariencia predeterminada de WorkZen.

Ve más allá

Los desarrolladores pueden abrir el widget desde botones que ya tienes en tu sitio, controlarlo con JavaScript y enviar conversiones a Google Analytics. Consulta personalizar el widget de sitio web con tu propio código.

A dónde van las solicitudes

  • Las solicitudes del formulario de contacto aparecen en Prospectos, listas para reclamar.
  • Las solicitudes de reserva aparecen en tu Panel de Control; aceptar una crea la visita en tu calendario.

Paso a paso

  1. 1

    Configurar el widget

    Ve a Configuración > Integraciones > Widgets para sitio web y abre la pestaña Botón flotante. Habilita las opciones de formulario de contacto, programador y WhatsApp que desees.

  2. 2

    Establecer tus reglas de reserva

    Elige la disponibilidad de reservas (horario laboral o 24/7), los intervalos de horarios, la selección de servicio y si deseas recopilar la dirección de la visita.

  3. 3

    Copiar el código

    Copia el fragmento de código generado y pégalo antes de la etiqueta de cierre del cuerpo en tu sitio web.

  4. 4

    Mira llegar los prospectos

    Las solicitudes de contacto se convierten en prospectos y las reservas aparecen en tu panel de control como solicitudes de reserva.

Frequently Asked Questions

Si puedes pegar un fragmento de código en el HTML de tu sitio (o en el cuadro de "código personalizado" de tu constructor de sitios), no. Toda la instalación es un copiar y pegar.
Sí, el widget funciona en todos los planes, incluido el gratuito. Personalizar sus colores, icono y posición, y eliminar la marca de WorkZen, requiere ZenGrow o superior.
La clave del widget es pública por diseño, pero puedes restringirla. Agrega tus dominios en Dominios Permitidos y el widget se negará a cargar en cualquier otro lugar. Si una clave se filtra, regenérala.
Las solicitudes del formulario de contacto llegan como prospectos en tu sección de Prospectos. Las solicitudes de reserva aparecen en tu panel de control, donde aceptar una crea la visita.
Este fragmento también funciona en WordPress, pero también existe un plugin dedicado [Conector de WorkZen](/es/help/integrations/connect-wordpress-connector/) que captura las solicitudes de los plugins de formularios que ya usas (Contact Form 7, WPForms, Elementor, y más).

Este artículo responde:

  • ¿Cómo agrego un formulario de contacto a mi sitio web?
  • ¿Cómo permito que los clientes reserven citas desde mi sitio web?
  • ¿Cómo instalo el widget de WorkZen?
  • ¿Cómo restrinjo qué sitios pueden usar mi widget?

¿Aún tienes preguntas?

Explora el centro de ayuda, o prueba WorkZen tú mismo. Es gratis para empezar.