Connectez votre chatbot ChatLab à votre boutique Wix pour permettre à vos clients de suivre leurs commandes en temps réel directement dans le chat.
Exemple de conversation
Vérifier une commande
Nécessite une boutique connectée et son action de commande activée. Les champs disponibles dépendent de l'intégration. La correspondance d'une adresse e-mail ne constitue pas une preuve d'identité.
Visiteur: Où est ma commande ?
Lancez la lecture de l'exemple ou lisez-le ci-dessous. Aucune donnée client réelle n'est utilisée.Le client pose une question sur une commande existante.
La lecture se met en pause lorsque cet exemple quitte l'écran. Il s'agit d'une simulation, pas d'un chat en direct. Les commandes du widget dans la lecture ne sont pas interactives.Lire l'exemple complet
- Le client pose une question sur une commande existante.
Visiteur: Où est ma commande ?
- La recherche par défaut nécessite les deux identifiants.
Assistant: Veuillez me fournir votre numéro de commande ainsi que l'adresse e-mail utilisée lors du paiement.
- Utilisez des données fictives dans cet exemple.
Visiteur: 41982, anna@example.com
- L'action interroge la boutique connectée.
Vérification de la commande 41982...
- Ne transmettez que les informations renvoyées par la boutique.
Assistant: La commande 41982 est indiquée comme expédiée. Le transporteur est DPD. Veuillez consulter la page de suivi pour connaître l'état de la livraison.
L'exemple illustre l'expérience client. Les actions disponibles et les informations renvoyées dépendent de cette intégration et de votre configuration.
Avant de commencer
Créez ou sélectionnez d'abord un chatbot. Vous devez disposer des autorisations nécessaires pour gérer ses intégrations et avoir accès aux paramètres de connexion du compte externe. Si la tuile Connect (« Connecter ») affiche une invitation à passer à un forfait supérieur ou à contacter le support, vérifiez que votre abonnement inclut bien cette intégration. Gardez vos identifiants API confidentiels ; ne les collez jamais dans le code d'intégration (embed) de votre site web.
Important : bonnes pratiques e-commerce
Après avoir terminé l'intégration ci-dessous, consultez le guide complet sur l'optimisation de votre chatbot pour l'e-commerce : Comment configurer ChatLab pour votre boutique e-commerce
Ce que propose l'intégration
Détails de la commande - Les clients peuvent vérifier le statut de leur commande en fournissant leur numéro de commande et leur adresse e-mail. Les deux informations sont vérifiées par rapport aux données de votre boutique Wix. Le chatbot renvoie :
- Numéro de commande, date et statut actuel
- Montant total et devise de la commande
- Statut du paiement
- Articles commandés avec noms, quantités, prix, SKU et image du produit
- Adresse de livraison et adresse de facturation (nom, entreprise, rue, ville, code postal, pays, téléphone)
- Mode de livraison et délai de livraison estimé
Étape 1 : Obtenez votre identifiant de site (Site ID) Wix
- Connectez-vous à votre tableau de bord d'administration Wix
- Dans la barre d'adresse de votre navigateur, repérez le paramètre
siteIddans l'URL - Copiez la valeur du Site ID
Étape 2 : Créer une clé API Wix
- Dans le tableau de bord Wix, cliquez sur l'icône de votre profil (en haut à droite) et sélectionnez Account Settings (Paramètres du compte)
- Ouvrez la section API Keys (Clés API) dans la barre latérale gauche
- Cliquez sur Generate API Key (Générer une clé API)
- Nommez votre clé (par exemple « chatlab ») et attribuez ces autorisations depuis le groupe All site permissions (Toutes les autorisations du site) :
- Wix Stores
- Wix eCommerce
- Cliquez sur Generate Key (Générer la clé), validez les étapes de sécurité éventuelles et copiez votre clé API depuis l'affichage unique - conservez-la en lieu sûr, car elle ne pourra plus être affichée
Étape 3 : Obtenir votre identifiant de compte
Après avoir fermé la boîte de dialogue de la clé API, repérez l'identifiant de compte (Account ID) sur le côté droit de la page Clés API (API Keys). Cliquez sur Copy ID (Copier l'identifiant) pour le copier.
Étape 4 : Connecter Wix dans ChatLab
- Connectez-vous à ChatLab et sélectionnez votre bot
- Accédez à l'onglet Connect (Connecter)
- Cliquez sur Connect sur la tuile Wix
- Saisissez votre API Key (Étape 2)
- Saisissez votre Account Id (Étape 3)
- Saisissez votre Site Id (Étape 1)
- Cliquez sur Connect
ChatLab teste automatiquement la connexion en vérifiant que votre clé API dispose des autorisations requises. En cas de succès, un message de confirmation s'affiche.
Étape 5 : Configurer les actions Wix
L'action liée aux détails de la commande est activée lorsque la connexion est configurée avec succès. Vérifiez-la après la connexion. Rendez-vous dans Settings > Actions (Paramètres > Actions) et filtrez par la plateforme Wix.
Ouvrez Wix - order details pour la vérifier ; activez-la si elle est désactivée. Vous pouvez également personnaliser le libellé de l'action (le message affiché aux utilisateurs pendant l'exécution de l'action) ainsi que les instructions qui guident la façon dont l'IA utilise l'action.
Tester votre intégration
Après avoir activé l'action, ouvrez votre widget de chatbot et essayez :
- « Quel est le statut de ma commande #1001 ? » (teste les détails de la commande)
Vérifiez que la réponse correspond bien aux données de votre boutique Wix, y compris le statut de la commande, les articles et les adresses.
Installer le chatbot sur votre site Wix
Pour ajouter le widget de chat à votre site Wix publié avec un domaine connecté, utilisez la fonctionnalité Custom Code (Code personnalisé) de Wix :
- Dans ChatLab, accédez à l'onglet Deploy (Déployer) de votre bot
- Sélectionnez l'onglet de la plateforme Wix
- Sélectionnez Widget et copiez l'extrait de code
- Dans Wix, accédez à Settings > Custom Code (Paramètres > Code personnalisé, sous Development & integrations (Développement et intégrations) ; les tableaux de bord plus anciens peuvent afficher Advanced (Avancé))
- Cliquez sur + Add Custom Code (+ Ajouter du code personnalisé)
- Collez le code et donnez-lui un nom (par exemple « ChatLab »)
- Sélectionnez les pages qui doivent afficher le chatbot
- Choisissez Head (En-tête) pour l'emplacement du code
- Cliquez sur Apply (Appliquer) pour enregistrer
Pour des instructions détaillées sur l'installation du widget, consultez Comment ajouter votre chatbot à un site Wix.