Chatbot Flow est souvent présenté comme une solution WordPress — et c'est effectivement son mode d'installation le plus simple. Mais la réalité, c'est que n'importe quel site web peut bénéficier d'un chatbot IA, quelle que soit la technologie utilisée. Shopify, Webflow, Wix, Squarespace, Prestashop, HTML statique, React, Vue.js : tout fonctionne exactement pareil.
Pourquoi le chatbot IA n'est pas réservé à WordPress
WordPress représente environ 43 % des sites web mondiaux, mais les 57 % restants méritent eux aussi des chatbots intelligents. Que vous ayez construit votre site sur un CMS no-code, une boutique e-commerce spécialisée, ou du code fait maison, la logique est la même :
- Vous avez des visiteurs qui ont des questions
- Ces visiteurs repartent souvent sans réponse
- Un chatbot IA peut changer ça
Chatbot Flow propose un snippet JavaScript universel qui s'intègre en une ligne dans n'importe quelle page web. L'intelligence est hébergée sur nos serveurs — le site hôte n'a besoin que d'un bout de code pour afficher le widget.
Installation en 1 ligne de code
Après avoir créé votre compte Chatbot Flow et configuré votre chatbot, vous trouvez dans votre tableau de bord une section "Intégration JS". Le snippet ressemble à ceci :
<script src="https://cdn.chatbot-flow.com/widget.js"
data-key="VOTRE_CLE_API"
defer></script>C'est tout. Collez ce code avant la balise </body> de votre site et le widget apparaît. Le chatbot charge de façon asynchrone (attribut defer) — il n'affecte pas la vitesse de chargement de votre site.
Sécurité : votre clé API est liée à votre domaine. Si quelqu'un essaie de la réutiliser sur un autre site, les requêtes seront rejetées. Vous pouvez aussi définir des domaines autorisés depuis votre tableau de bord.
Guides d'installation par plateforme
Shopify
Dans votre interface Shopify, allez dans Boutique en ligne > Thèmes > Actions > Modifier le code. Ouvrez le fichier theme.liquid et collez le snippet juste avant </body>. Sauvegardez. Le chatbot apparaît immédiatement sur toutes les pages de votre boutique.
Conseil Shopify : configurez Chatbot Flow pour indexer votre domaine Shopify. Les fiches produits, la page FAQ, les conditions de retour et les informations de livraison seront automatiquement intégrées à la base de connaissance du chatbot.
Webflow
Dans Webflow Designer, cliquez sur l'icône engrenage (paramètres du projet), puis sur l'onglet Custom Code. Dans la section "Footer Code", collez le snippet. Publiez votre site. Le widget apparaît sur toutes les pages.
Webflow génère des sitemaps propres — Chatbot Flow peut crawler votre site Webflow sans configuration supplémentaire.
Wix
Dans le tableau de bord Wix, allez dans Paramètres > Code personnalisé (accessible avec les plans Business et plus). Ajoutez le snippet dans la section "Corps" (Body) et choisissez "Toutes les pages". Publiez.
Note : Wix nécessite un plan payant pour accéder aux codes personnalisés. Le plan Business Standard (environ 17 €/mois) est suffisant.
Squarespace
Dans Pages > Code d'injection ou via Paramètres > Avancé > Injection de code, collez le snippet dans la zone "Pied de page". Le widget apparaît sur l'ensemble du site.
Prestashop
Dans le back-office Prestashop, allez dans Apparence > Thème & Logo > Personnaliser le thème, ou éditez directement le fichier footer.tpl de votre thème actif. Collez le snippet avant </body>. Si vous n'êtes pas à l'aise avec le code, votre développeur peut le faire en 2 minutes.
HTML statique
Sur un site HTML classique, collez le snippet dans chaque page où vous voulez le chatbot, juste avant </body>. Si votre site utilise un layout partagé (include PHP, template SSI), ajoutez le code une seule fois dans ce layout.
Installez le chatbot sur votre site dès maintenant
Essai gratuit 30 jours, sans carte bancaire. Snippet JS inclus dans tous les plans.
Mêmes fonctionnalités que la version WordPress
La version snippet JS offre exactement les mêmes capacités que le plugin WordPress :
- Indexation automatique de votre site (crawl quotidien par URL ou sitemap)
- Base RAG construite à partir de votre contenu
- Tous les déclencheurs (exit intent, délai, scroll, inactivité, URL spécifique)
- Capture de leads avec notification email immédiate
- Personnalisation complète de l'apparence (couleurs, icône, messages)
- Historique des conversations et analytics dans votre tableau de bord Chatbot Flow
- Conformité RGPD (données hébergées en France)
La seule différence : la gestion se fait depuis votre espace Chatbot Flow (app.chatbot-flow.com) plutôt que depuis le back-office WordPress. L'interface est identique.
FAQ — 5 questions fréquentes sur l'intégration sans WordPress
Le chatbot ralentit-il mon site ?
Non. Le snippet est chargé en mode defer (asynchrone), ce qui signifie qu'il ne bloque pas le rendu de votre page. Son impact sur les Core Web Vitals est négligeable — typiquement moins de 5 ms de délai sur le LCP.
Comment Chatbot Flow indexe mon site non-WordPress ?
Depuis votre tableau de bord, vous indiquez l'URL de votre site et/ou l'URL de votre sitemap XML. Chatbot Flow crawle votre site exactement comme un moteur de recherche : il suit les liens, extrait le contenu textuel de chaque page et l'indexe dans votre base RAG. Le crawl a lieu une fois par 24h.
Puis-je installer le chatbot sur une partie seulement de mon site ?
Oui. Vous pouvez utiliser le déclencheur "URL spécifique/pattern" pour activer le chatbot uniquement sur certaines pages. Par exemple : uniquement sur les pages dont l'URL contient "/produits/" ou "/services/". Tout le reste du site affichera le bouton mais sans déclenchement automatique.
Le snippet JS fonctionne-t-il avec un site React ou Vue.js ?
Oui, parfaitement. Le widget s'injecte dans le DOM de façon autonome et ne dépend pas du framework utilisé. Il fonctionne aussi bien sur des applications single-page (SPA) que sur des sites classiques multi-pages.
Puis-je migrer de la version WordPress vers le snippet JS ou vice-versa ?
Oui. Votre compte Chatbot Flow, votre base RAG et vos données sont indépendants de la méthode d'installation. Vous pouvez passer du plugin WordPress au snippet JS (ou l'inverse) à tout moment sans perdre votre configuration ni votre historique de conversations.