Skip to main content

Agregar el widget de prospectos a su sitio web

Todos los planesPrincipiante5 minutosActualizado el 26 de agosto de 2026

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

Su 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 su disponibilidad real, y una línea de WhatsApp, todo alimentando directamente a WorkZen.

Configurar el widget

Vaya a Configuración > Integraciones > Widgets para sitio web y abra la pestaña Botón flotante. Active cualquier combinación de:

  • Formulario de contacto: los visitantes le 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 su número (configure 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 usted controla:

ConfiguraciónOpciones
Disponibilidad de reservasSolo su 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

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

Instálelo

Copie el fragmento del cuadro Código Generado y péguelo justo antes de la etiqueta </body> de cierre en su sitio. En los constructores de sitios (Wix, Squarespace, Webflow, Shopify), péguelo 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 usted toque su sitio.

Restrínjalo a sus 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 le advierte sobre esto. Agregue su 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 (actualice su fragmento de código después).

Hágalo suyo

Plan availability

La personalización del widget requiere ZenGrow o superior: el color del tema de su 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.

Vaya más allá

Los desarrolladores pueden abrir el widget desde botones que ya tiene en su sitio, controlarlo con JavaScript y enviar conversiones a Google Analytics. Consulte personalizar el widget de sitio web con su 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 su Panel de Control; aceptar una crea la visita en su calendario.

Paso a paso

  1. 1

    Configurar el widget

    Vaya a Configuración > Integraciones > Widgets para sitio web y abra la pestaña Botón flotante. Habilite las opciones de formulario de contacto, programador y WhatsApp que desee.

  2. 2

    Establecer sus reglas de reserva

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

  3. 3

    Copiar el código

    Copie el fragmento de código generado y péguelo antes de la etiqueta de cierre del cuerpo en su sitio web.

  4. 4

    Vea llegar los prospectos

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

Frequently Asked Questions

Si puede pegar un fragmento de código en el HTML de su sitio (o en el cuadro de "código personalizado" de su 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 puede restringirla. Agregue sus dominios en Dominios Permitidos y el widget se negará a cargar en cualquier otro lugar. Si una clave se filtra, regenérela.
Las solicitudes del formulario de contacto llegan como prospectos en su sección de Prospectos. Las solicitudes de reserva aparecen en su 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 usa (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 tiene preguntas?

Explore el centro de ayuda, o pruebe WorkZen usted mismo. Es gratis para empezar.