Personalización de widgets

Un widget de chat en vivo que parece 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.

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

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 claro: 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, campos de entrada) se adaptan al tema

Posición y tipo de burbuja

Colócalo 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.

Idioma y localización

Habla el idioma de tus clientes

Chatwoot admite 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.

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

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: Esperar 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 Help Center directamente dentro del widget para obtener respuestas instantáneas.

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.

Iniciar prueba gratuita Solicitar una demostración