Personalización de widgets

Un widget de live chat que se siente como tuyo

Personaliza cada detalle de tu widget de chat: colores, posición, idioma, modo oscuro y más. Haz que se sienta como una parte natural de tu sitio web.

Solicitar una demostración Iniciar prueba gratuita

Gratis por 15 días. No se necesita tarjeta de crédito.

Cada detalle, a tu manera

Un creador de widgets sin código con control total sobre la apariencia y el comportamiento.

Colores de la marca

Modo oscuro

Más de 50 idiomas

Generador de widgets

Tipos de burbujas

Campañas

Soporte RTL

Control SDK

Generador de widgets sin código

Personaliza sin escribir código

Usa el creador de widgets visuales de Chatwoot para ajustar la apariencia, el contenido y el comportamiento de tu widget, todo con una vista previa en vivo. No se necesita desarrollador.

Vista previa en vivo — Consulta tus cambios en tiempo real a medida que ajusta la configuración
Mensajes de bienvenida — Personalizar el título, el eslogan y el tiempo de respuesta que se muestran a los visitantes
Saludo del canal — Establecer un mensaje de saludo automático cuando un cliente abre el widget
Color del widget — Elige cualquier color que combine con la paleta de tu marca
Posición y burbuja — Elige la ubicación izquierda o derecha y el estilo de burbuja estándar o expandido

Colores y apariencia de la marca

Combina perfectamente con tu marca

Configura el color de tu marca y el widget se adaptará a todas partes: la burbuja del iniciador, el encabezado, los botones y los aspectos destacados del mensaje se mantendrán consistentes.

Cualquier color hexadecimal — Define cualquier color: el widget, el iniciador, el encabezado y los botones se adaptan
Burbuja estándar — Un ícono circular limpio que flota en la esquina de tu sitio
Burbuja expandida — Un iniciador más amplio con texto personalizado como 'Chatea con nosotros' para mayor visibilidad
Texto de inicio personalizado — Define el texto que se muestra en la burbuja expandida a través de la configuración del título del iniciador
Encabezado y eslogan de bienvenida — Saluda a los visitantes con tu propio encabezado y descripción del tiempo de respuesta

Color del widget

Texto de bienvenida

Hola

Normalmente respondemos en unos minutos.

Tipo de burbuja

Estándar
Chatea con nosotros
Expanded

Modo oscuro

Respeta las preferencias de tus visitantes

Habilita el modo oscuro automático para que tu widget se adapte a las preferencias del sistema operativo del visitante. La ventana de chat se muestra en un tema oscuro sin ningún esfuerzo adicional.

Modo automático — Sigue la preferencia del sistema operativo del visitante automáticamente (claro u oscuro)
Modo de luz — Muestra siempre el widget en un tema claro, independientemente de la configuración del sistema operativo.
Configuración sencilla — Configura darkMode en 'auto' en chatwootSettings: una línea de código
Estilo consistente — Todos los elementos del widget (encabezado, mensajes, entradas) se adaptan al tema

Posición y tipo de burbuja

Colóquelo donde funcione mejor

Elige la posición del widget en tu sitio, elige el estilo de burbuja que se ajuste a tu diseño y personaliza el texto del iniciador para burbujas expandidas.

Izquierda o derecha — Coloca el iniciador de widgets en cualquier lado que se ajuste a tu diseño
Burbuja estándar — Un ícono de chat circular compacto: mínimo y familiar
Burbuja expandida — Un lanzador más ancho en forma de píldora con texto personalizable para mayor visibilidad
Ventana emergente — Permite que los visitantes abran el chat en una ventana separada del navegador para enviar mensajes sin distracciones.
yourwebsite.com

Idioma y localización

Habla el idioma de tus clientes

Chatwoot admite más de 50 idiomas desde el primer momento. El widget se adapta automáticamente a la configuración regional del navegador del visitante, o puede configurarlo manualmente a través del SDK.

