Instalar el widget en su sitio web
Cree un widget de chat, personalice su aspecto, copie el código de instalación y restrinja los dominios que pueden usarlo.
Para propietarios de sitios web o equipos de marketing que quieren que los visitantes chateen directamente y lleguen al mismo Inbox que WhatsApp.
Qué hace
El widget de chat es un botón de chat en su sitio web (también puede usarse mediante un enlace directo de chat o una aplicación móvil). Los mensajes llegan al Inbox, son atendidos por la IA y los agentes, y los leads se registran en Prospectos.
Beneficios
- Llegue a los visitantes de su sitio web sin obligarlos a pasar a WhatsApp.
- Un código corto, instalable en WordPress, Shopify, Google Tag Manager o Next.js.
- El aspecto sigue la identidad de su marca.
- El bloqueo de dominio evita que el código se use en otros sitios.
Pasos
- Abra el menú. Vaya a Ajustes → Chat widget (dentro del espacio de trabajo).
- Cree un widget. Haga clic en Crear widget (o Nuevo widget), póngale un Nombre del widget como "Sitio web principal" y haga clic en Crear.
- Personalice el aspecto. En la pestaña Apariencia: Color del tema, Posición del botón (Abajo a la derecha o Abajo a la izquierda), Título, Mensaje de bienvenida y Texto junto al botón.
- Configure el formulario de visitante. La pestaña Formulario de visitante determina los datos que se solicitan antes de chatear (nombre, número de WhatsApp, correo) y si cada uno es obligatorio, opcional u oculto.
- Defina el comportamiento y el bloqueo de dominio. La pestaña Comportamiento contiene Permitir archivos adjuntos, Ocultar en móvil, Texto sin conexión y Bloquear a un dominio. Ingrese un dominio por línea, por ejemplo
kiranabakery.co.id; también se permiten los subdominios. Vacío significa todos los dominios. - Configure la IA y la persona. La pestaña AI y persona usa las instrucciones principales del AI Agent, a menos que complete instrucciones específicas para el widget.
- Copie el código de instalación. En la pestaña Instalar, elija Sitio web, haga clic en Copiar y péguelo antes de la etiqueta
</body>en cada página. Hay instrucciones disponibles para WordPress, Google Tag Manager, Shopify y Next.js / React. - Guarde y pruebe. Haga clic en Guardar, abra su sitio web y envíe un mensaje de prueba. La pestaña Instalar también tiene un Enlace directo a una página de chat completa (ideal para la biografía de Instagram o un código QR).
Consejos
Abra el panel desde su dominio público al copiar el código. Si el panel se abre desde una dirección local, Kalea muestra una advertencia porque el código generado apunta a esa dirección.
Regenerar el ID del widget hace que el código anterior en su sitio web deje de funcionar. Hágalo solo cuando sea necesario.