19

Personalización del Widget

Última actualización hace 5 días

Cambiar la apariencia del Widget de chat de tawk.to Cómo modificar el contenido del widget (widget content) Cambiar el idioma de su widget Cómo modificar los saludos en tu widget Cómo personalizar el encabezado del widget y las tarjetas de cuerpo

Cambiar la posición del widget

Las instrucciones a continuación son solo para computadoras de escritorio y portátiles.

Puedes cambiar fácilmente la posición del Widget de chat de tawk.to para que coincida con el diseño y la identidad de tu sitio web. Por defecto, el widget aparece en la esquina inferior derecha de la pantalla. Sin embargo, puedes seleccionar entre seis posiciones estándar (arriba, medio o abajo, en el lado izquierdo o derecho de la pantalla) directamente desde tu Tablero de Control — no se requiere programación.
Pasos para cambiar la posición de tu widget
1. Inicia sesión en tu cuenta de tawk.to.

2. Selecciona la propiedad correcta.

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

4. Haz clic en Widget de chat en el submenú izquierdo. Luego, haz clic en Avanzado bajo Aparência do widget (Widget Appearance) (junto a Color del widget).

5. Bajo Posición del widget en computadoras de escritorio y dispositivos móviles (Desktop and Mobile Widget Position), elige tu posición preferida:
-Arriba izquierda
-Arriba derecha
-Centro izquierda
-Centro derecha
-Abajo izquierda
-Abajo derecha (predeterminado)

6. Haz clic en Guardar en la esquina inferior derecha. El widget se actualizará automáticamente en tu sitio web.

Ajustar la posición del widget usando código (Opcional)
Si las seis opciones predefinidas no se adaptan a tu diseño — por ejemplo, si el widget se superpone a un pie de página fijo o a la barra de navegación — puedes ajustar su ubicación usando la API de tawk.to.

El método customStyle te permite establecer desplazamientos específicos en píxeles, rotación y posicionamiento independiente para escritorio y móvil. Asegúrate de definir customStyle antes del script de inserción para que tenga efecto.


Para instrucciones detalladas, consulta esta guía: Personalizar la ubicación de su widget con la API de JavaScript

Consideraciones adicionales

  • Adaptabilidad móvil
    En dispositivos móviles, el widget puede reposicionarse automáticamente para evitar superponerse a elementos de navegación o botones importantes. Siempre prueba los cambios en varios dispositivos.


  • CSS o scripts personalizados
    Si tu sitio incluye CSS personalizado o scripts de terceros, estos pueden sobrescribir la configuración del Tablero de Control. Revisa las reglas de posicionamiento o z-index si el widget no aparece donde esperas.


  • Configuración del Tablero de Control vs. a nivel de código
    Los cambios en el Tablero de Control controlan las posiciones estándar. Si has agregado una ubicación personalizada a través de la API de JavaScript, esos ajustes a nivel de código sobrescribirán el Tablero de Control.


  • Pruebas
    Después de actualizar la posición del widget, revisa varias páginas en escritorio y móvil para asegurarte de que el widget no interfiera con otros elementos del sitio.
Guías relacionadas
Cómo modificar el contenido del widget (widget content)

Personalización de la ubicación de tu widget con la API de JavaScript

Si tienes comentarios sobre este artículo o necesitas más ayuda:


¿Te ha sido útil el artículo?

A 98 de 148 les gusta este artículo