Articles sur : Widgets
Cet article est aussi disponible en :

Installer les widgets d'avis produit sur PrestaShop

Sur PrestaShop, les widgets Review Collect s'installent en collant un code dans les templates de votre thème. Comptez quelques minutes, avec votre développeur si vous n'avez jamais modifié votre thème.


Avant de commencer : votre boutique doit être connectée à Review Collect (voir Intégration PrestaShop) et l'option Avis produits activée sur votre compte.


Copier le code du widget


  1. Rendez-vous sur la page Avis produits → Widget
  2. Sur le widget voulu, cliquez sur Personnaliser, puis ouvrez l'onglet Installer
  3. Cliquez sur Copier : votre clé est déjà dans le code, rien à modifier


Le code contient lang="{$language.iso_code}" : le widget s'affiche dans la langue de la page, et les avis écrits dans une autre langue sont traduits automatiquement.


Le code du widget Avis produits ressemble à ceci (XXXXX = votre clé) :


<script src="https://w.review-collect.com/v1/rc-widget.js" defer></script>
<rc-product-reviews key="XXXXX" product-id="{$product.id_product}" lang="{$language.iso_code}" id="rc-reviews"></rc-product-reviews>


Ajouter la liste d'avis à la page produit


  1. Ouvrez le fichier templates/catalog/product.tpl de votre thème (par FTP ou le gestionnaire de fichiers de votre hébergeur)
  2. Collez le code à l'endroit où les avis doivent apparaître, en général sous la description du produit
  3. Enregistrez, puis videz le cache : Paramètres avancés → Performance → Vider le cache


Si vous utilisez un thème enfant, modifiez le fichier du thème enfant : vos changements survivront aux mises à jour du thème.


Ajouter le badge étoiles sous le titre


  1. Dans le même fichier, repérez le titre du produit ({$product.name})
  2. Collez le code du widget Badge étoiles produit juste en dessous
  3. Videz le cache


<rc-product-reviews key="XXXXX" product-id="{$product.id_product}" lang="{$language.iso_code}" widget-type="badge" href="#rc-reviews" style="display:block;min-height:1.5em"></rc-product-reviews>


La ligne <script …> n'est nécessaire qu'une fois par page : si la liste d'avis est déjà sur la page produit, collez seulement la deuxième ligne. Un clic sur le badge fait défiler jusqu'à la liste.


Créer la page de tous les avis


  1. Dans le back office, allez dans Design → Pages, cliquez sur Ajouter une page (ex. « Avis clients »), laissez le contenu vide et enregistrez
  2. Notez l'identifiant de la page, affiché dans la colonne ID de la liste
  3. Ouvrez le fichier templates/cms/page.tpl de votre thème et collez le code ci-dessous dans le bloc de contenu, en remplaçant 5 par l'identifiant de votre page
  4. Videz le cache, puis ajoutez la page à votre menu


{if $cms.id == 5}
<script src="https://w.review-collect.com/v1/rc-widget.js" defer></script>
<rc-reviews-page key="XXXXX" lang="{$language.iso_code}"></rc-reviews-page>
{/if}


Pourquoi passer par le template ? L'éditeur de contenu de PrestaShop retire les scripts : collé directement dans la page, le widget ne s'afficherait pas.


Vérifier sur votre boutique


  1. Ouvrez la fiche d'un produit qui a au moins un avis publié : le badge apparaît sous le titre, la liste sous la description
  2. Ouvrez votre page d'avis : la note moyenne et les avis de tous vos produits s'affichent


Rien ne s'affiche ? Vérifiez que le cache est vidé, que le fichier modifié est celui du thème actif, et que le produit a au moins un avis publié dans Review Collect. Un changement de réglage met 5 à 10 minutes à apparaître.

Mis à jour le : 20/10/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !