Un site HTML classique, un site Webflow exporté, une page de vente codée à la main — peu importe la structure, intégrer un chatbot ne prend que 2 minutes et une ligne de code. Pas de plugin, pas de dépendance, pas de reconfiguration de votre stack technique.

Le code à copier-coller

Voici le seul code dont vous avez besoin. Remplacez votre-chatbot-id par l'identifiant disponible dans votre dashboard botexpress.

<script
  src="https://www.botexpress.fr/widget.js"
  data-chatbot-id="votre-chatbot-id"
  data-api-url="https://agentai-23tt.onrender.com"
  defer
></script>

Collez-le juste avant la balise </body> dans votre fichier HTML. C'est tout.

Exemple complet

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8">
    <title>Mon site</title>
  </head>
  <body>

    <!-- Votre contenu existant -->
    <h1>Bienvenue sur mon site</h1>

    <!-- Script botexpress — juste avant </body> -->
    <script
      src="https://www.botexpress.fr/widget.js"
      data-chatbot-id="votre-chatbot-id"
      data-api-url="https://agentai-23tt.onrender.com"
      defer
    ></script>
  </body>
</html>

Compatibilité

Le widget botexpress fonctionne sur :

Sites HTML statiques — pages codées à la main, sites exportés
Webflow — via Paramètres du projet → Code personnalisé → Pied de page
Wix — via Paramètres → Code personnalisé (plan Premium requis sur Wix)
Squarespace — via Paramètres → Avancé → Injection de code → Pied de page
Jimdo — via Paramètres → Modèle → Éditer le code HTML
Sites hébergés sur GitHub Pages, Netlify, Vercel — oui, compatibles

Pourquoi mettre le script avant </body> et pas dans <head> ?

Placer le script avant </body> (avec l'attribut defer) garantit que votre page se charge entièrement avant que le widget ne s'initialise. Cela évite tout ralentissement du chargement de votre contenu principal et améliore votre score Core Web Vitals.

Vous pouvez également le placer dans <head> avec l'attribut defer ou async — le comportement sera identique.

Installer sur plusieurs pages vs une seule

Si vous voulez le chatbot sur toutes les pages : ajoutez le script dans votre template ou layout principal (le fichier inclus sur toutes les pages).

Si vous voulez le chatbot sur une seule page (page de contact, page produit) : ajoutez le script uniquement dans ce fichier HTML spécifique.

Vérifier que l'intégration fonctionne

Après avoir sauvegardé et déployé votre fichier :

Ouvrez votre site dans un navigateur
Un bouton de chat doit apparaître en bas à droite de la page
Cliquez dessus — la fenêtre de chat doit s'ouvrir avec votre message d'accueil

Si le bouton n'apparaît pas, vérifiez que le data-chatbot-id est correct (disponible dans votre dashboard botexpress) et que vous avez bien un abonnement actif.

Questions fréquentes

Le chatbot fonctionne-t-il sans backend ni base de données ?

Oui. Le widget communique directement avec les serveurs botexpress. Votre site HTML n'a besoin d'aucun backend. Tout est géré côté botexpress.

Le chatbot est-il responsive sur mobile ?

Oui. Le widget s'adapte automatiquement à toutes les tailles d'écran. Sur mobile, il respecte les zones de sécurité (notch, barre de navigation) et s'affiche correctement sur iOS et Android.

Puis-je avoir le chatbot sur un site en HTTPS et HTTP ?

Le widget fonctionne sur les deux protocoles. Cependant, nous recommandons HTTPS pour des raisons de sécurité et de référencement.

Comment mettre à jour le chatbot sans toucher au code HTML ?

Toutes les modifications (couleurs, message d'accueil, contenu) se font depuis votre dashboard botexpress. Le code HTML reste identique — seul l'identifiant du chatbot compte.

Ajouter un chatbot sur un site HTML — 1 ligne de code