L'intégration d'un widget d’avis produit fonctionne comme n'importe quel autre widget – à une différence près : vous devez fournir des identifiants de produits.
Par ailleurs, si vous souhaitez savoir comment les widgets apparaissent sur votre site web, veuillez consulter cet article : À quoi ressemblent les widgets sur mon site web ?
Qu'est-ce qu'un identifiant de produit ?
Les identifiants de produits sont une série de chiffres ou de lettres qui identifient un produit spécifique.
Les widgets d’avis produits eTrusted prennent en charge les identifiants les plus couramment utilisés :
- SKU (Stock Keeping Unit) : Les SKU sont des identifiants uniques attribués par le marchand.
- GTIN (Global Trading Item Number) : Les GTIN identifient vos produits de manière unique et globale sur la base de normes internationales. Il s'agit par exemple de l'ISBN ou de l'EAN.
- MPN (Manufacturer Part Number): Le MPN est le numéro de pièce du fabriquant ; il identifie le produit de manière unique et globale. Il est attribué par le fabricant du produit.
Puis-je utiliser plus d'un identifiant de produit ?
Oui, c’est possible. Et pour les produits comportant différentes variantes, c’est même une obligation.
Par exemple : Supposons que vous vendez des T-shirts de différentes tailles. Pour chaque taille (par exemple S, M, L) , vous devez fournir un identifiant de produit en ajoutant les identifiants de produits les uns après les autres et en les divisant par une virgule.
Veillez à fournir au moins un identifiant de produit. Si vous n'en choisissez aucun, votre widget ne sera pas affiché.
Comment ajouter un widget d'avis produit à mon site web ?
- Ouvrez votre plug-in Trusted Shops.
- Vérifiez si votre plug-in dispose de l’onglet « Widgets ».
L’onglet « Widgets » n’est pas présent dans votre plug-in ? Dans ce cas, poursuivez avec les instructions ci-après.
Étape 1: Génération du code du widget
Vous trouverez tous les widgets d’évaluation de produits disponibles dans la bibliothèque de widgets.
- Connectez-vous au Centre de contrôle eTrusted.
- Dans la navigation principale, cliquez sur l’étoile (« Avis ») (
). Cliquez ensuite sur « Marketing » (
).
- Ouvrez l’onglet « Widgets » (
).
-
Sélectionnez un widget d’évaluation de produit. Ensuite, cliquez sur le bouton « Créer » qui fait partie du widget. Le mode de configuration du widget s’ouvre.
- Sélectionnez la palette de couleurs dans laquelle vous aimeriez afficher le widget :
- Sélectionnez « Clair » si vous souhaitez afficher le widget dans la palette de couleurs standard.
- Sélectionnez « Sombre » si vous souhaitez afficher le widget en mode sombre.
- Sélectionnez « Paramétres du système » si vous souhaitez que les réglages de votre client soient en mode sombre pour savoir si le widget s’affiche ou non en mode sombre. - Souhaitez-vous utiliser une autre couleur pour vos étoiles d’évaluation et pour les barres de la liste d’avis ? Pour ce faire, cliquez sur « Couleur d’accentuation ».
Un menu déroulant s’ouvre. Sélectionnez l’une des couleurs proposées ( - Souhaitez-vous utiliser la police de votre site Web dans le widget ? Cochez ensuite la case « Appliquer la police de votre site web ».
- Paramétrez-vous actuellement le widget « Liste d’avis complète »? Activez ensuite les rich snippets (extraits enrichis) si vous le souhaitez.
- Indiquez le comportement du widget pour les produits qui n’ont pas encore reçu d’avis :
- Cochez « Masquer le widget lorsqu’aucun avis n’est disponible » si vous souhaitez complètement masquer le widget.
- Ne cochez pas « Masquer le widget lorsqu’aucun avis n’est disponible » si vous souhaitez afficher des étoiles grisées. - Cochez « Afficher les images » si les photos de produits téléchargées par votre client doivent apparaître dans le widget.
- Cliquez sur « Créer un code widget ». L’aperçu « Comment intégrer le widget sur votre site Internet » s’ouvre.
- Sélectionnez via le menu déroulant l’identifiant de produit que vous utilisez.
Vous avez généré avec succès le code du widget. Il faut maintenant intégrer le code du widget dans votre site web.
Étape 2: Intégration du code du widget dans votre site web
Pour afficher les widgets d’évaluation de produits sur votre site web, il est nécessaire d’intégrer du code HTML et JavaScript dans l’en-tête et le corps du code HTML de votre site web. Vous trouverez les extraits de code nécessaires à cet effet dans l’aperçu « Comment intégrer le widget sur votre site Internet », qui s’ouvre après la génération du code du widget.
Vous souhaitez intégrer vous-même le code du widget dans le code HTML de votre site web ? Dans ce cas, suivez les étapes suivantes :
- Cliquez sur l’icône de document dans le champ de code supérieur pour copier le fragment de code dans votre presse-papier.
- Ouvrez l’en-tête à l’intérieur du HTML de votre page web. Insérez l’extrait de code mis en cache dans l’en-tête.
- Retournez à l’aperçu « Comment intégrer le widget sur votre site Internet ». Cliquez sur l’icône de document dans le champ de code central pour copier le fragment de code dans votre presse-papier.
- Dans le HTML de votre page web, ouvrez la section du corps. Collez l’extrait de code mis en cache à l’endroit où vous souhaitez placer le widget dans la section du corps.
-
Dans l’extrait de code inséré, remplacer la valeur YOUR-DATA-SKU ou YOUR-DATA-GTIN ou YOUR-DATA-MPN par l’identifiant du produit dont les avis doivent être affichés dans le widget.
Ci-dessous, vous pouvez voir un exemple de code pour le widget « Liste d'avis ».
L'exemple montre un produit avec trois variantes différentes. Vous pouvez simplement les ajouter (0055573.001, 0055573.002, 0055573.005) en les séparant par une virgule. Les SKU sont les identifiants de produits :
<!-- Début de la balise de widget eTrusted -->
<etrusted-widget data-etrusted-widget-id="wdg-f6e1e50c-b07c-4a92-85fb-14b6feab9ea6" data-sku="0055573.001,0055573.002,0055573.005"></etrusted-widget>
<!-- Fin de la balise de widget eTrusted -->
Les étapes 6 et 7 qui suivent sont des étapes facultatives pour le widget « Liste d'avis ». Passez directement à l’étape 8 si vous intégrez un autre widget.
- Retournez à l’aperçu « Comment intégrer le widget sur votre site Internet ». Avec le widget « Liste d'avis », vous avez la possibilité d’intégrer un petit aperçu des étoiles à n’importe quel endroit de la page produit avec un lien renvoyant au widget principal. Vous souhaitez profiter de cette opportunité ? Cliquez sur l’icône de document dans le champ de code inférieur pour copier le fragment de code dans votre presse-papier.
- Dans le HTML de votre page web, ouvrez la section du corps. Collez l’extrait de code mis en cache à l’endroit où vous souhaitez placer l’aperçu des étoiles dans la section du corps.
- Retournez à l’aperçu « Comment intégrer le widget sur votre site Internet ». Cliquez sur « Finaliser la création du widget ».
Vous avez ainsi intégré avec succès le widget dans votre site web.
Vous affichez déjà vos étoiles sur Google & Co ? Vous trouverez plus d'informations ici :
- Qu'est-ce que l'intégration Google ?
- Pourquoi est-ce une bonne idée d'optimiser ma note globale sur les autres plateformes d'avis?