Aller au contenu principal

Installer le robot de clavardage

Ajouter le robot de clavardage Theo à votre site Web est simple. Il suffit de copier et coller un petit morceau de code.

Créer un déploiement Web​

Avant l'installation, vous devez créer un déploiement :

  1. Allez dans Agents dans votre tableau de bord
  2. Cliquez sur votre agent
  3. Trouvez la section Déploiements Web
  4. Cliquez sur Ajouter un déploiement
  5. Donnez-lui un nom (ex. : « Site Web principal »)
  6. Configurez les paramètres (message de bienvenue, couleurs)
  7. Cliquez sur Enregistrer

Obtenir votre code d'intégration​

Une fois que vous avez créé un déploiement :

  1. Allez dans les Déploiements Web de votre agent
  2. Trouvez votre déploiement
  3. Cliquez sur Obtenir le code ou Copier le code d'intégration
  4. Vous verrez quelque chose comme ceci :
<script src="https://app.needtheo.com/widget/YOUR-UNIQUE-ID.js"></script>

Ajouter le code à votre site Web​

Option 1 : Ajouter avant </body> (Recommandé)​

Collez le code juste avant la balise fermante </body> sur chaque page où vous voulez le robot de clavardage :

<!DOCTYPE html>
<html>
<head>
    <!-- Votre contenu head -->
</head>
<body>
    <!-- Le contenu de votre site Web -->

    <!-- Ajoutez le code du robot de clavardage Theo ici -->
    <script src="https://app.needtheo.com/widget/YOUR-UNIQUE-ID.js"></script>
</body>
</html>

Option 2 : Ajouter dans l'en-tête​

Si vous préférez, vous pouvez l'ajouter dans la section <head>, mais avant </body> est légèrement mieux pour la performance de chargement de la page.

Instructions par plateforme​

WordPress​

Avec une extension (le plus facile) :

  1. Installez l'extension « Insert Headers and Footers » (ou similaire)
  2. Allez dans Paramètres → Insert Headers and Footers
  3. Collez le code dans la boîte « Scripts in Footer »
  4. Enregistrez

Avec l'éditeur de thème :

  1. Allez dans Apparence → Éditeur de thème
  2. Sélectionnez footer.php dans la barre latérale droite
  3. Trouvez la balise </body>
  4. Collez le code juste avant
  5. Mettre à jour le fichier

Avec un constructeur de pages : La plupart des constructeurs de pages (Elementor, Divi, etc.) ont un widget « HTML » ou « Code personnalisé ». Ajoutez le code script là.

Squarespace​

  1. Allez dans Paramètres → Avancé → Injection de code
  2. Collez le code dans la section « Footer »
  3. Enregistrez

Wix​

  1. Allez dans Paramètres → Avancé → Code personnalisé
  2. Cliquez sur « Ajouter un code personnalisé »
  3. Collez le code
  4. Définissez le chargement sur « Toutes les pages »
  5. Définissez le placement sur « Body - end »
  6. Enregistrez

Shopify​

  1. Allez dans Boutique en ligne → Thèmes
  2. Cliquez sur « Modifier le code » sur votre thème actif
  3. Trouvez theme.liquid
  4. Collez le code juste avant </body>
  5. Enregistrez

Webflow​

  1. Allez dans Paramètres du projet → Code personnalisé
  2. Collez le code dans « Footer Code »
  3. Enregistrez
  4. Publiez votre site

GoDaddy Website Builder​

  1. Allez dans votre éditeur de site Web
  2. Ajoutez une section « HTML »
  3. Collez le code
  4. Enregistrez et publiez

Sites HTML/statiques​

Collez simplement le code avant </body> sur chaque page, ou incluez-le dans un fichier de pied de page partagé par toutes les pages.

Vérifier l'installation​

Après avoir ajouté le code :

  1. Visitez votre site Web dans un nouvel onglet de navigateur
  2. Cherchez la bulle de clavardage (habituellement en bas à droite)
  3. Cliquez sur la bulle pour ouvrir le clavardage
  4. Envoyez un message de test pour vérifier que ça fonctionne
  5. Consultez votre tableau de bord pour la conversation de test

Dépannage de l'installation​

La bulle de clavardage n'apparaît pas :

  • Videz le cache de votre navigateur et actualisez
  • Vérifiez que le code a été enregistré correctement
  • Vérifiez que vous regardez la bonne page
  • Assurez-vous qu'il n'y a pas d'erreurs JavaScript (vérifiez la console du navigateur)

Le clavardage s'ouvre mais ne répond pas :

  • Vérifiez que votre déploiement est correctement configuré
  • Vérifiez que votre agent est configuré
  • Vérifiez que votre abonnement est actif

Plusieurs sites Web​

Vous pouvez créer des déploiements séparés pour différents sites Web :

  1. Créez un nouveau déploiement Web pour chaque site
  2. Utilisez différents paramètres/marque si nécessaire
  3. Chaque site obtient son propre code d'intégration
  4. Les conversations sont suivies séparément

Retirer le robot de clavardage​

Pour retirer le robot de clavardage de votre site Web :

  1. Retirez le code script de votre site Web
  2. Enregistrez et publiez
  3. La bulle de clavardage n'apparaîtra plus

Vous pouvez aussi désactiver un déploiement depuis votre tableau de bord sans retirer le code, mais retirer le code entièrement est plus propre.

Conseils de test​

Utilisez le mode navigation privée​

Testez dans une fenêtre de navigateur incognito/privée pour voir ce que les visiteurs voient pour la première fois.

Essayez différents appareils​

Vérifiez l'apparence du robot de clavardage sur :

  • Les ordinateurs de bureau
  • Les tablettes
  • Les téléphones mobiles

Testez divers scénarios​

  • Demandez les heures d'ouverture
  • Demandez un rendez-vous
  • Posez une question qui n'est pas dans votre base de connaissances

Questions courantes​

Cela ralentira-t-il mon site Web?​

Non. Le robot de clavardage se charge de manière asynchrone et ne bloquera pas le chargement de votre page.

Fonctionne-t-il sur mobile?​

Oui! Le robot de clavardage est entièrement adaptatif et fonctionne sur les téléphones et tablettes.

Puis-je mettre le robot de clavardage seulement sur certaines pages?​

Oui. Ajoutez le code uniquement sur les pages où vous voulez qu'il apparaisse.

Dois-je mettre à jour le code quand je fais des modifications?​

Non. Les modifications que vous faites dans votre tableau de bord (couleurs, message de bienvenue, etc.) se mettent à jour automatiquement.

Et si j'utilise un autre constructeur de site Web?​

Le processus général est le même : trouvez où ajouter du code/scripts personnalisés et collez le code d'intégration. La plupart des plateformes ont un moyen d'ajouter du JavaScript personnalisé.

Besoin d'aide?​