Fonctionne sur n'importe quel site

Intégration en 30 secondes

Copiez-collez ce snippet juste avant la balise </body> de votre site :

<!-- Chatbot Flow widget -->
<script src="https://api.chatbot-flow.com/widget.js"
        data-api-key="cf_live_VOTRE_CLÉ"
        async></script>

Remplacez cf_live_VOTRE_CLÉ par votre clé API personnelle (fournie lors de l'inscription). Aucune librairie à installer, aucun framework requis — le widget fonctionne partout où vous pouvez ajouter un <script>.

Personnaliser le contexte (optionnel)

Pour passer les coordonnées de l'utilisateur connecté ou un contexte spécifique à la page (panier, étape checkout, fiche produit…), utilisez la fonction ChatbotFlow() :

// Stub à placer AVANT le tag widget.js — bufferise les appels en attendant
<script>
  window.ChatbotFlow = window.ChatbotFlow || function(){
    (window.ChatbotFlow.q = window.ChatbotFlow.q || []).push(arguments);
  };
</script>

// Identifier le visiteur (le formulaire de contact sera pré-rempli)
ChatbotFlow('user', {
  email: 'paul@example.com',
  name:  'Paul Martin',
  phone: '+33 6 12 34 56 78'
});

// Donner du contexte sur la page courante (le bot le prendra en compte)
ChatbotFlow('pageContext', 'Étape 3 du checkout, panier 89€');

// Ouvrir/fermer le chat depuis votre code
ChatbotFlow('open');
ChatbotFlow('close');

// Tout en un seul appel
ChatbotFlow('boot', {
  user: { email: 'paul@…', name: 'Paul' },
  pageContext: 'Page tarifs 2024'
});

La fonction est stateful et asynchrone-safe : appelez-la à n'importe quel moment, même avant le chargement du script — les commandes sont mises en queue puis rejouées. Le contexte est lu au moment de chaque envoi de message, donc parfait pour les SPA (React, Vue, Next…) où la page change sans rechargement.

Compatible partout

Ce que le widget fait automatiquement

• ✓ Responsive : bulle flottante desktop, plein écran sur mobile
• ✓ Déclencheurs contextuels : exit intent, scroll %, inactivité, clic sur sélecteur CSS
• ✓ Capture de leads : bouton "Recontact" + formulaire email/téléphone
• ✓ RAG sur votre contenu : blocs texte et URLs externes indexés dans votre base de connaissance
• ✓ Isolation : les styles sont isolés, ne cassent pas votre design existant

Prêt à l'essayer ?

Essai gratuit d'un mois, sans carte bancaire.