Ajouter un Chatbot IA à Wix

Wix

Ajoutez un chatbot IA à votre site web Wix à l'aide de l'élément d'intégration HTML natif. Collez un court extrait de code dans une boîte d'intégration et configurez-le pour qu'il s'affiche sur toutes les pages. Aucun développement requis, et le fonctionnement est identique dans l'Éditeur Wix classique et dans Wix Studio.

Configuration étape par étape

1. Ouvrez l'Éditeur Wix : connectez-vous à votre compte Wix et ouvrez votre site dans l'Éditeur.
2. Ajoutez un élément d'intégration : cliquez sur le bouton Ajouter (+) dans la barre d'outils de gauche, puis sélectionnez Intégrer le code > Intégrer HTML.
3. Collez le code : dans le panneau de configuration HTML, sélectionnez Code et collez l'extrait suivant :

<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>

4. Remplacez YOUR_ID par votre véritable Identifiant du chatbot disponible dans le tableau de bord WebChatAgent.
5. Positionnez l'élément : faites glisser l'élément d'intégration vers n'importe quel coin de votre page. Le widget s'affichant sous forme de bulle de chat flottante, la position exacte de l'élément d'intégration a peu d'importance.
6. Afficher sur toutes les pages : faites un clic droit sur l'élément d'intégration et sélectionnez Afficher sur toutes les pages pour que le chatbot apparaisse sur l'ensemble du site.
7. Publiez : cliquez sur Publier pour mettre les modifications en ligne.

Utilisation de Wix Studio (Editor X)

La procédure est identique dans Wix Studio :

1. Cliquez sur Ajouter des éléments > Intégrer > Intégration HTML.
2. Collez l'extrait de code ci-dessus.
3. Configurez l'élément pour qu'il apparaisse sur toutes les pages via le panneau des calques.

Trouver votre Identifiant du chatbot

Connectez-vous à votre tableau de bord WebChatAgent, ouvrez votre assistant et accédez à Canaux → Widget de chat. Développez Afficher les détails d’installation et cliquez sur Copier le code. L'extrait contient déjà votre Identifiant du chatbot, collez donc l'intégralité du code au lieu de saisir l'identifiant manuellement.

Dépannage

• Le widget ne s'affiche pas ? : assurez-vous que l'élément d'intégration n'est pas masqué ou placé dans un conteneur réduit. Essayez de publier et de consulter le site en direct.
• Le widget n'apparaît que sur une seule page ? : faites un clic droit sur l'élément d'intégration et sélectionnez Afficher sur toutes les pages.
• Problèmes d'affichage sur mobile ? : vérifiez que l'élément d'intégration est également présent sur la version mobile de votre site. Basculez en vue mobile dans l'éditeur et effectuez la vérification.