Cómo crear un widget de chat para un sitio web

Coloca un widget de chat en tu sitio web y conecta a tus visitantes con un chatbot de SendPulse.

También puedes pasar variables personalizadas y etiquetas UTM al suscribirte a través de un widget. Leer más en: Cómo pasar variables personalizadas al suscribirte a un chatbot.

Crea una suscripción Widget

Ve a Chatbots en la pestaña de Widgets de registro y haz clic Agregar widget.

Ten en cuenta que sólo puedes crear un widget de registro después da haber creado por lo menos un chatbot.

Escoge un Tipo de Formulario

Selecciona un tipo de formulario: Fijo, Flotante, Modal, Encrustrado, Botón, Chats o Casilla de verificación.

Ten en cuenta que los widgets Chats y Casilla de verificación sólo están disponibles para Facebook Messenger.

Da clic en Siguiente.

Selecciona los canales de suscripción

Con SendPulse, puedes crear un widget de suscripción para Facebook, Telegram, WhatsApp e Instagram, o para uno de ellos. Para hacerlo, habilita la suscripción requerida y selecciona un chatbot de la lista desplegable. Debajo del campo de selección de chatbot, puedes especificar el flujo que se lanzará después de suscribirse.

Ten en cuenta que el suscriptor será redirigido a tu página de Instagram y no a mensajes privados al hacer clic en el botón de Instagram.

Personaliza la apariencia de tu widget

Los parámetros de configuración del widget dependen del tipo de formulario que utilices. Los formularios Fijo, Flotante y Modal te permiten especificar texto para el encabezado y la solicitud del formulario, el fondo y el color, etc.

También puedes especificar las condiciones de visualización para estos tipos de formularios. Especifica la visualización y los retrasos de la misma para el widget. Si deseas ocultar el widget en dispositivos móviles, activa la opción Ocultar en móvil.

Para los formularios de Botón, puedes elegir el color y el tamaño del botón, así como elegir el texto del botón en la lista desplegable.

Para los botones de Facebook, puedes seleccionar el texto en el botón desde las opciones en la lista desplegable. Además, es posible establecer el mensaje que se mostrará después de que alguien se suscriba.

Para los de tipo Chats, agrega una dirección de sitio web. También puedes elegir un color de tema de chat y agregar un encabezado.

Vista previa

Verás los cambios del widget en tiempo real en la ventana de vista previa situada al lado derecho del menú de configuración.

Guarda el widget y añade el código a tu sitio

Cuando todo esté configurado, haz clic en Guardar y obtener el código. Se abrirá una ventana con el código del formulario. Haz clic en el ícono (Copiar al portapapeles).

Coloca el widget donde desees que esté en una página web.

La forma en la que añadas el código dependerá del servicio de alojamiento que utilices. Por lo general, debes abrir la configuración del bloque de la página, donde necesitarás insertar el widget, añadir el bloque HTML y pegar el código de widget en la ventana de código. Luego, guarda la configuración y publica la página. 

Última actualización: 08.01.2025