Guía

Personalización del widget

Haz que el widget de chat encaje con tu marca. Personaliza colores, logotipos, mensajes y comportamiento desde tu panel, sin tocar el código.

Cómo personalizarlo

  1. 01

    Abre Canales

    Haz clic en «Canales» en la barra lateral. Necesitas ser propietario o administrador para cambiar los ajustes de los canales.

  2. 02

    Selecciona el canal de tu web

    Haz clic en el canal de tu sitio web y abre la pestaña «Chat en vivo». Ahí están todas las opciones de personalización del widget.

  3. 03

    Actualiza los ajustes

    Cambia los ajustes de marca, mensajes o comportamiento que quieras, revisa la Vista previa y selecciona Guardar cambios.

  4. 04

    Los cambios se aplican al momento

    El widget obtiene su configuración cada vez que se carga una página, así que tus cambios se verán la próxima vez que un visitante cargue tu sitio web.

Marca

Ajustes visuales que controlan el aspecto del widget en tu sitio. El lanzador puede usar uno de estos dos estilos:

  • Logotipo
  • Icono
AjusteDescripciónPredeterminado
Estilo del lanzadorElige Logotipo para usar una imagen propia, o Icono para elegir uno de los iconos de lanzador integrados de Sonny.Icono
Logotipo del widgetSe muestra cuando el estilo del lanzador es Logotipo. Sube una imagen JPEG, PNG, GIF o WebP de menos de 2 MB y de al menos 64x64 px.Sin logotipo propio
Elegir iconoSe muestra cuando el estilo del lanzador es Icono. Elige el icono integrado que usará el lanzador.Bocadillo de chat
Color del iconoDefine el color del icono del lanzador con el selector de color o con un valor hexadecimal de 6 dígitos.#ffffff
Color de marcaSe aplica al botón del lanzador, la cabecera del chat, el botón de enviar y los bocadillos de los mensajes salientes.#2563eb
Posición del widgetElige si el widget aparece en la esquina Abajo a la derecha o Abajo a la izquierda de la página.Abajo a la derecha

Mensajes

Personaliza el texto que ven los visitantes cuando usan el widget.

Mensaje de bienvenida
El texto que aparece en la parte superior de la ventana del chat cuando un visitante abre el widget. Úsalo para marcar el tono de la conversación.
Predeterminado: «¡Hola! ¿En qué podemos ayudarte?» · Máx. 500 caracteres
Mensaje en línea
El texto de estado que aparece en la cabecera del chat cuando hay al menos un agente en línea. Va acompañado de un punto verde.
Predeterminado: «Solemos responder en pocos minutos» · Máx. 500 caracteres
Mensaje fuera de línea
El texto de estado que aparece en la cabecera del chat cuando no hay ningún agente en línea. Va acompañado de un punto gris.
Predeterminado: «Ahora no estamos: deja un mensaje y te responderemos» · Máx. 500 caracteres

Comportamiento

Ajustes que controlan cómo se comporta el widget con los visitantes.

Cuándo pedir el correo
Controla cuándo se pide a los visitantes su nombre y su correo. Elige «Antes del primer mensaje» para pedir los datos de contacto desde el principio, o «Después del primer mensaje» (predeterminado) para que los visitantes empiecen a chatear al momento y dejen sus datos después.
Formulario previo al chat
Pide a los visitantes sus datos antes de que empiece el chat. Actívalo y usa Campos obligatorios para elegir Nombre, Correo electrónico o ambos. Debe quedar al menos un campo seleccionado.
Horario de atención
Define tu horario para cada día de la semana. El widget aparece en línea solo cuando hay un agente disponible dentro de ese horario; fuera de él, los visitantes ven tu mensaje fuera de línea y el respondedor automático de IA puede intervenir si lo usas.
Dónde aparece el widget
Muestra el widget solo en las páginas que elijas, ocúltalo en otras o muéstralo solo cuando se cumplan condiciones, como un grupo de visitantes, un parámetro de la URL, un rango de fechas o el tiempo en la página. Configura las reglas de visualización.
Dominios de desarrollo permitidos
De forma predeterminada, el widget solo se carga en tu dominio de producción registrado. Añade dominios adicionales (como localhost:3000 o staging.example.com) para probar el widget durante el desarrollo. localhost siempre está permitido automáticamente.
Ocultar «Con la tecnología de Sonny»
Quita la marca Sonny del widget. Está incluido con cualquier plan de IA o con el desbloqueo BYOK.
Mostrar marcas de entrega a los visitantes
Muestra una marca bajo el mensaje de un visitante cuando Sonny lo recibe. La marca no significa que un agente haya leído el mensaje.

Datos obligatorios y verificación

Los datos previos al chat y la verificación de visitantes resuelven problemas distintos. Exigir el correo significa que cada conversación nueva debe tener una identidad de correo. Una identidad firmada válida lo cumple; si se permite la identificación por correo en el navegador, también lo cumple el correo que introduce el visitante. Un nombre guardado o un formulario completado no son una identidad de correo, así que Sonny lo vuelve a pedir en lugar de abrir una conversación sin identificar.

Con la verificación Desactivada u Opcional, un correo introducido por el visitante crea un contacto sin verificar y no desbloquea el historial entre dispositivos. Con Exigir prueba para identificar, el correo introducido en el navegador no se acepta como identidad, así que se necesita un JWT firmado cuando el correo es un campo obligatorio previo al chat.

Instalar y gestionar el widget

Usa Código de instalación para copiar el código para tu sitio web. La Vista previa en directo muestra cómo quedarán los ajustes visuales guardados. Si ya no necesitas el canal, selecciona Desconectar web y confirma la acción.

Guía de configuración del widget

Documentación relacionada

Descubre cómo ayuda Sonny