Este artículo explica cómo configurar el modo oscuro del widget de chat en vivo de ViaDesk, para que se adapte a sitios con tema claro u oscuro.
Requisito: El widget ya tiene que estar instalado en tu sitio (código pegado en la web o vía Google Tag Manager). Si todavía no lo instalaste, creá primero la bandeja de Sitio web en ViaDesk.
Cómo funciona
Muchos sitios permiten que el visitante use tema claro u oscuro (o siguen la preferencia del sistema operativo). El widget de ViaDesk puede alinearse a eso con el parámetro darkMode dentro de chatwootSettings.
| Valor | Comportamiento |
|---|---|
light |
Solo modo claro. Es el valor predeterminado. |
auto |
Activa el modo oscuro según la preferencia del sistema operativo / dispositivo del visitante. |
Limitación actual: El valor dark fijo (forzar siempre oscuro) no está disponible todavía. Usá auto si querés que acompañe el tema del dispositivo.
Cómo habilitarlo
- Abrí el código del widget que instalaste en tu sitio (o la etiqueta HTML en Google Tag Manager).
- Agregá o editá el bloque
window.chatwootSettingspara incluirdarkMode: "auto". - Guardá y publicá los cambios.
- Probá en el navegador con el tema del sistema en claro y en oscuro (o en otro dispositivo).
Ejemplo:
window.chatwootSettings = {
// ... otras opciones que ya uses ...
darkMode: "auto",
};
Tip: Si el script de ViaDesk ya define chatwootSettings, sumá la propiedad darkMode dentro del mismo objeto. No dupliques el bloque completo si ya existe uno.
Si instalaste el widget con GTM
- Entrá a Google Tag Manager.
- Editá la etiqueta HTML personalizado de ViaDesk.
- Incluí
darkMode: "auto"enchatwootSettings. - Enviá y Publicá una nueva versión del contenedor.
Problemas frecuentes
- No cambia a oscuro: verificá que el valor sea exactamente
"auto"(entre comillas) y que la página publicada tenga el código actualizado (Ctrl+F5). - En GTM no se ve el cambio: puede que la versión no esté publicada, solo guardada.
- Quiero forzar siempre oscuro: por ahora no está soportado; usá
autoo dejálight. - Rompió el widget al editar: restaurá el script original desde ViaDesk (Ajustes → Entradas → Configuración → Copiar) y volvé a agregar solo
darkMode.
Si necesitás ayuda para ubicar el código o publicar el cambio en tu sitio / GTM, abrí un caso desde el portal de clientes, consultá por el chat online con Aura en el sitio, o escribinos por WhatsApp al +54 9 11 7826-8881.