Ajouter un chatbot ChatLab à votre site web WordPress permet aux visiteurs d'interagir avec votre assistant IA directement sur votre site. Il existe deux méthodes d'installation : l'extension WordPress (recommandée) ou l'intégration manuelle du code.
Avant de commencer
Créez et entraînez votre chatbot avant de le partager avec vos clients. Pour l'installation, vous devez également disposer des autorisations nécessaires pour modifier et publier le site web. Consultez Comment créer votre premier chatbot.
Étape 1 - Ouvrir l'onglet Deploy dans ChatLab
- Connectez-vous à ChatLab et sélectionnez le chatbot que vous souhaitez intégrer
- Cliquez sur l'onglet Deploy (Déployer), puis sélectionnez WordPress dans le panneau des plateformes à droite
Le panneau WordPress affiche deux onglets : Plugin Installation (Installation de l'extension) et Manual Installation (Installation manuelle).
Méthode 1 : Extension WordPress (recommandée)
La méthode par extension est le moyen le plus simple d'ajouter ChatLab à WordPress - aucune modification de code n'est requise.
- Cliquez sur Get the plugin on WordPress.org (Obtenir l'extension sur WordPress.org) pour ouvrir la page de l'extension sur wordpress.org
- Installez et activez l'extension « ChatLab - AI Chatbot » depuis le répertoire des extensions WordPress
- Dans l'administration de votre WordPress, ouvrez ChatLab et cliquez sur Continue (Continuer). Pour une boutique WooCommerce, laissez WooCommerce integration (Intégration WooCommerce) sélectionné si vous souhaitez également la recherche de produits et la consultation des commandes.
- Connectez-vous à votre compte ChatLab et choisissez le chatbot que vous souhaitez afficher.
- Suivez la procédure guidée de connexion et retournez sur WordPress. L'extension installe le widget automatiquement.
- Ouvrez votre site web dans un navigateur pour vérifier que l'icône du chatbot apparaît
Méthode 2 : Installation manuelle
Si vous préférez intégrer le code manuellement, cliquez sur l'onglet Manual Installation (Installation manuelle).
- Installez et activez une extension d'insertion de code dans l'en-tête, telle que WPCode (anciennement Insert Headers and Footers).
- Pour WPCode, ouvrez Code Snippets > Header & Footer. Consultez les instructions WPCode pour l'en-tête et le pied de page.
- Dans ChatLab, choisissez entre Widget (fenêtre contextuelle de chat déclenchée par une icône) ou Iframe (chat toujours visible intégré dans la page). Consultez Quelle est la différence entre widget et Iframe ? pour une comparaison
- Cliquez sur Copy to clipboard (Copier dans le presse-papiers) pour copier le code
- Pour Widget, collez le code dans le champ Header (En-tête) et enregistrez. Pour Iframe, collez-le dans un bloc de contenu HTML sur la page où le chat doit apparaître, en utilisant un compte ou un éditeur autorisant le code HTML d'iframe, puis mettez à jour ou publiez la page. Ne collez pas d'iframe dans l'en-tête.
- Actualisez votre site web pour vérifier que le chatbot apparaît
Vérification de l'installation
Après avoir suivi l'une ou l'autre méthode, ouvrez votre site WordPress dans un navigateur. Vous devriez voir l'icône de chat dans le coin de la page (mode widget) ou la fenêtre de chat intégrée directement sur la page (mode iframe). Cliquez sur l'icône pour ouvrir le chat et envoyez un message de test pour confirmer que tout fonctionne correctement.