Il existe deux façons d'ajouter un chatbot ChatLab à votre boutique PrestaShop : installer le module ChatLab (recommandé) ou coller manuellement le code du script dans votre thème.
Avant de commencer
Créez et entraînez votre chatbot avant de le partager avec vos clients. Pour l'installation, vous devez également disposer de l'autorisation de modifier et de publier le site web. Consultez Comment créer votre premier chatbot.
Obtenir le code d'intégration
Sélectionnez votre chatbot depuis le tableau de bord principal, puis cliquez sur l'onglet Deploy (Déployer).
Dans le panneau Select Platform (Sélectionner la plateforme) à droite, cliquez sur PrestaShop.
Méthode 1 : Utiliser le module PrestaShop (recommandé)
L'onglet Plugin Installation (Installation du plugin) est sélectionné par défaut. Suivez les étapes numérotées affichées à l'écran.
- Cliquez sur Get the module on PrestaShop Addons (Obtenir le module sur PrestaShop Addons) et téléchargez le module ChatLab compatible avec votre version de PrestaShop.
- Dans votre back-office PrestaShop, ouvrez Modules > Module Manager > Upload a module (Modules > Gestionnaire de modules > Installer un module) et sélectionnez le fichier ZIP téléchargé.
- Cliquez sur Configure (Configurer) sur le module ChatLab installé, puis sur Connect my store (Connecter ma boutique).
- Connectez-vous à ChatLab et sélectionnez votre chatbot lorsque vous y êtes invité.
- Finalisez la connexion. Le module connecte votre boutique et installe le widget automatiquement.
- Ouvrez votre boutique en ligne et envoyez un message test. Pour les données de la boutique, testez également la recherche de produits ainsi qu'une commande que vous pouvez vérifier dans le back-office.
Méthode 2 : Installation manuelle du script
Si vous préférez ne pas utiliser le module, vous pouvez coller le script du chatbot directement dans le fichier de modèle (template) du thème de votre boutique.
Cliquez sur l'onglet Manual Installation (Installation manuelle).
-
Choisissez entre Widget (icône de chat en pop-up) ou Iframe (fenêtre de chat toujours visible)
-
Cliquez sur Copy to clipboard (Copier dans le presse-papiers) pour copier le code
-
Demandez à la personne qui gère votre thème d'ouvrir le fichier de modèle approprié.
-
Pour le Widget, insérez le script avant
</head>. Pour l'Iframe, insérez l'iframe dans le corps de la page à l'endroit où le chat doit s'afficher. L'extrait manuel intègre uniquement le chat ; il ne connecte pas les données de la boutique. -
Enregistrez le fichier et actualisez votre boutique pour vérifier que le chatbot s'affiche bien
Vous hésitez sur le type d'intégration à choisir ? Consultez Quelle est la différence entre widget et iframe ? pour voir une comparaison.
Intégration e-commerce
L'ajout du widget de chatbot sur votre boutique n'est que la première étape. Pour activer la recherche de produits et le suivi des commandes dans votre chat, connectez l'intégration PrestaShop : Intégration avec PrestaShop
Pour découvrir les bonnes pratiques générales concernant l'utilisation d'un chatbot sur une boutique e-commerce, consultez : Comment configurer ChatLab pour votre boutique e-commerce