Comment ajouter WideReview sur GemPages ?
Wide Hello ! 😁
On va voir ensemble dans ce tutoriel comment ajouter WideReview sur vos pages GemPages.
Le processus est vraiment suuuper simple !
C'est parti 👇
Pré-requis
- Cliquez sur Product Pages ou sur Home Pages sur la gauche dans la section "Pages" en fonction de l'endroit où vous souhaitez faire apparaître WideReview.
- Ouvrez la page qui vous intéresse (page produit, page d'accueil ou une autre page)
Ajouter le grand carrousel principal
Voilà un aperçu :
- Dans la barre de recherche à gauche cherchez "Liquid"
- Déplacez le module "Liquid" où vous souhaitez faire apparaître le grand carrousel principal
- Cliquez sur le module que vous venez d'ajouter puis cliquez sur l'icone représentant un crayon
- Ensuite vous allez copier le code pour afficher le carousel. Ce code dépendra de la page sur laquelle vous êtes en train de l'ajouter :
Sur une page produit :
- Copiez le code suivant
<div id="widereview-module"></div>
- Collez le dans l'éditeur de code (en retirant le texte qui s'y trouve de base) et cliquez sur Sauvegarder
Sur une page d'accueil ou toute autre page (sauf page produit) :
** Copiez le code suivant <div id="widereview-module" product-id="ID_DE_VOTRE_PRODUIT" form-product-id="ID_DE_VOTRE_PRODUIT"></div>
.
- Collez le dans l'éditeur de code (en retirant le texte qui s'y trouve de base) et cliquez sur Sauvegarder
Ajouter les étoiles sous le titre du produit
Voilà un aperçu :
- Dans la barre de recherche à gauche cherchez "Liquid"
- Déplacez le module "Liquid" où vous souhaitez faire apparaître les étoiles
- Cliquez sur le module que vous venez d'ajouter puis cliquez sur l'icone représentant un crayon
- Ensuite vous allez copier le code pour afficher les étoiles. Ce code dépendra de la page sur laquelle vous êtes en train de l'ajouter :
Sur une page produit :
- Copiez le code suivant
<div class="widereview-rate"></div>
- Collez le dans l'éditeur de code (en retirant le texte qui s'y trouve de base) et cliquez sur Sauvegarder
Sur une page d'accueil ou toute autre page (sauf page produit) :
- Copiez le code suivant
<div class="widereview-rate" product-id="ID_DE_VOTRE_PRODUIT"></div>
- Collez le dans l'éditeur de code (en retirant le texte qui s'y trouve de base) et cliquez sur Sauvegarder
Ajouter les avis sous forme de grille
Voilà un aperçu :
- Dans la barre de recherche à gauche cherchez "Liquid"
- Déplacez le module "Liquid" où vous souhaitez faire apparaître les avis sous forme de grille
- Cliquez sur le module que vous venez d'ajouter puis cliquez sur l'icone représentant un crayon
- Ensuite vous allez copier le code pour afficher les avis sous forme de grille. Ce code dépendra de la page sur laquelle vous êtes en train de l'ajouter :
Sur une page produit :
- Copiez le code suivant
<div id="widereview-grid"></div>
- Collez le dans l'éditeur de code (en retirant le texte qui s'y trouve de base) et cliquez sur Sauvegarder
Sur une page d'accueil ou toute autre page (sauf page produit) :
** Copiez le code suivant <div id="widereview-grid" product-id="ID_DE_VOTRE_PRODUIT" form-product-id="ID_DE_VOTRE_PRODUIT"></div>
.
- Collez le dans l'éditeur de code (en retirant le texte qui s'y trouve de base) et cliquez sur Sauvegarder
Ajouter le mini carrousel sous le bouton ajout au panier
Voilà un aperçu :
- Dans la barre de recherche à gauche cherchez "Liquid"
- Déplacez le module "Liquid" où vous souhaitez faire apparaître le mini carrousel (de préférence sous votre bouton ajout au panier)
- Cliquez sur le module que vous venez d'ajouter puis cliquez sur l'icone représentant un crayon
- Ensuite vous allez copier le code pour afficher le mini carousel. Ce code dépendra de la page sur laquelle vous êtes en train de l'ajouter :
Sur une page produit :
- Copiez le code suivant
<div class="widereview-mini"></div>
- Collez le dans l'éditeur de code (en retirant le texte qui s'y trouve de base) et cliquez sur Sauvegarder
Sur une page d'accueil ou toute autre page (sauf page produit) :
** Copiez le code suivant <div class="widereview-mini" product-id="ID_DE_VOTRE_PRODUIT"></div>
.
- Collez le dans l'éditeur de code (en retirant le texte qui s'y trouve de base) et cliquez sur Sauvegarder
Voilà ! On a vu ensemble comment ajouter tous les éléments disponibles sur WideReview !
Mis à jour le : 01/09/2022
Merci !