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.

AjusteOpcionesDescripción
Primary ColorCualquier valor hexadecimalEstablece el encabezado del widget, el botón de envío y el color de acento. Haz que coincida con tu marca (p. ej. #2563eb).
Positionbottom-right, bottom-leftEn qué esquina de la página aparece el widget.
Chat VisibleOn / OffActiva o desactiva el widget sin eliminar el código de integración. Útil para mantenimiento o campañas estacionales.
Consejo: Usa un color que tenga buen contraste con el texto blanco. El texto del encabezado del widget siempre es blanco, así que evita colores muy claros.

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

ModoComportamiento
auto_openEl widget de chat se abre automáticamente al cargar la página. El visitante ve la ventana de chat completa de inmediato.
attractAparece 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.

Consejo: El modo "attract" funciona bien para comercio electrónico ("¿Necesitas ayuda para elegir? ¡Pregúntanos!") mientras que "auto_open" es mejor para páginas de soporte donde los visitantes ya están buscando ayuda.

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.

AjusteDescripción
Translation EnabledInterruptor principal para este widget. Cuando está desactivado, no se traduce ningún mensaje.
Translation ModelEl 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
Seguridad: Para uso en producción, siempre añade tus orígenes permitidos. Esto evita que alguien copie tu código de integración y use tu widget (y tus tokens) en su propio sitio.

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-key identifica 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