Utilisation de l'application Product Reviews

Accédez à l’App Store pour installer Product Reviews pour Shopify.

Une fois l'application Product Reviews installée, vous pouvez ajouter des formulaires d'évaluation à vos pages de produits ainsi que des badges de notation à vos pages de produits et de collection.

Les étapes de ce tutoriel varient selon la version d'architecture du thème.

Cliquez sur le bouton de la version d’architecture du thème, puis suivez les instructions pour ajouter des éléments d'avis à la boutique en ligne.

Online Store 2.0

Ajouter des avis et un formulaire d'avis dans les thèmes Online Store 2.0

Vous pouvez ajouter le bloc d’application pour avis et formulaire d'avis en tant que section dans le modèle de produit, ou en tant que bloc dans la section principale du modèle de produit. Ces options sont disponibles dans tous les thèmes Online Store 2.0 de la boutique des thèmes de Shopify. Vous pouvez parfois les ajouter à d’autres modèles ou sections, en fonction du thème.

Ajouter les avis et le formulaire d'avis en tant que section

Bureau

1. Depuis l’interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

iPhone

1. Depuis l'application Shopify, appuyez sur Store (Boutique).
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).

Android

1. Depuis l'application Shopify, appuyez sur Store (Boutique).
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).

1. Accédez au modèle de produit auquel vous souhaitez ajouter la section des avis et du formulaire d'avis.
2. Cliquez sur Add section (Ajouter une section).
3. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
4. Facultatif : déplacez la section de l’application à l'endroit où vous le souhaitez sur la page.
5. Cliquez sur Save (Enregistrer).

Ajouter les avis et le formulaire d'avis en tant que bloc

Bureau

1. Depuis l’interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

iPhone

1. Depuis l'application Shopify, appuyez sur Store (Boutique).
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).

Android

1. Depuis l'application Shopify, appuyez sur Store (Boutique).
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).

1. Accédez à la page et à la section où vous souhaitez ajouter le bloc des avis et du formulaire d'avis.
2. Cliquez sur Ajouter un bloc.
3. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d’application avis.
4. Facultatif : déplacez le bloc avis là où vous le souhaitez dans la section.
5. Cliquez sur Save (Enregistrer).

Ajouter des évaluations (nombre d'étoiles) dans les thèmes Online Store 2.0

Vous pouvez ajouter des évaluations (nombre d'étoiles) en tant que bloc dans la section principale du modèle de produit. Cette option est disponible dans tous les thèmes Online Store 2.0 de la boutique des thèmes de Shopify. Vous pouvez parfois les ajouter à d’autres sections et modèles, en fonction du thème.

Bureau

1. Depuis l’interface administrateur Shopify, allez à Online Store (Boutique en ligne) > Themes (Thèmes).
2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

iPhone

1. Depuis l'application Shopify, appuyez sur Store (Boutique).
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).

Android

1. Depuis l'application Shopify, appuyez sur Store (Boutique).
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez sur Edit (Modifier).

1. Naviguez jusqu'à la page et la section où vous voulez ajouter l'évaluation (nombre d'étoiles).
2. Cliquez sur Ajouter un bloc.
3. Dans le menu déroulant, dans la section applications, sélectionnez le bloc d'applications évaluation (nombre d'étoiles).
4. Facultatif : déplacez le bloc évaluation (nombre d'étoiles) à l'endroit où vous le souhaitez dans la section, ou personnalisez la couleur, la taille, l’alignement et le contexte de l’étoile.
5. Cliquez sur Save (Enregistrer).

Vintage sectioned themes

Ajouter des avis et un formulaire d'évaluation à votre page de produit dans les thèmes en sections

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

iPhone

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

Android

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

1. Dans le répertoire Sections, ouvrez product-template.liquid.

2. Identifiez la zone du code où vous souhaitez faire apparaître vos avis. Habituellement, cette zone est située sous la description du produit. Pour identifier la description du produit dans le fichier, recherchez la balise Liquid {{ product.description }}.

3. Sous le code contenant la balise Liquid {{ product.description }}, collez l'extrait suivant :

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à ses pages de collection dans les thèmes en sections

1. Depuis votre interface administrateur Shopify, accédez à Online Store (Boutique en ligne) > Themes (Thèmes).

2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Edit code (Modifier le code).

3. Dans le répertoire Snippets (Extraits), ouvrez le fichier product-grid-item.liquid.

4. Identifiez la zone du code où vous souhaitez faire apparaître vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.

5. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à vos pages de produit dans les thèmes en sections

Ajouter des badges de notation à vos pages de produit :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

iPhone

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

Android

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

1. Dans le répertoire Sections, ouvrez product-template.liquid.

2. Identifiez la zone du code où vous souhaitez faire apparaître vos badges de notation. Habituellement, cette zone est située juste en dessous du titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.

3. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à votre produit en vedette dans les thèmes en sections

Remarque

Si vous utilisez Venture, il n'est pas conseillé de placer des badges de notation sur votre produit en vedette.

Ajouter des badges de notation à un produit en vedette sur la page d'accueil :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

iPhone

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

Android

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

1. Dans le répertoire Sections, ouvrez le fichier featured-product.liquid.

2. Identifiez la zone de l'extrait où vous souhaitez faire apparaître vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ title }}. Si la balise {{ title }} est introuvable, recherchez la balise {{ product.title }}.

3. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Vintage non-sectioned themes

Ajouter des avis et un formulaire d'évaluation à votre page de produit dans les thèmes sans section

Ajouter des formulaires d'évaluation à vos pages de produit :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

iPhone

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

Android

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

1. Dans le répertoire Templates (Modèles), ouvrez product.liquid.

2. Identifiez la zone du code où vous souhaitez faire apparaître vos avis. Habituellement, cette zone est située sous la description du produit. Pour identifier la description du produit dans le fichier, recherchez la balise Liquid {{ product.description }}.

3. Sous le code contenant la balise Liquid {{ product.description }}, collez l'extrait suivant :

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Your code placement might look something like this:

<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à ses pages de collection dans les thèmes sans section

Ajouter des badges de notation à vos pages de collection :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

iPhone

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

Android

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

1. Dans le répertoire Snippets (Extraits), ouvrez product-grid-item.liquid.

2. Identifiez la zone du code où vous souhaitez faire apparaître vos badges de notation. Habituellement, cette zone est située sous le titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.

3. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).

Ajouter des badges de notation à vos pages de produit dans les thèmes sans section

Ajouter des badges de notation à vos pages de produit :

Bureau

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

iPhone

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

Android

1. Dans l'application Shopify, appuyez sur Boutique.

2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

3. Appuyez sur Gérer les thèmes.

4. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Actions > Modifier le code.

1. Dans le répertoire Templates (Modèles), ouvrez product.liquid.

2. Identifiez la zone du code où vous souhaitez faire apparaître vos badges de notation. Habituellement, cette zone est située juste en dessous du titre du produit. Pour identifier le titre de votre produit dans le fichier, recherchez la balise Liquid {{ product.title }}.

3. Sur une nouvelle ligne située sous le code contenant la balise Liquid {{ product.title }}, collez l'extrait suivant :

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Your code placement might look something like this:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

You can experiment with putting the code in different places in the file to see where you like it best.

1. Cliquez sur Save (Enregistrer).