Configurar Widget
Agrega el widget de chat a tu sitio web en minutos
El widget te permite agregar un chat AI directamente a tu sitio web.
Qué es el Widget
El widget es una burbuja de chat que aparece en tu sitio web:
- Los visitantes pueden iniciar conversaciones
- El agente responde automáticamente
- Funciona en escritorio y móvil
- Completamente personalizable desde el panel de control
Instalación
Accede a la configuración
Ve a Agentes > Selecciona agente > pestaña Widget
Habilita el widget
Activa el interruptor Habilitar Widget
Copia el código
Haz clic en Copiar Código para copiar el fragmento de instalación
Agrega a tu sitio web
Pega el código antes de la etiqueta de cierre body en tu sitio
Código de Instalación
El código a copiar es:
Personalización
Todas las opciones de personalización se configuran desde el Panel de Control:
- Ve a Widget > Selecciona tu widget
- Haz clic en Configuración
- Configura colores, posición, mensajes, avatar, etc.
Configuración centralizada
No es necesario modificar el código embed para cambiar apariencia o comportamiento. Todo se gestiona desde el panel de control y los cambios se aplican automáticamente.
Instalación por Plataforma
WordPress
- Ve a Apariencia > Editor de temas
- Abre
footer.php - Pega el código antes de la etiqueta de cierre body
- Guarda
O usa un plugin como "Insert Headers and Footers".
Shopify
- Ve a Tienda online > Temas
- Acciones > Editar código
- Abre
theme.liquid - Pega el código antes de la etiqueta de cierre body
Wix
- Ve a Configuración > Código personalizado
- Haz clic en + Agregar código
- Pega el código
- Selecciona "Body - final"
Verificar Instalación
Después de la instalación:
- Recarga tu sitio web
- Deberías ver el icono del widget en la esquina
- Haz clic para abrir el chat
- Prueba enviando un mensaje
Solución de Problemas
Problemas Comunes
El widget no aparece
- Verifica que el código se pegó correctamente
- Revisa la consola del navegador para errores JavaScript
- Asegúrate de que el widget esté activo en el panel de control
El widget no responde
- Verifica que el agente esté activo
- Verifica que el agentId en el código sea correcto
- Revisa la conexión de red
Próximos Pasos
- Personaliza la apariencia desde el panel de control
- Monitorea conversaciones
- Analiza métricas