Documentación · 💬 Widget

Ajustes de apariencia

Colores, logo, estilo de la burbuja, bienvenida: todo con vista previa en vivo.

El editor de la página Widget adapta cada parte de la burbuja y de la ventana de chat a tu marca. La vista previa en vivo de la derecha refleja cada cambio al instante; no guardes hasta que te guste lo que ves.

El editor del widget; las secciones de ajustes a la izquierda (1) y la vista previa en vivo a la derecha (2) marcadas
① Elige una sección a la izquierda (colores, lanzador, mensajes…) → ② observa el resultado en vivo en la vista previa.

Qué puedes cambiar#

  • Color de marca: el color principal de la burbuja, el encabezado y los botones. Si eliges un color claro, el texto se oscurece automáticamente para seguir siendo legible.
  • Logo e imagen de portada: se muestran en el encabezado de la ventana de chat.
  • Estilo de la burbuja: Brand (una burbuja sólida con tu color) o Light (un aspecto claro y esmerilado).
  • Icono de la burbuja: uno de los iconos predefinidos: chat, sobre, soporte y más.
  • Etiqueta de la burbuja: la breve llamada a la acción junto a la burbuja (p. ej. "Chatea con nosotros").
  • Mensaje de bienvenida: el primer mensaje que saluda al cliente cuando se abre la ventana.
  • Posición: esquina inferior derecha o inferior izquierda.

El formulario previo al chat#

La sección Pre-chat Form (formulario previo al chat) del editor controla lo que el cliente rellena antes de que empiece la conversación: normalmente nombre completo y teléfono, además de su idioma preferido. Lo que se recoge aquí aparece en el panel del cliente de la Agent console y alimenta el formulario de reserva, así que el asistente no vuelve a preguntar lo que ya sabe.

¿En qué idioma aparece el widget?#

La interfaz del widget se adapta al idioma del navegador del visitante; el idioma de respuesta de la IA es un ajuste aparte que se gestiona en la página AI Agent (consulta la sección Asistente de IA).

Consejo: Los cambios de apariencia guardados se publican en tu sitio inmediatamente: no hace falta volver a tocar el código de instalación.