Cómo instalar un chatbot en PrestaShop 1.7, 8 y 9

Qué opción te conviene

Si no tocas código, usa un módulo. Si tú o tu informático ya trabajáis con un tema hijo, la plantilla es más directa. Las dos sirven en PrestaShop 1.7, 8 y 9.

El código de tu asistente

Cópialo del panel de Ada, en la pantalla de instalación, donde aparece ya completo con tu identificador. Tiene este formato, con TU_CODIGO en lugar de tu código público:

<script src="https://ada-assistant.com/wozzo-chat.js" data-public-url="TU_CODIGO" defer></script>

Las plantillas de PrestaShop usan Smarty, un sistema en el que las llaves { } tienen un significado especial. El código de Ada no lleva llaves, así que puedes pegarlo tal cual.

Opción 1: con un módulo de código personalizado

Un módulo puede insertar el código en el punto displayBeforeBodyClosingTag, que PrestaShop ofrece en las versiones 1.7, 8 y 9 justo antes del cierre de cada página. Es la forma más limpia porque no dependes del tema.

1. Elige un módulo

   En PrestaShop Addons hay módulos de terceros para añadir código personalizado a la cabecera o al pie. Elige uno compatible con tu versión y con buenas valoraciones recientes. Si tienes agencia, también pueden hacerte un módulo mínimo que solo inserte este código.

2. Instálalo

   En el back office, ve a Módulos > Gestor de módulos y sube o instala el módulo.

3. Pega el código en la zona del pie

   En la configuración del módulo, pega el código de Ada en el campo que inserta antes del cierre de la página (puede llamarse pie, footer o «antes de </body>» según el módulo).

4. Guarda y vacía la caché

   Guarda y sigue los pasos de la sección de caché de más abajo.

Opción 2: en la plantilla del tema hijo

En el tema Classic y en Hummingbird, el archivo que envuelve todas las páginas es templates/layouts/layout-both-columns.tpl. Si pegas el código justo antes de </body>, saldrá en toda la tienda.

1. Trabaja sobre un tema hijo

   Si editas el tema original, perderás el cambio la próxima vez que lo actualices. Si no tienes tema hijo, pide a tu informático que lo cree o usa la opción del módulo.

2. Abre la plantilla

   Por FTP o desde el gestor de archivos de tu alojamiento, abre themes/<tu-tema>/templates/layouts/layout-both-columns.tpl.

3. Pega el código antes de </body>

   Busca la etiqueta </body> y pega el código de Ada en la línea anterior, como en el ejemplo de abajo.

4. Guarda y vacía la caché

   Sube el archivo y vacía la caché de PrestaShop.

    {* Ada Assistant *}
    <script src="https://ada-assistant.com/wozzo-chat.js" data-public-url="TU_CODIGO" defer></script>
  </body>

Algunos temas de terceros organizan las plantillas de otra forma. Si no encuentras ese archivo, el pie suele estar en templates/_partials/footer.tpl o en una plantilla equivalente de tu tema.

Vacía la caché o no verás el cambio

PrestaShop guarda una versión compilada de las plantillas para ir más rápido. Hasta que no vacías esa caché, la tienda sigue mostrando la versión anterior, sin el chat.

1. Entra en Rendimiento

   En el back office ve a Parámetros avanzados > Rendimiento (en inglés, Advanced Parameters > Performance; la traducción puede variar un poco según tu versión).

2. Borra la caché

   Pulsa el botón Borrar caché, arriba a la derecha (Clear cache).

3. Revisa la compilación de plantillas

   Si la opción de compilación de plantillas está en «No recompilar nunca», cámbiala temporalmente a «Recompilar si los archivos se han actualizado», guarda, comprueba la tienda y déjala como estaba.

Si además usas una caché del alojamiento o un CDN, vacíala también.

Cómo comprobarlo en la tienda

Abre la tienda en una ventana de incógnito y mira la portada, una categoría y una ficha de producto. La burbuja tiene que salir en las tres.

• Pregunta por los gastos de envío o los plazos de entrega y comprueba que responde con lo que dicen tus páginas de condiciones.
• Si no sale, clic derecho > Ver código fuente y busca «wozzo-chat.js». Si no está, el problema es la caché o el archivo editado.
• En el panel de Ada, la pantalla de instalación muestra cuándo se ha detectado el asistente en tu dominio.

Problemas frecuentes

Que el asistente conozca bien tu tienda

Ada lee las páginas públicas de tu PrestaShop: categorías, fichas de producto y las páginas CMS de envíos, devoluciones y condiciones. Revisa que esas páginas CMS estén al día, porque son las que más se consultan.

Si tienes muchos productos, prioriza: el plan Básico admite 5 fuentes y el Premium 100. Puedes subir un Excel o CSV con tu catálogo como documento en lugar de añadir cada ficha como fuente. Lo tienes en precios.

Responde también por WhatsApp

Con el plan Premium, el mismo asistente atiende tu WhatsApp con la API oficial de Meta, y sigues usando la app WhatsApp Business del móvil. Lo explicamos en chatbot para WhatsApp. Para el enfoque de tienda online, mira chatbot para ecommerce.

Preguntas frecuentes