Passer au contenu principal
🤖Assistant IA

Installation du Widget sur votre Site Web

Avant d'installer le widget, assurez-vous de : Avoir accès au code HTML de votre site, Avoir l'Assistant IA activé dans votre panneau

Mis à jour le 18 Jan 2026 · 4 min de lecture

📋 Prérequis

Avant d’installer le widget, assurez-vous de :

  1. ✅ Avoir accès au code HTML de votre site
  2. ✅ Avoir l’Assistant IA activé dans votre panneau
  3. ✅ Connaître votre domaine Sistrack (ex : votreentreprise.sistrack.com)

🚀 Installation Rapide

Étape 1 : Obtenir le Code

Le code d’installation est :

<script src="https://VOTREDOMAINE.sistrack.com/ai-assistant/widget.js" async></script>

Remplacez VOTREDOMAINE par votre sous-domaine Sistrack.

Étape 2 : Ajouter à votre Site

Copiez le code et collez-le juste avant la balise </body> de votre site web.

<!DOCTYPE html>
<html>
<head>
    <title>Mon Site</title>
</head>
<body>
    <!-- Votre contenu ici -->

    <!-- Widget de l'Assistant IA (ajouter ici) -->
    <script src="https://votreentreprise.sistrack.com/ai-assistant/widget.js" async></script>
</body>
</html>

Étape 3 : Vérifier

  1. Visitez votre site web
  2. Cherchez le bouton de chat dans le coin inférieur
  3. Cliquez et envoyez un message test

📦 Installation par Plateforme

WordPress

Option A : Extension de code personnalisé

  1. Installez l’extension « Insert Headers and Footers »
  2. Allez dans Réglages → Insert Headers and Footers
  3. Dans la section Scripts in Footer, collez :
    <script src="https://votreentreprise.sistrack.com/ai-assistant/widget.js" async></script>
  4. Enregistrez les modifications

Option B : Modifier le thème directement

  1. Allez dans Apparence → Éditeur de thèmes
  2. Sélectionnez footer.php
  3. Ajoutez le code avant </body>
  4. Enregistrez

⚠️ Remarque : si vous utilisez un thème enfant, modifiez le footer.php du thème enfant.

Shopify

  1. Allez dans Boutique en ligne → Thèmes
  2. Cliquez sur Actions → Modifier le code
  3. Recherchez theme.liquid
  4. Trouvez la balise </body>
  5. Ajoutez le code juste avant
  6. Enregistrez

WooCommerce

Même procédure que WordPress (voir ci-dessus).

Wix

  1. Allez dans Paramètres → Avancé → Code personnalisé
  2. Cliquez sur + Ajouter du code personnalisé
  3. Collez le code
  4. Dans « Emplacement du code », sélectionnez Body - end
  5. Dans « Pages », sélectionnez Toutes les pages
  6. Enregistrez

Squarespace

  1. Allez dans Paramètres → Avancé → Injection de code
  2. Dans la section Pied de page, collez le code
  3. Enregistrez

HTML Statique

Ajoutez-le directement sur chaque page avant </body> :

<script src="https://votreentreprise.sistrack.com/ai-assistant/widget.js" async></script>

⚙️ Options Avancées

Charger sur des Pages Spécifiques

Si vous ne voulez le widget que sur certaines pages :

<script>
  // Ne charger que sur les pages produits ou contact
  if (window.location.pathname.includes('/produits') ||
      window.location.pathname.includes('/contact')) {
    var script = document.createElement('script');
    script.src = 'https://votreentreprise.sistrack.com/ai-assistant/widget.js';
    script.async = true;
    document.body.appendChild(script);
  }
</script>

Retarder le Chargement

Pour améliorer les performances, chargez après que le site soit prêt :

<script>
  window.addEventListener('load', function() {
    setTimeout(function() {
      var script = document.createElement('script');
      script.src = 'https://votreentreprise.sistrack.com/ai-assistant/widget.js';
      script.async = true;
      document.body.appendChild(script);
    }, 2000); // Attendre 2 secondes après le chargement
  });
</script>

🔍 Vérification de l’Installation

Liste de Vérification

ÉtapeTerminé ?
Code ajouté au site☐
Widget visible dans le coin☐
Le clic ouvre le chat☐
Je peux envoyer un message☐
Je reçois une réponse de l’assistant☐

Outils de Vérification

Console du Navigateur :

  1. Ouvrez votre site
  2. Appuyez sur F12 ou Ctrl+Shift+I
  3. Allez dans l’onglet Console
  4. Recherchez les messages « AI Assistant »

Si vous voyez des erreurs, vérifiez que :

  • Le domaine dans le script est correct
  • Aucun bloqueur n’est actif
  • L’assistant est activé

🚨 Résolution de Problèmes

Le widget n’apparaît pas

Causes possibles :

CauseSolution
Code mal placéVérifiez qu’il est avant </body>
Domaine incorrectVérifiez l’URL du script
Assistant désactivéActivez-le dans le panneau
Bloqueur de publicitésDésactivez-le temporairement pour tester
Erreur JavaScriptVérifiez la console du navigateur

Le widget apparaît mais ne fonctionne pas

Causes possibles :

CauseSolution
Pas de connexion à l’APIVérifiez votre connexion internet
Limite atteinteVérifiez l’utilisation mensuelle
Erreur de configurationContactez le support

Le widget s’affiche mal

Causes possibles :

CauseSolution
CSS en conflitUtilisez l’inspecteur pour l’identifier
Position incorrecteChangez-la dans la configuration
Problèmes responsiveTestez sur différentes tailles d’écran

📱 Compatibilité

NavigateurVersion Minimale
Chrome80+
Firefox75+
Safari13+
Edge80+
Opera67+

Appareils

  • ✅ Ordinateur (Windows, Mac, Linux)
  • ✅ Tablette (iOS, Android)
  • ✅ Mobile (iOS, Android)

🔒 Sécurité

  • ✅ Le widget ne communique qu’avec votre domaine Sistrack
  • ✅ Toutes les communications se font en HTTPS
  • ✅ Aucune donnée sensible n’est stockée dans le navigateur
  • ✅ Conforme au RGPD et aux réglementations sur la confidentialité

📞 Support

Si vous avez des problèmes avec l’installation :

  1. Consultez ce guide complet
  2. Consultez la documentation technique
  3. Contactez le support avec :
    • L’URL de votre site
    • Une capture d’écran de l’erreur
    • Le navigateur et la version utilisés
💡

Une question sans réponse ?

Notre équipe support répond en moins de 24h par e-mail ou WhatsApp.

Contacter le support Retour au centre d'aide