Personalización del widget
Configura la apariencia, el comportamiento y los mensajes de tu widget de chat para que coincidan con tu marca y atraigan visitantes de forma efectiva.
Apariencia
Controla cómo se ve el widget en tu sitio.
| Ajuste | Opciones | Descripción |
|---|---|---|
Primary Color | Cualquier valor hexadecimal | Establece el encabezado del widget, el botón de envío y el color de acento. Haz que coincida con tu marca (p. ej. #2563eb). |
Position | bottom-right, bottom-left | En qué esquina de la página aparece el widget. |
Chat Visible | On / Off | Activa o desactiva el widget sin eliminar el código de integración. Útil para mantenimiento o campañas estacionales. |
Mensaje de bienvenida
El mensaje de bienvenida se muestra cuando un visitante abre el chat por primera vez y no hay mensajes existentes.
Cómo funciona
- Establece el mensaje en tu idioma predeterminado (p. ej. inglés)
- El mensaje se almacena como un mapa por idioma (JSON)
- Cuando un visitante abre el chat, el mensaje se traduce automáticamente al idioma de su navegador mediante Claude
- Las versiones traducidas se almacenan en caché, por lo que los visitantes posteriores en el mismo idioma lo ven instantáneamente
Ejemplo
Estableces el mensaje de bienvenida en inglés:
"Hi there! How can we help you today?"Un visitante con un navegador en francés ve:
"Bonjour ! Comment pouvons-nous vous aider aujourd'hui ?"Mensajería proactiva
Los mensajes proactivos animan a los visitantes a iniciar una conversación antes de hacer clic en el widget.
Modos
| Modo | Comportamiento |
|---|---|
auto_open | El widget de chat se abre automáticamente al cargar la página. El visitante ve la ventana de chat completa de inmediato. |
attract | Aparece una burbuja flotante junto al widget con tu mensaje proactivo, llamando la atención sin ser intrusivo. |
El mensaje proactivo también es por idioma y se traduce automáticamente al idioma del navegador del visitante, igual que el mensaje de bienvenida.
Mensaje de respaldo
El mensaje de respaldo se muestra al visitante cuando se le está conectando con un operador. Establece expectativas sobre el tiempo de respuesta.
Detalles
- Se almacena por idioma, se traduce automáticamente como otros mensajes
- Se muestra cuando una conversación está esperando a que un operador se una
- Ejemplo: "¡Gracias por tu mensaje! Uno de los miembros de nuestro equipo estará contigo en breve."
Idioma del operador
Cada widget tiene un idioma de operador predeterminado. Este es el idioma objetivo de las traducciones cuando aún no se ha asignado un operador específico a una conversación.
Cómo se utiliza
- El visitante envía un mensaje en español
- Aún no se ha asignado un operador
- El mensaje se traduce al idioma del operador del widget (p. ej. inglés)
- Una vez que un operador toma la conversación, las traducciones se dirigen al idioma personal de ese operador
Traducción
Controla si los mensajes se traducen automáticamente para este widget.
| Ajuste | Descripción |
|---|---|
Translation Enabled | Interruptor principal para este widget. Cuando está desactivado, no se traduce ningún mensaje. |
Translation Model | El modelo de IA usado para la traducción. Se recomienda Haiku para el mejor equilibrio entre velocidad y coste. |
Cuando está habilitado, todos los mensajes se traducen en ambas direcciones automáticamente — los mensajes de los visitantes se traducen al idioma del operador, y las respuestas del operador se traducen al idioma del visitante. Consulta la guía de Traducción para más detalles.
Limitación de velocidad
Protege tu widget contra abusos con la limitación de velocidad de mensajes.
Configuración
- Mensajes por minuto — el valor predeterminado es
20 - Se aplica por sesión de visitante
- Cuando se alcanza el límite, el visitante ve un mensaje localizado de "Por favor, ve más despacio" en su idioma
- Previene el spam y el consumo excesivo de tokens
Orígenes permitidos
Restringe qué dominios pueden integrar tu widget por seguridad.
Cómo funciona
- Añade los dominios donde tu widget debe funcionar (p. ej.
https://yoursite.com) - El widget solo se cargará en los dominios autorizados
- Si la lista está vacía, el widget se permite en cualquier dominio (sin restricción)
- Útil para prevenir el uso no autorizado de tu clave de widget en sitios de terceros
Código de integración
Cada widget tiene un código de integración único — una sola etiqueta script que añades a tu sitio web.
<script src="https://enuchat.com/widget/enuchat-v1.js"
data-widget-key="wgt_your_key_here"></script>Detalles
- El atributo
data-widget-keyidentifica tu widget - El script se carga de forma asíncrona — no bloqueará tu página
- Colócalo justo antes de
</body>en tu HTML - La clave del widget es segura para exponer en código del lado del cliente — solo puede usarse para iniciar sesiones de chat, no para acceder a tu panel
¿Listo para personalizar tu widget?
Crea tu cuenta gratuita y ten un widget de chat con tu marca en funcionamiento en minutos.
Empezar gratis