Installer le chatbot sur votre site web

Connectez votre assistant intelligent à votre site internet pour commencer à interagir avec vos visiteurs.

Introduction

C’est l’étape finale et la plus gratifiante : rendre votre chatbot visible au monde entier. Une fois installé, le widget (la petite bulle de discussion) apparaîtra sur vos pages, prêt à répondre aux questions de vos clients 24h/24.

DoxyChat a été conçu pour s’intégrer sur n’importe quel site web, quelle que soit la technologie utilisée. Rendez-vous dans l’onglet Intégration de votre tableau de bord pour commencer.

Option A : La méthode Standard (Universelle)

C’est la méthode classique, compatible avec 100% des sites web. Elle consiste à copier un petit bout de code et à le coller dans votre site.

1. Dans l’onglet Intégration, localisez la zone Snippet JavaScript.
2. Cliquez sur le bouton Copier le code.
3. Ouvrez le code source de votre site web (ou votre gestionnaire de thème).
4. Collez le code juste avant la balise de fermeture </body> de vos pages.
5. Enregistrez et publiez.

Le saviez-vous ? Ce script est “asynchrone”, ce qui signifie qu’il ne ralentira pas le chargement de votre site web.

Option B : La “Magic Injection” (Pour fichiers HTML)

Si vous gérez un site statique simple et que vous n’êtes pas à l’aise avec l’édition de code, nous avons créé un outil magique pour vous.

1. Dans l’onglet Intégration, repérez la zone de Magic Injection.
2. Prenez votre fichier index.html depuis votre ordinateur.
3. Glissez-le et déposez-le dans la zone pointillée.
4. DoxyChat analyse votre fichier, insère le code du chatbot au bon endroit, et télécharge automatiquement la nouvelle version sur votre ordinateur.
5. Il ne vous reste plus qu’à mettre ce nouveau fichier en ligne chez votre hébergeur.

Option C : Guides pour CMS (WordPress, Shopify, Wix)

Si vous utilisez une plateforme de gestion de contenu (CMS), vous n’avez pas besoin de toucher au code source. Voici comment faire pour les plus populaires :

Intégration sur WordPress

Le moyen le plus simple est d’utiliser une extension gratuite pour insérer du code.

1. Installez l’extension “WPCode” (ou “Insert Headers and Footers”).
2. Allez dans le menu Code Snippets > Header & Footer.
3. Collez le code DoxyChat dans la section Footer.
4. Sauvegardez.

Intégration sur Shopify

1. Allez dans Boutique en ligne > Thèmes.
2. Cliquez sur les trois petits points ... à côté de votre thème actuel, puis Modifier le code.
3. Ouvrez le fichier theme.liquid (dans le dossier “Layout”).
4. Descendez tout en bas du fichier jusqu’à trouver la balise </body>.
5. Collez le code DoxyChat juste avant cette ligne.
6. Cliquez sur Enregistrer.

Intégration sur Wix

1. Allez dans Paramètres > Code personnalisé (dans la section “Avancé”).
2. Cliquez sur + Ajouter un code personnalisé.
3. Collez le code DoxyChat dans la zone de texte.
4. Nommez-le “DoxyChat Widget”.
5. Sélectionnez Ajouter le code aux pages : Toutes les pages.
6. Placez le code dans : Body - fin.
7. Cliquez sur Appliquer.

Vérifier l’installation

Pour vous assurer que tout fonctionne :

1. Ouvrez votre site web dans un nouvel onglet (de préférence en navigation privée pour éviter le cache).
2. La bulle de chat devrait apparaître à l’endroit que vous avez configuré (en bas à droite par défaut).
3. Cliquez dessus et envoyez un “Bonjour” pour tester la réponse !