Installer le chatbot sur votre site
WordPress, Wix, Shopify, Webflow, Squarespace ou site sur mesure : le guide pas à pas pour chaque plateforme.
Votre chatbot s'installe avec une seule ligne de code, sans rien modifier d'autre sur votre site. Sur WordPress, un plugin le fait même pour vous en un clic.
Où trouver votre code d'installation
- Ouvrez Mes chatbots et cliquez sur votre chatbot.
- Ouvrez l'onglet Code d'intégration.
- Cliquez sur Copier le code.
Le code ressemble à ceci (avec l'identifiant de votre chatbot) :
<script src="https://scan-chat.com/api/widget" data-chatbot-id="VOTRE-IDENTIFIANT"></script>Le code ne change jamais : vos modifications (réponses, couleurs, leads…) s'appliquent automatiquement sur votre site, sans le réinstaller.
WordPress (plugin, recommandé)
Aucun code à copier : le plugin ScanChat AI installe votre chatbot en un clic.
- Dans WordPress : Extensions → Ajouter, cherchez « ScanChat AI », puis cliquez sur Installer maintenant et Activer. L'extension est publiée sur le répertoire officiel de WordPress.
- Ouvrez le menu ScanChat AI de WordPress et cliquez sur Connecter mon compte.
- Choisissez votre chatbot : vous revenez sur WordPress et le chatbot apparaît sur votre site.
Autre possibilité : dans l'onglet Code d'intégration de votre chatbot, cliquez sur Télécharger le plugin, puis dans WordPress : Extensions → Ajouter → Téléverser une extension, choisissez le fichier et cliquez sur Activer. C'est la même extension ; suivez ensuite les étapes 2 et 3.
Depuis la page ScanChat AI de WordPress, vous pouvez aussi masquer le chatbot sur certaines pages (paiement, mentions légales…) ou le masquer quand vous êtes connecté, pour ne pas fausser vos statistiques.
Wix
- Dans le tableau de bord de votre site Wix : Paramètres → Code personnalisé (dans la section Avancé).
- Cliquez sur + Ajouter un code personnalisé et collez votre code.
- Choisissez Toutes les pages, chargé une seule fois, et l'emplacement Body - fin.
- Cliquez sur Appliquer.
Wix n'autorise le code personnalisé que sur les sites avec un forfait Premium et un domaine connecté.
Shopify
- Dans l'administration Shopify : Boutique en ligne → Thèmes.
- Sur votre thème actif, cliquez sur … puis Modifier le code.
- Ouvrez le fichier layout/theme.liquid.
- Collez votre code juste avant la ligne
</body>, puis Enregistrer.
Webflow
- Ouvrez les paramètres du site (Site settings) puis l'onglet Custom code.
- Collez votre code dans Footer code.
- Enregistrez, puis publiez le site.
Le code personnalisé nécessite un forfait de site payant chez Webflow.
Squarespace
- Paramètres → Avancé → Injection de code (Code Injection).
- Collez votre code dans la zone Pied de page (Footer), puis enregistrez.
Autre site (HTML, sur mesure)
Collez le code dans le HTML de votre site, juste avant la balise </body>, sur toutes les pages où le chatbot doit apparaître (en général dans le gabarit commun ou le pied de page).
Pour un site Next.js, choisissez le format « Next.js » dans l'onglet Code d'intégration : il utilise le composant Script de Next.js.
Vérifier l'installation
Ouvrez votre site dans une fenêtre de navigation privée : la bulle du chatbot doit apparaître en bas de la page. Si ce n'est pas le cas :
- vérifiez que le site a bien été publié après l'ajout du code ;
- videz le cache de votre site si vous utilisez une extension de cache (WP Rocket, LiteSpeed…) ;
- vérifiez que votre abonnement ou votre essai est actif dans Abonnement.
Besoin d'aide ? Écrivez-nous à info@scan-chat.ai.
Vous ne trouvez pas votre réponse ? info@scan-chat.ai