Cómo instalar y configurar el Web Chat de Vambe en tu sitio web
El Web Chat de Vambe te permite integrar un chat directo en tu página web, conectando automáticamente a los visitantes con un embudo específico dentro de Vambe.
Cada conversación iniciada desde el Web Chat entra directamente a tu embudo, permitiéndote gestionar leads, conversaciones y tickets desde un solo lugar.
Ventajas clave:
Solicitar datos del cliente antes de iniciar la conversación (correo, teléfono, nombre).
Conectar el chat a un embudo específico.
Personalizar completamente la apariencia y comportamiento del chat.
Facilitar el contacto incluso cuando el cliente aún no escribe manualmente.
Crea un nuevo Web Chat asignándole un nombre (por ejemplo: Página web).
Opcionalmente, conéctalo a un canal si lo deseas.
Haz clic en Finish.
Una vez creado, el Web Chat aparecerá en el listado de canales.
2
Generar el script de instalación
En el listado de Web Chat, haz clic en los tres puntos del Web Chat creado.
Selecciona Generate script.
Este script es el código que deberás insertar en tu página web, en el lugar donde quieras que aparezca el botón del chat.
3
Configurar el Web Chat
Debajo del script encontrarás todas las opciones de personalización. A continuación, se describen cada una.
Información del agente
Agent name — Nombre que verá el cliente como agente del chat.
Agent avatar URL — URL de la imagen del agente que se mostrará en la esquina superior del chat.
La URL del avatar debe ser pública y enlazar directamente a la imagen.
Solicitud de datos antes de abrir el chat
Puedes pedir información al cliente antes de que se abra la conversación:
Ask for phone number
Ask for email
Ask for name
Si activas alguna de estas opciones, el cliente deberá ingresar esos datos antes de iniciar el chat.
Apariencia del Web Chat
Dark mode — Activa el tema oscuro.
Primary color / Secondary color — Define los colores del botón y del chat.
En la parte inferior derecha verás una vista previa en tiempo real del Web Chat.
Idioma y textos
Language — Selecciona el idioma del Web Chat.
Chat with us text — Texto que aparecerá junto al botón para invitar al cliente a iniciar la conversación (ejemplo: ¿Hablamos? o Chatea con nosotros).
Posición del botón
Position X
Position Y
Permite ajustar la ubicación exacta del botón dentro de tu página web.
Restricciones por dominio (opcional)
Restrict by origin — Permite definir desde qué URL puede cargarse el Web Chat.
Enable URL tracking — Activa el seguimiento del origen del contacto.
Preguntas sugeridas
Las Suggested questions permiten mostrar botones con mensajes predefinidos para que el cliente los envíe con un solo clic.
Ejemplos:
“Quiero agendar una hora”
“Necesito información de precios”
“Hablar con un ejecutivo”
4
Insertar el script en tu sitio web
Copia el script que aparece en la parte superior.
Pégalo en el código de tu sitio web, idealmente antes del cierre de la etiqueta <body> o según lo indique tu CMS.
Publica los cambios en tu sitio.
5
Verificar la conexión con un embudo
Asegúrate de que el Web Chat esté conectado a un embudo dentro de Vambe:
Esto garantiza que cada contacto que inicie conversación cree un ticket automáticamente, ingrese a la etapa correcta del embudo y sea gestionado correctamente por IA o agentes humanos.
