Cuenta, facturación e integraciones

Instalar el widget de chat en tu sitio web

El widget de chat de Domu aparece automáticamente en tu portal; también puedes incrustarlo en tu propio sitio web o landing page con un snippet de código.


¿Cómo funciona?

El widget es un chat en vivo que conecta visitantes de tu sitio directamente a tu bandeja de Domu. Cada conversación llega al Inbox igual que cualquier otro canal.

Si creas un Portal en Domu, el widget queda activo en él de forma automática — no necesitas pegar ningún código.


Crear un widget

  1. Ve a Ajustes → Chat web (widget).
  2. Haz clic en Nuevo widget.
  3. Se genera automáticamente una clave pública (data-key) para ese widget.

Puedes tener varios widgets (por ejemplo, uno para tu portal y otro para tu sitio corporativo). Cada uno tiene su propia clave y configuración independiente.


Copiar el snippet e instalarlo en tu sitio

  1. En Ajustes → Chat web (widget), selecciona el widget que quieres instalar.
  2. Haz clic en Copiar junto al bloque de código Snippet.
  3. Pega ese <script> antes del cierre </body> en cada página de tu sitio donde quieras que aparezca el chat.

El snippet tiene esta forma:

<script async charset="utf-8" src="https://app.bydomu.com/widget.js"
  data-key="TU_CLAVE_PUBLICA"
  data-api="https://api.bydomu.com"></script>

Origins permitidos: para mayor seguridad puedes limitar los dominios desde donde el widget puede iniciarse. Ve a Configuración del widget → Origins permitidos y agrega tus URLs (una por línea, ej: https://midominio.com).


Personalizar la apariencia y el comportamiento

En Configuración del widget puedes ajustar:

Apariencia

  • Nombre de marca — el nombre que verá el visitante en la cabecera del chat
  • Subtítulo — texto debajo del nombre (ej: "Normalmente respondemos en minutos")
  • Logo — URL de tu logo
  • Color — color principal del widget
  • Tema — claro, oscuro o según el dispositivo del visitante
  • Cabecera — degradado, color sólido o minimalista
  • Tamaño y bordes — panel amplio o compacto, con bordes redondeados o suaves
  • Texto del botón flotante — hasta 30 caracteres; vacío muestra solo el icono
  • Posición — Abajo a la derecha o Abajo a la izquierda
  • Mostrar "Con tecnología de Domu" — activa o desactiva el branding

Comportamiento

  • Preguntas sugeridas — hasta 3, de 100 caracteres cada una; al tocarlas, rellenan el mensaje para que el visitante lo revise y envíe
  • Pedir datos antes de iniciar el chat — puedes desactivarlo para que el visitante escriba directamente
  • Mensaje proactivo (burbuja) — texto que aparece sobre el botón del chat para llamar la atención (con retraso configurable en segundos)
  • Solicitar teléfono al iniciar el chat — pide el número antes de la primera respuesta
  • Reenviar respuestas por correo cuando el visitante esté offline — envía las respuestas del agente al email del visitante si ya cerró el chat

Canales y handoff

  • Permitir continuar por WhatsApp / Instagram / Facebook — muestra botones hacia tus canales conectados. El visitante puede pasar a esa plataforma si lo prefiere; la conversación nueva llega al Inbox.

Horario de atención

  • Definir horario de atención — activa días y franjas horarias con zona horaria
  • Mensaje fuera de horario — texto que ve el visitante cuando el widget está fuera de horario

La vista previa utiliza el widget real y permite alternar entre escritorio y móvil. Puedes probarlo sin enviar mensajes a tu bandeja ni crear contactos. Los canales conectados solo se muestran en el sitio publicado.

Guarda los cambios y recarga la página externa para verlos. No necesitas sustituir el snippet que ya instalaste.


Eliminar un widget

  1. En Ajustes → Chat web (widget), selecciona el widget.
  2. Haz clic en Eliminar.
  3. Confirma. Las conversaciones existentes no se borran, pero el widget deja de funcionar en los sitios donde tenías el snippet.

Artículos relacionados

¿Te quedó alguna duda?Escríbenos y te ayudamos en el chat.