Hay dos formas de añadir un chatbot de ChatLab a tu tienda PrestaShop: instalando el módulo de ChatLab (recomendado) o pegando manualmente el código del script en tu tema.
Antes de empezar
Crea y entrena a tu chatbot antes de compartirlo con tus clientes. Para la instalación, también necesitas permisos para editar y publicar el sitio web. Consulta Cómo crear tu primer chatbot.
Cómo obtener el código de inserción
Selecciona tu chatbot en el panel principal y haz clic en la pestaña Deploy (Desplegar).
En el panel Select Platform (Seleccionar plataforma) de la derecha, haz clic en PrestaShop.
Método 1: Usar el módulo de PrestaShop (recomendado)
La pestaña Plugin Installation (Instalación del plugin) está seleccionada por defecto. Sigue los pasos numerados que aparecen en pantalla.
- Haz clic en Get the module on PrestaShop Addons (Obtener el módulo en PrestaShop Addons) y descarga el módulo de ChatLab compatible con tu versión de PrestaShop.
- En el panel de administración de PrestaShop, abre Modules > Module Manager > Upload a module (Módulos > Administrador de módulos > Subir un módulo) y selecciona el archivo ZIP descargado.
- Haz clic en Configure (Configurar) en el módulo de ChatLab instalado y, a continuación, en Connect my store (Conectar mi tienda).
- Inicia sesión en ChatLab y selecciona tu chatbot cuando se te solicite.
- Completa la conexión. El módulo conectará tu tienda e instalará el widget automáticamente.
- Abre tu tienda online y envía un mensaje de prueba. Para comprobar los datos de la tienda, prueba también la búsqueda de productos y realiza una consulta sobre un pedido que puedas verificar en el panel de administración.
Método 2: Instalación manual del script
Si prefieres no utilizar el módulo, puedes pegar el script del chatbot directamente en la plantilla de tu tema de PrestaShop.
Haz clic en la pestaña Manual Installation (Instalación manual).
-
Elige entre Widget (icono de chat emergente) o Iframe (marco de chat visible en todo momento)
-
Haz clic en Copy to clipboard (Copiar al portapapeles) para copiar el código
-
Pide a la persona que mantenga tu tema que abra el archivo de plantilla adecuado.
-
Para el Widget, inserta el script antes de
</head>. Para el Iframe, inserta el iframe en el cuerpo de la página donde quieras que aparezca el chat. El fragmento de código manual solo incrusta el chat; no conecta los datos de la tienda. -
Guarda el archivo y actualiza tu tienda para comprobar que aparece el chatbot
¿No tienes claro qué tipo de inserción elegir? Lee ¿Cuál es la diferencia entre widget e iframe? para ver una comparativa.
Integración de e-commerce
Añadir el widget del chatbot a tu tienda es solo el primer paso. Para habilitar la búsqueda de productos y el seguimiento de pedidos en el chat, conecta la integración con PrestaShop: Integración con PrestaShop
Para consultar las recomendaciones generales sobre cómo gestionar un chatbot en una tienda online, consulta: Cómo configurar ChatLab para tu tienda de e-commerce