Cómo añadir el widget de tawk.to a tu sitio web

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

Facilita que los clientes inicien conversaciones añadiendo el widget de chat de tawk.to a tu sitio. ¿Ves el ícono verde de chat en vivo en la esquina inferior derecha de esta página? Puedes añadir un widget de chat similar a tu sitio web.

Este artículo explica la forma más sencilla de añadir el widget pegando el código JavaScript y ofrece enlaces a guías específicas para plataformas como WordPress, Wix, Shopify y más./h

Pasos para añadir el widget con el fragmento de JavaScript

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.
5. Copia el código que se muestra en el campo Código del widget. Este es el fragmento de JavaScript que cargará el widget en tu sitio.

6. Añade el código del widget a tu sitio. Abre el HTML de la página donde deseas que aparezca el widget de chat. Pega el código del widget justo antes de la etiqueta de cierre </body>.

Por ejemplo:

7. Guarda y publica la página. El widget debería aparecer en el sitio en vivo donde se cargue el script.

Uso de una plataforma de gestión de contenidos (CMS)

Si tu sitio utiliza un CMS, sigue la guía correspondiente a continuación para ver pasos detallados y capturas de pantalla:

Consideraciones adicionales
  • Publicar y probar
    Después de publicar, abre tu sitio en una ventana de incógnito/privada (o borra la caché) y verifica que el widget aparezca y funcione correctamente.


  • Varias propiedades/varios sitios web
    Si administras más de un sitio web, genera y utiliza el código del widget correspondiente a la propiedad correcta. Cada propiedad tiene su propio código de widget. Verifica el nombre de la propiedad en tu panel antes de copiar el código.


  • Content Security Policy (CSP)
    Si tu sitio aplica encabezados CSP, una política estricta puede bloquear scripts de terceros. Si el widget no aparece después de instalar el código, revisa la consola de tu navegador para ver errores de CSP y añade los dominios y fuentes de scripts de tawk.to a la lista permitida en tu configuración de CSP.

Guías relacionadas
Tutoriales

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

¿Te ha sido útil el artículo?

A 3104 de 3986 les gusta este artículo