WordPress propose un bloc Custom HTML qui reprend l'extrait Shopreviews tel quel. Utilisez-le sur une page, ou placez-le dans un modèle pour que le widget apparaisse sur chaque fiche produit de votre boutique WooCommerce.
Étape par étape
- Copiez votre extrait
Choisissez une mise en page, des couleurs et des sources d'avis dans le créateur de widget, puis copiez l'extrait.
- Ouvrez la page ou le modèle
Pour une page, ouvrez-la dans Pages. Pour toutes les fiches produit d'un thème à blocs, allez dans Appearance → Editor → Templates → Single Product.
- Ajoutez un bloc Custom HTML
Cliquez sur +, cherchez Custom HTML et collez l'extrait dans le bloc.
- Enregistrez et vérifiez
Cliquez sur Update ou Save et affichez la page sur votre site en ligne.
Les noms de menu sont indiqués en anglais ; dans une interface traduite, ils ont leur équivalent local.
À quoi ressemble l'extrait de code
<div data-shopreviews="carousel"
data-lang="fr"
data-sources="google,trustpilot,kiyoh"></div>
<script src="https://cdn.shopreviews.com/widget.js" async></script>Exemple uniquement : copiez votre propre extrait depuis le créateur de widget ou votre tableau de bord Shopreviews. Il contient votre mise en page, vos couleurs, votre langue et vos sources d'avis.
Créez votre widget et copiez l'extrait →
Où placer le widget ?
- Modèle Single Product — sous le résumé produit ou les onglets, pour que chaque produit affiche votre note.
- Page d'accueil — un carrousel ou une grille entre l'en-tête et les produits mis en avant.
- Zone de widgets du pied de page — un petit badge sur chaque page d'un thème classique.
Bon à savoir
- Seuls les utilisateurs autorisés à enregistrer du HTML non filtré (administrateurs sur un site simple, super-administrateurs en multisite) peuvent enregistrer des balises script. Si le script disparaît après l'enregistrement, vérifiez votre rôle.
- Les constructeurs de pages fonctionnent de la même façon : utilisez l'élément HTML ou code d'Elementor, Divi, Beaver Builder ou WPBakery.
Autres plateformes
Un autre système de boutique ? Le même extrait fonctionne partout : Shopify · Magento · Lightspeed · BigCommerce · PrestaShop · Wix · Squarespace