Comment ajouter ChatLab à mon site web Wix ?

Dans ChatLab, allez dans l'onglet Deploy (Déployer), sélectionnez Wix et copiez le code. Dans Wix, allez dans Settings > Custom Code (Paramètres > Code personnalisé), cliquez sur « + Add Custom Code » (+ Ajouter du code personnalisé), collez le code, définissez l'emplacement sur Head (En-tête) et cliquez sur Apply (Appliquer).

Où puis-je trouver les paramètres Custom Code dans Wix ?

Dans votre tableau de bord Wix, allez dans Settings (Paramètres), puis ouvrez « Custom Code » (Code personnalisé) sous Development & integrations (Développement et intégrations). Cliquez sur « + Add Custom Code » (+ Ajouter du code personnalisé) pour ajouter le script de votre chatbot.

Puis-je ajouter le chatbot uniquement à des pages spécifiques ?

Oui. Lorsque vous ajoutez le code personnalisé dans Wix, vous pouvez choisir de l'ajouter à toutes les pages, à une page spécifique ou uniquement à certaines pages à l'aide de l'option « Add Code to Pages ».

Comment ajouter votre chatbot à un site web Wix

Ajouter un chatbot ChatLab à votre site Wix permet à vos visiteurs d'interagir avec votre assistant IA directement sur votre site. Ce guide détaille les étapes pour récupérer votre code d'intégration (embed) depuis ChatLab et le coller dans Wix.

Avant de commencer

Avant de commencer, créez votre chatbot et assurez-vous que votre site Wix est publié avec un domaine connecté. Wix décrit ces prérequis dans Intégrer du code personnalisé sur votre site (Embedding custom code on your site). Vous devez également disposer des autorisations nécessaires pour modifier et publier le site web.

Étape 1 - Copiez le code d'intégration depuis ChatLab

Connectez-vous à ChatLab et sélectionnez le chatbot que vous souhaitez intégrer
Cliquez sur l'onglet Deploy (Déployer), puis sélectionnez Wix dans le panneau des plateformes à droite

Choisissez Widget pour suivre les étapes de code personnalisé ci-dessous. Pour un chat toujours visible, choisissez Iframe et suivez les instructions distinctes d'intégration dans une page ci-dessous. Consultez Quelle est la différence entre widget et Iframe ? pour une comparaison
Cliquez sur Copy to clipboard (Copier dans le presse-papiers)

Étape 2 - Ajouter le code à Wix

Dans votre tableau de bord Wix, accédez à Settings (Paramètres)
Sous Development & integrations (Développement et intégrations), cliquez sur Custom Code (Code personnalisé). Les anciens tableaux de bord Wix peuvent regrouper cette option sous Advanced (Avancé).
Cliquez sur + Add Custom Code (+ Ajouter du code personnalisé) en haut à droite
Collez le code copié dans la zone de texte
Saisissez un nom pour votre code (par ex. « ChatLab »)
Sous Add Code to Pages (Ajouter le code aux pages), sélectionnez les pages sur lesquelles le chatbot doit s'afficher - choisissez All pages (Toutes les pages) pour l'afficher partout
Sous Place Code in (Placer le code dans), sélectionnez Head (En-tête)
Cliquez sur Apply (Appliquer)

Ajouter un iframe toujours visible

Dans l'Éditeur Wix (Wix Editor), ajoutez un élément HTML iframe/embed à la page, collez l'extrait de code Iframe de ChatLab, puis redimensionnez l'élément pour que le chat soit facilement utilisable sur ordinateur et sur mobile. Publiez la page. Un iframe doit être placé dans la mise en page visible, et non dans le code personnalisé de l'en-tête (Head). Consultez le guide de Wix sur le contenu intégré visible.

Vérifier l'installation

Après avoir enregistré, ouvrez votre site Wix dans un navigateur. Vous devriez voir l'icône de chat apparaître dans le coin de la page (pour le mode widget) ou la fenêtre de chat intégrée directement sur la page (pour le mode iframe). Cliquez sur l'icône pour ouvrir le chat et envoyez un message de test pour confirmer que tout fonctionne correctement.