Cambiar la apariencia del Widget de chat de tawk.to

Las instrucciones siguientes son solo para computadoras de escritorio y portátiles.

3. Haz clic en Administración en la barra de navegación izquierda.

4. Haz clic en Widget de chat en el submenú izquierdo.

5. Desplázate hasta Aparência del Widget (Widget Appearance) y haz clic en Avanzado (Advanced).

6. En la página de Aparência del Widget (Widget Appearance), puedes personalizar el color, la forma y el tamaño de tu widget para escritorio y móvil. Usa la previsualización en vivo a la derecha para probar tus cambios. Cuando estés satisfecho, haz clic en Guardar (Save). El widget se actualizará automáticamente en tu sitio, sin necesidad de cambiar código.

Forma: Elige circular (compacto) o rectangular. La forma circular es menos intrusiva, mientras que la rectangular te ofrece más espacio y opciones.

Tamaño: Configura el ancho y la altura (estos afectan el widget cuando está maximizado). Si elegiste rectangular, también puedes ajustar el ancho/altura minimizados y el radio superior/inferior para controlar las esquinas redondeadas.

Posición: Elige dónde aparece el widget en la página (abajo a la derecha es el predeterminado). Selecciona una ubicación que se ajuste al diseño de tu sitio.

Captador de atención (Attention Grabber): Actívalo para atraer la atención. Haz clic en Galería (Gallery) para elegir un diseño prediseñado o subir tu propio arte. Nota: el Captador de atención (Attention Grabber) solo se muestra en escritorio y únicamente cuando el widget está en línea. Aprende más aquí: Habilitando el Captador de atención (Attention Grabber)

Elige el tipo y la posición del widget móvil para que no interfiera con la navegación ni con botones importantes en pantallas pequeñas. La previsualización móvil muestra cómo aparecerá.

Estos ajustes de color se aplican tanto a las previsualizaciones de escritorio como a las de móvil:

Texto del encabezado: Cambia el color del texto del encabezado y de la sección interna para el diseño predeterminado.

Mensaje del agente/Texto del agente: Controla el color de fondo y del texto para los mensajes de tus agentes.

• Visibilidad del Captador de atención (Attention Grabber)
  El Captador de atención (Attention Grabber) aparece solo en escritorio y únicamente cuando el widget está en línea. Si tu widget está configurado como fuera de línea o ausente, no se mostrará.

• Adaptabilidad móvil
  El widget puede ajustar su diseño en móviles para evitar cubrir la navegación u otros elementos de la interfaz. Prueba en varios dispositivos y tamaños de pantalla.

• Conflictos con los estilos del sitio
  El CSS personalizado o los scripts en tu sitio pueden, a veces, interferir con la posición o la apariencia del widget. Si utilizas estilos personalizados, prueba cuidadosamente y verifica posibles conflictos.

• Haz clic en el ícono verde de chat en vivo
• Programa una llamada con nosotros
• Visita nuestra comunidad