--- title: "Installation du Widget sur votre Site Web" description: "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" url: https://sistrack.com/fr/docs/ai-assistant/instalacion-widget/ category: ai-assistant section: docs updated: 2026-01-18 --- *Version Markdown pour les agents. Cette page sur le web : https://sistrack.com/fr/docs/ai-assistant/instalacion-widget/* # Installation du Widget sur votre Site Web ## 📋 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 : ```html ``` **Remplacez** `VOTREDOMAINE` par votre sous-domaine Sistrack. ### Étape 2 : Ajouter à votre Site Copiez le code et collez-le **juste avant la balise ``** de votre site web. ```html Mon Site ``` ### É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 : ```html ``` 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 `` 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 `` 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 `` : ```html ``` ## ⚙️ Options Avancées ### Charger sur des Pages Spécifiques Si vous ne voulez le widget que sur certaines pages : ```html ``` ### Retarder le Chargement Pour améliorer les performances, chargez après que le site soit prêt : ```html ``` ## 🔍 Vérification de l'Installation ### Liste de Vérification | Étape | Terminé ? | |------|--------------| | 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** : | Cause | Solution | |-------|----------| | Code mal placé | Vérifiez qu'il est avant `` | | Domaine incorrect | Vérifiez l'URL du script | | Assistant désactivé | Activez-le dans le panneau | | Bloqueur de publicités | Désactivez-le temporairement pour tester | | Erreur JavaScript | Vérifiez la console du navigateur | ### Le widget apparaît mais ne fonctionne pas **Causes possibles** : | Cause | Solution | |-------|----------| | Pas de connexion à l'API | Vérifiez votre connexion internet | | Limite atteinte | Vérifiez l'utilisation mensuelle | | Erreur de configuration | Contactez le support | ### Le widget s'affiche mal **Causes possibles** : | Cause | Solution | |-------|----------| | CSS en conflit | Utilisez l'inspecteur pour l'identifier | | Position incorrecte | Changez-la dans la configuration | | Problèmes responsive | Testez sur différentes tailles d'écran | ## 📱 Compatibilité ### Navigateurs Pris en Charge | Navigateur | Version Minimale | |-----------|----------------| | Chrome | 80+ | | Firefox | 75+ | | Safari | 13+ | | Edge | 80+ | | Opera | 67+ | ### 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