> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.review-collect.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](https://help.review-collect.com/fr/article/integration-prestashop-1o90w3w/)) et l'option Avis produits activée sur votre compte.

## Copier le code du widget

1. Rendez-vous sur la page [Avis produits → Widget](https://app.review-collect.com/home/product-reviews/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.