Integrar el chat de Tawk.to en PrestaShop gratis

Integrar una herramienta de chat en tu tienda online es una excelente manera de mejorar la atención al cliente y aumentar las conversiones. Una de las opciones más populares es Tawk.to, una plataforma gratuita de chat . En este artículo, te guiaremos paso a paso para integrar Tawk.to en tu tienda PrestaShop.

¿Qué es Tawk.to?

Tawk.to es una herramienta de chat que permite a los propietarios de sitios web interactuar en tiempo real con los visitantes. Es gratuito y ofrece características avanzadas como:

• Chat en tiempo real
• Seguimiento de visitantes
• Respuestas automáticas
• Análisis detallados

¿Por qué elegir Tawk.to?

1. Es gratis: Ofrece una amplia gama de funciones sin costo.
2. Es fácil de usar: La interfaz es intuitiva y la integración es sencilla.
3. Funciones avanzadas: Ofrece funcionalidades como chat programado, widgets personalizados y aplicaciones móviles.

La única pega es que el módulo que nos proporciona Tawk.to para Prestrashop tiene actualmente un coste de casi 70€. Pero no te preocupes, con un poco de paciencia y habilidad, podemos añadirlo de forma gratuita añadiendo nosotros mismos a mano el código necesario en nuestra web. Sigue leyendo y te guiare paso a paso, ¡ya verás como es más sencillo de lo que parece!

Pasos para integrar Tawk.to en PrestaShop

Lo primero que vas a necesitar es una cuenta en Tawk.to. Ve a Tawk.to y regístrate para comenzar a utilizar esta herramienta. Sigue las instrucciones y añade tu sitio web.

Una vez en tu panel de control, podrás personalizar muchas opciones desde la apariencia y textos del widget de chat hasta respuestas automáticas o una sección de preguntas frecuentes. En otro artículo veremos como sacar el máximo partido de esta potente herramienta.

Ahora lo importante, tenemos dos formas de integrar el chat en nuestra web. La primera, más sencilla pero de pago, es comprar el módulo que nos proporciona Tawk.to. Pero como ya hemos visto deberemos pasar por caja.

Si queremos ahorrarnos unos euros, podemos integrarlo nosotros mismos a mano.

Para ellos vamos a necesitar dos cosas:

• Código de integración: Es un código HTML/JS que obtenemos desde el panel de administracion de tawk.to.
• Acceso a editar los archivos de nuestra web: lo más habitual es acceder desde el panel de nuestro hosting o a través de FTP.

Paso 1: Obtener el código de integración

Veamos primero como obtener el código de integración que nos proporciona Tawk.to. En el panel de administración de tu cuenta, haz click en el iconos de engranaje para ir a la configuración.

Se desplegarán varias opciones, selecciona ‘Chat Widget’.

En la ventana que se muestra a continuación, veras un recuadro donde pone ‘Widget Code’. El recuadro contiene el código JS que debemos copiar y pegar en nuestra web. Guárdalo para utilizarlo en los siguientes pasos.

Paso 2: Pegar el código en tu web

Vamos con el paso dos, editar los archivos de nuestra web. Si no sabes como acceder a los archivos de tu web, puedes seguir este otro tutorial. Cuando hayas acabado, vuelve aquí y continua.

Ahora que ya tienes acceso a los archivos de tu web, debes dirigirte a la carpeta de temas, llamada ‘themes’ y buscar la carpeta de tu tema. Entra en la carpeta correspondiente y busca una carpeta llamada ‘templates’ y después ‘layouts’. Aquí encontrarás el archivo llamado ‘layout-both-columns.tpl’ que es el que vamos a editar.

La ruta final queda así: /themes/<nombre_de_tu_tema>/templates/layouts/layout-both-columns.tpl

Abre el archivo y busca la etiqueta </body>, debería estar casi al final del archivo. Ahora copia el código del widget de Tawk.to que hemos guardado antes y pégalo justo antes de esta etiqueta. Guarda los cambios y… ¡Vouila! ¡Ya tienes el chat de Tawk.to integrado en tu tienda Prestashop!

Así de fácil y sencillo, hemos añadido una herramienta que aumentara las conversiones de tu tienda online, que ayudara a los clientes y aportara profesionalidad y una mejor experiencia de usuario a tu web.