Questions-réponses sur les produits pour Shopify
Widget de questions-réponses avec IA pour les pages produits de votre boutique Shopify.
Exigence : Shopify connecté
Ce plugin nécessite que Shopify soit connecté à WAzion pour obtenir les informations des produits. Si vous ne l’avez pas encore connecté, allez à Dashboard → Intégrations → Shopify.
Qu’est-ce que les questions-réponses sur les produits ?
Product Q&A est un widget qui s’intègre aux pages produits de votre boutique Shopify. Il permet aux visiteurs de poser des questions spécifiques sur le produit et de recevoir des réponses instantanées de l’IA, basées sur les informations réelles du produit.
- • Réponses basées sur le titre, la description, les variantes et le stock du produit
- • Ne nécessite pas de configurer une invite (mais vous pouvez ajouter des instructions supplémentaires)
- • Support multilingue avec traduction automatique
- • 10 thèmes de design pour assortir avec votre boutique
- • Statistiques des questions par produit
Comment activer le plugin
- Ouvre le tableau de bord de WAzion
- Allez à « Plugins » → « Questions/Réponses sur les produits »
- Activez l’interrupteur “Plugin actif
- Ajoutez votre domaine dans « Domaines autorisés » (ex : mitienda.myshopify.com)
- Copiez le code d’intégration
- Collez-le dans le fichier main-product.liquid de votre thème Shopify
Code d’intégration
Voici le code que vous devez ajouter à votre thème Shopify :
<!-- WAzion Product Q&A --> <div id="wazion-product-qa"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI','{{ product.id }}'); </script> <!-- /WAzion Product Q&A -->
Note : {{ product.id }} est une variable Liquid que Shopify remplace automatiquement par l’ID du produit actuel. Ne la modifiez pas.
Guide étape par étape : Installation sur Shopify
Suivez ces étapes détaillées pour ajouter le widget de questions-réponses sur les produits aux pages produits de votre boutique Shopify.
Accède à l’éditeur de code du thème
Dans votre tableau de bord d’administration Shopify :
- Cliquez sur Boutique en ligne dans le menu latéral gauche
- Sélectionner Sujets
- Dans ton sujet actuel (celui qui dit “Actual“), clique sur les trois points (...)
- Dans le menu déroulant, sélectionnez Modifier le code
Conseil : Avant de faire des modifications, envisage de dupliquer ton thème comme sauvegarde. Va aux trois points et sélectionne « Dupliquer ».
Cherche le fichier de la page produit
Dans le panneau latéral gauche de l’éditeur de code :
Thèmes Boutique en ligne 2.0 (Dawn, etc.)
- Dépliez le dossier Sections
- Cherche et clique sur main-product.liquid
Thèmes anciens (Vintage, Début, etc.)
- Dépliez le dossier Templates
- Cherche product.liquid ou product-template.liquid
Tu ne le trouves pas ? Utilisez Ctrl+F (ou Cmd+F sur Mac) dans la liste des fichiers et cherchez “product“.
Trouve où insérer le code
Cherchez un bon emplacement pour le widget. Nous recommandons de le placer après la description du produit :
Chercher des références communes :
Utilisez Ctrl+F (Cmd+F sur Mac) pour rechercher ces références :
- • product.description
- • product-form
- • add-to-cart
- • buy-buttons
Emplacement idéal : Après le formulaire d’ajout au panier ou après la description du produit.
Collez le code du widget
Insère le code suivant à l’emplacement que tu as choisi :
<!-- WAzion Product Q&A Widget --> <div id="wazion-product-qa" style="margin: 20px 0;"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI','{{ product.id }}'); </script> <!-- /WAzion Product Q&A Widget -->
Important ! Remplace TU_TOKEN_AQUI par le token qui apparaît dans votre tableau de bord WAzion → Plugins → Product Q&A.
Enregistre les modifications
Cliquez sur le bouton Enregistrer dans le coin supérieur droit de l’éditeur de code.
Vérifie l’installation
- Ouvre ta boutique dans une fenêtre de navigation privée
- Va à n’importe quelle page produit
- Tu devrais voir le widget de Questions-Réponses sur les produits
- Posez une question de test pour vérifier que cela fonctionne
Méthode alternative : Créer un bloc de section (Online Store 2.0)
Cette méthode vous permet d’ajouter/retirer le widget depuis le personnalisateur visuel sans toucher au code à chaque fois :
- Dans l’éditeur de code, va dans le dossier Snippets
- Cliquez sur Ajouter un nouveau snippet
- Nomme-le wazion-product-qa (il sera créé sous le nom wazion-product-qa.liquid)
- Colle le code du widget et enregistre
- Maintenant, dans main-product.liquid, là où vous souhaitez le widget, ajoutez :
{% render 'wazion-product-qa' %}
Ainsi, vous pouvez déplacer ou supprimer le widget facilement en modifiant une seule ligne.
Dépannage
Le widget n’apparaît pas sur la page produit
- → Vérifiez que le plugin est activé dans Tableau de bord → Plugins → Product Q&A
- → Vérifie que ton domaine figure sur la liste des domaines autorisés
- → Vérifie que Shopify est connecté à WAzion
- → Ouvre la console du navigateur (F12 → Console) et cherche les erreurs en rouge
- → Essaie en mode navigation privée pour écarter les problèmes de cache
Erreur “Jeton invalide“ ou “Domaine non autorisé
- → Copiez le jeton directement depuis le tableau de bord, sans espaces
- → Ajoutez votre domaine exact aux domaines autorisés : mitienda.myshopify.com et mitienda.com
- → Attendez quelques secondes après avoir enregistré les modifications dans le tableau de bord
Le widget apparaît mais affiche “Erreur de chargement du produit
- → Vérifie que Shopify est connecté dans Tableau de bord → Intégrations
- → Assure-toi de ne pas avoir modifié {{ product.id }} dans le code
- → Le produit doit être publié et visible dans la boutique
Le widget apparaît au mauvais endroit
- → Déplace le code à un autre emplacement dans main-product.liquid
- → Cherchez des références comme “product__description“ pour les placer en dessous
- → Utilisez le style margin dans la div pour ajuster l’espacement : style=“margin: 30px 0;
Je ne sais pas quel fichier éditer dans mon thème
Fichiers courants selon le sujet :
- Dawn, Craft, Sense: sections/main-product.liquid
- Debut: sections/product-template.liquid
- Brooklyn: templates/product.liquid
- Minimal: sections/product-template.liquid
Si ton sujet ne figure pas dans la liste, cherche des fichiers contenant “product“ dans Sections ou Templates.
Options de configuration
Domaines Autorisés
Liste des domaines où le widget peut fonctionner. Pour des raisons de sécurité, l’utilisation est autorisée uniquement depuis des domaines autorisés.
- • mitienda.myshopify.com
- • mitienda.com (domaine personnalisé)
- • * (tout domaine - uniquement pour le développement)
Sujets de Design
10 thèmes préconçus pour adapter le widget à votre boutique :
Textes du Widget
Personnalisez les textes que voit le visiteur :
- • Titre du widget (ex : « Questions sur ce produit »)
- • Espace réservé du champ de texte
- • Texte du bouton de poser une question
Les textes sont automatiquement traduits dans la langue du visiteur.
Instructions pour l’IA (optionnel)
Vous pouvez ajouter des informations supplémentaires que l’IA prendra en compte pour répondre :
- • Politiques d’expédition et de retour
- • Promotions actives
- • Instructions spéciales (ex : « Ne pas mentionner les produits de la concurrence »)
- • Informations de contact
Ce champ est facultatif. Sans instructions supplémentaires, l’IA répondra en utilisant uniquement les informations du produit Shopify.
Configuration de la langue
Détection automatique
Détecte automatiquement la langue du navigateur du visiteur.
Langue fixe
Toujours afficher dans une langue spécifique.
Avec sélecteur
Détecte automatiquement mais permet au visiteur de changer manuellement la langue.
Protection Anti-Abus
Limite le nombre de questions par visiteur pour protéger votre compte :
- • Nombre maximum de questions par période (ex : 20 questions)
- • Fenêtre temporelle en minutes (ex : 60 minutes)
Statistiques et Visionneuse de Questions
Métriques d’utilisation
- • Questions totales
- • Questions au cours des 7 derniers jours
- • Questions du jour
- • Visiteurs uniques (24h)
Produits les plus consultés
Affiche un classement des 5 produits avec le plus de questions. Utile pour identifier quels produits suscitent le plus de doutes.
Visionneuse de Questions
Vérifie toutes les questions posées par les visiteurs :
- • Filtre par période : Aujourd’hui, 7 jours, 30 jours, 90 jours, 1 an, tous, ou plage personnalisée
- • Liste paginée : Parcourez toutes les questions (10 par page)
- • Détail complet : Voir question, réponse de l’IA, produit, langue et URL
- • État FAQ : Chaque question affiche si elle est déjà publiée en tant que FAQ
- • Publier manuellement : Publie toute question en tant que FAQ en un clic
Nouveau: La colonne “FAQ“ montre l’état de chaque question : une coche verte si elle est synchronisée avec Shopify, un badge jaune si elle est en attente de synchronisation, ou un bouton + pour la publier manuellement.
FAQ Publique sur Shopify Nouveau
Publie automatiquement les questions fréquemment posées par tes clients sous forme de FAQs sur les produits Shopify. Améliore ton SEO avec Schema.org FAQPage et réduis les questions répétitives.
Qu’est-ce que la FAQ publique ?
Lorsqu’un client pose une question générique sur un produit (par exemple : « Est-il résistant à l’eau ? » ou « Quel est le délai de livraison ? »), l’IA évalue si cette question et cette réponse seraient utiles pour d’autres clients.
Si l’IA décide que c’est une bonne FAQ, elle est automatiquement publiée dans le metafield du produit sur Shopify. Ensuite, vous pouvez afficher ces FAQs dans votre thème avec le code Liquid que nous vous fournissons.
Meilleur SEO
Google affiche vos FAQ sous forme d’extraits enrichis
Moins de questions
Les clients voient les réponses avant de poser des questions
100 % automatique
Sans modération manuelle nécessaire
Comment ça fonctionne
-
1
Évaluation IA
Lorsqu’un client pose une question, l’IA évalue si elle est générique (utile pour d’autres) et ne contient pas de données personnelles.
-
2
Traduction automatique
Si le client pose une question dans une autre langue, la FAQ est automatiquement traduite dans la langue principale de votre boutique.
-
3
Anti-duplication
Il est vérifié qu’il n’existe pas déjà une FAQ similaire (80 % de similitude) avant de publier.
-
4
Publication sur Shopify
La FAQ est enregistrée dans le metafield wazion.faqs du produit, prête à être affichée dans votre thème.
Comment activer la FAQ publique
- Va à Tableau de bord → Extensions → Questions/Réponses produit
- Cherche la section “FAQ Publique sur Shopify
- Activez l’interrupteur “Activer FAQ publique
- Si un avis de permission apparaît, cliquez sur « Vérifier la permission »
- Configurez le nombre maximal de FAQ par produit (1-20)
- Enregistre les modifications
À propos du permis : Pour écrire des FAQ dans Shopify, vous avez besoin de l’autorisation “write_products“. Si vous ne l’avez pas, allez dans votre panneau Shopify → Applications → WAzion → Autorisations pour l’ajouter.
Gestion des FAQ publiées
Bien que les FAQ soient publiées automatiquement, vous avez un contrôle total depuis le tableau de bord :
- • Voir les FAQ : Liste de toutes les FAQ publiées, filtrées par produit ou état
- • Publier manuellement : Depuis “Dernières Questions“, vous pouvez publier n’importe quelle question comme FAQ en un clic
- • Dépublier Supprime une FAQ de Shopify mais la conserve dans ton historique
- • Republier Republier une FAQ précédemment dépubliée
- • Supprimer Supprimer définitivement une FAQ
Afficher les FAQ dans votre thème Shopify
Tu dois ajouter deux codes dans ton fichier main-product.liquid :
1. Code visuel (HTML)
Montre les FAQ à tes clients. Ajoute-les où tu veux qu’elles apparaissent :
<!-- WAzion Product FAQs -->
{% assign faqs_data = product.metafields.wazion.faqs.value %}
{% if faqs_data.faqs.size > 0 %}
<div class="product-faqs">
<h3 class="product-faqs__title">Preguntas Frecuentes</h3>
{% for faq in faqs_data.faqs %}
<details class="product-faqs__item">
<summary class="product-faqs__question">{{ faq.q }}</summary>
<div class="product-faqs__answer">{{ faq.a | newline_to_br }}</div>
</details>
{% endfor %}
</div>
{% endif %}
2. JSON-LD pour le SEO (extraits enrichis Google)
Invisible pour les utilisateurs, mais Google l’utilise pour afficher des FAQs dans les résultats de recherche. Ajoutez-le à la fin du fichier :
<!-- WAzion FAQs JSON-LD for SEO -->
{% assign faqs_data = product.metafields.wazion.faqs.value %}
{% if faqs_data.faqs.size > 0 %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{% for faq in faqs_data.faqs %}
{
"@type": "Question",
"name": {{ faq.q | json }},
"acceptedAnswer": {
"@type": "Answer",
"text": {{ faq.a | json }}
}
}{% unless forloop.last %},{% endunless %}
{% endfor %}
]
}
</script>
{% endif %}
Code 1: Sans styles pour hériter de votre thème. Personnalisez avec CSS.
Code 2: Extraits enrichis Google dans les résultats de recherche.
Quelles questions NE sont PAS publiées ?
L’IA filtre automatiquement les questions qui ne sont pas adaptées à une FAQ publique :
- ✗ Questions avec des données personnelles (noms, emails, téléphones)
- ✗ Demandes concernant des commandes spécifiques (numéros de commande, suivi)
- ✗ Plaintes ou problèmes individuels
- ✗ Questions très spécifiques qui ne s’appliqueraient pas à d’autres clients
- ✗ Questions en double (similaires aux FAQs déjà publiées)
Questions-réponses sur le produit vs chat Web
| Caractéristique | Product Q&A | Chat Web |
|---|---|---|
| But | Questions sur un produit spécifique | Assistant général pour tout le site |
| Contexte de l’IA | Informations sur le produit Shopify | Ton invite personnalisé |
| Emplacement | Page de produit | Toute page (flottante ou intégrée) |
| Nécessite Shopify | Oui | Non |
| Configuration de l’invite | Optionnel (instructions supplémentaires) | Recommandé |