Más de 50 idiomas — La interfaz de usuario del widget se muestra automáticamente en el idioma del navegador del visitante.
Soporte RTL — Compatibilidad completa de derecha a izquierda para árabe, hebreo, persa y otros idiomas.
Anulación de configuración regional del SDK — Configurar el idioma manualmente usando el método setLocale SDK
Equipos multilingües — Diferentes bandejas de entrada pueden atender a audiencias de diferentes idiomas

Comportamiento del widget

Controlar cómo se comporta el widget

Ajusta la experiencia del widget: permite abrirlo en una ventana independiente y activa o desactiva el selector de emojis, la carga de archivos, la recopilación de correos y el botón para finalizar la conversación.

Ventana emergente — Los visitantes pueden abrir el chat en una ventana completa del navegador para mantener conversaciones más largas.
Colección de correo electrónico — Solicitar a los visitantes su correo electrónico para que las conversaciones puedan continuar si se van
Selector de emojis — Habilitar o deshabilitar el selector de emoji en el compositor de widgets
Archivos adjuntos — Permitir a los visitantes cargar y compartir imágenes, documentos y otros archivos
Finalizar conversación — Permitir a los visitantes cerrar conversaciones desde el widget cuando se resuelva su problema

Ventana emergente

Abrir el chat en una ventana del navegador dedicada

Enabled

Colección de correo electrónico

Solicitar automáticamente la dirección de correo electrónico

Enabled

Selector de emojis

Deja que los visitantes se expresen con emojis

Enabled

Archivos adjuntos

Permitir a los visitantes compartir archivos e imágenes

Enabled

Campañas proactivas

Inicia conversaciones, no las esperes

Activa mensajes específicos en el widget cuando los visitantes coincidan con condiciones específicas: tiempo en la página, patrón de URL o eventos personalizados. Convierte más visitantes en clientes.

Campañas en curso — Enviar mensajes proactivos basados ​​en la URL de la página, el tiempo en la página o reglas personalizadas
Orientación por URL — Activar mensajes solo en páginas específicas como precios, pago o documentos
Retraso de tiempo — Espere un número determinado de segundos antes de mostrar el mensaje de la campaña.
Mensajes personalizados — Escribir mensajes personalizados para cada campaña para que coincidan con el contexto

SDK y control de desarrolladores

Control programático total

Ve más allá del constructor. Usa métodos del SDK para controlar dinámicamente el widget, establecer atributos de usuario, cambiar la configuración regional y activar acciones desde el código de su aplicación.

Identificación de usuario

Pasa datos de usuario como nombre, correo electrónico y atributos personalizados para personalizar la experiencia y enrutar conversaciones.

Control de widgets

Abre, cierra, alterna y muestra el widget mediante programación. Configura el idioma, restablece sesiones y más.

Validación de identidad

Habilita la validación de identidad basada en HMAC para evitar la suplantación y garantizar sesiones seguras de widgets.

Mensajes interactivos

Contenido de widget rico e interactivo

Ve más allá del texto plano con tarjetas interactivas, formularios, opciones de respuesta rápida y artículos integrados, todo ello renderizado de forma nativa dentro del widget de chat.

Botones de respuesta rápida — Presenta opciones que los visitantes pueden tocar para dirigirse al equipo correcto.
Tarjetas — Muestra tarjetas con imágenes, títulos y descripciones dentro del chat.
Formularios — Recopila datos estructurados mediante formularios en el chat sin redirigir a los visitantes.
Artículos incrustados — Explora los artículos del centro de ayuda directamente dentro del widget para obtener respuestas instantáneas.

¿Cómo podemos ayudarte hoy?

FacturaciónSoporte técnicoVentasOtro

Guía de introducción

Aprende a configurar tu cuenta en 5 pasos

Comentarios rápidos

👍👎

Haz tuyo el widget

Empieza a personalizar tu widget de chat en vivo para que coincida con tu marca. Configura en minutos, no se necesitan habilidades de diseño.

Solicitar una demostración Iniciar prueba gratuita

Gratis por 15 días. No se necesita tarjeta de crédito.