Ajouter un carrousel de produits similaires de Brilliant

Le carrousel de produits similaires de Brilliant permet d’afficher des alternatives similaires au produit consulté par un client directement sur sa page produit. Ainsi, il peut découvrir d’autres options sans avoir à retourner au catalogue.

Dans cet article, vous apprendrez comment ajouter et configurer le carrousel de produits similaires de Brilliant sur les pages produit de votre boutique Shopify.

  

Temps de mise en œuvre : 10 min.
Difficulté : Facile.
Quand l’utiliser ? : Lorsque vous souhaitez afficher des recommandations de produits similaires sur les fiches produit de votre boutique. 

 

Avant de commencer

Avant d’ajouter le carrousel, vérifiez que :

  • Brilliant Control Center est activé dans votre thème Shopify.
  • La fonctionnalité Produits similaires est activée dans Fonctionnalités.
  • Votre thème Shopify permet d’ajouter des blocs d’application sur les pages produit.
  

Les thèmes Online Store 2.0 de Shopify, comme Dawn, sont compatibles avec les blocs d’application.

 

ÉTAPE 1. Accéder au modèle de produit

(Cette section explique comment accéder à l’éditeur de thème dans lequel vous souhaitez ajouter le carrousel de produits similaires.)

1. Depuis le panneau d’administration de Shopify, accédez à « Online store > Themes ».

2. Repérez le thème publié auquel vous souhaitez ajouter le carrousel, puis cliquez sur Edit theme.

Añadir carrusel de productos similares de Brilliant - 1.png
 

3. Dans l’éditeur de thème, cliquez sur Products.

Añadir carrusel de productos similares de Brilliant - 2.png
 

4. Sélectionnez Default product ou le modèle de produit sur lequel vous souhaitez afficher le carrousel.

Añadir carrusel de productos similares de Brilliant - 3.png

 

ÉTAPE 2. Ajouter et configurer le carrousel de produits similaires

2.1. Ajouter le carrousel

(Cette section explique comment ajouter le carrousel de produits similaires de Brilliant depuis l’éditeur de thème de Shopify et comment définir sa position sur la page produit.)

5. Dans l’éditeur de thème de Shopify, cliquez sur Add section dans le menu latéral.

Añadir carrusel de productos similares de Brilliant - 4.png
 

6. Accédez à l’onglet Apps et sélectionnez Similar products carousel.

Añadir carrusel de productos similares de Brilliant - 5.png
 

7. Faites glisser le carrousel depuis la barre latérale gauche jusqu’à l’emplacement où vous souhaitez l’afficher sur votre site.

  

Il est recommandé d’ajouter le carrousel comme section indépendante sous les informations du produit afin qu’il puisse occuper toute la largeur disponible. 

Añadir carrusel de productos similares de Brilliant - 6.png

 

2.2. Personnaliser le carrousel

(Cette section explique comment configurer le contenu et l’apparence du carrousel.)

8. Depuis l’éditeur de thème de Shopify, cliquez sur Similar products carousel pour ouvrir les paramètres.

9. Depuis la barre latérale droite, vous pouvez configurer les options suivantes :

  • « Nom » : définit le nom du bloc dans l’éditeur de thème. Ce nom n’est pas visible par vos clients.
  • « Texte du titre » : définit le titre affiché au-dessus du carrousel. La valeur par défaut est « Vous aimerez peut-être aussi ».
  • « Couleur du texte du titre » : définit la couleur du titre.
  • « Taille de police du titre » : définit la taille de police du titre.
  • « Couleur du texte de Voir plus » : définit la couleur de Voir plus.
  • « Taille de police de Voir plus » : définit la taille de police de Voir plus.
  • « Produits visibles sur ordinateur » : définit le nombre de produits affichés simultanément sur ordinateur, de 1 à 6.
  • « Espacement vertical » : définit l’espace vertical autour du carrousel.
  • « Espacement horizontal » : définit l’espace horizontal autour du carrousel.
  • « Espacement entre les produits » : définit l’espace entre les cartes produit.
  • « Produits visibles sur mobile » : définit le nombre de produits affichés simultanément sur les appareils mobiles, de 0 à 3. Si vous sélectionnez « 0 », le carrousel ne s’affichera pas sur mobile 

Añadir carrusel de productos similares de Brilliant - 7.png
 

10. Cliquez sur Save pour appliquer les modifications. Une fois les modifications enregistrées, le carrousel s’affichera sur les pages utilisant le modèle de produit auquel il a été ajouté.

Añadir carrusel de productos similares de Brilliant - 8.png
 

 

2.3. Personnaliser les cartes produit

(Cette section explique comment configurer depuis Brilliant l’apparence des cartes produit qui apparaissent dans le carrousel de produits similaires.)

11. Revenez au panneau d’administration de votre boutique Shopify et accédez à « Apps > Brilliant ». 

Añadir carrusel de productos similares de Brilliant - 9.png
 

12. Dans Brilliant, accédez à « Design > Fiche produit » puis, depuis la barre latérale droite, configurez l’apparence générale des cartes produit, comme le ratio des images ou les bordures.

Añadir carrusel de productos similares de Brilliant - 10.png
 

13. Cliquez sur  Save pour appliquer les modifications.

Añadir carrusel de productos similares de Brilliant - 11.png

 

Questions fréquentes

1. Pourquoi les produits réels ne s’affichent-ils pas dans l’éditeur Shopify ?

L’éditeur de thème affiche un aperçu avec des produits d’exemple afin que vous puissiez vérifier l’apparence du design. Dans votre boutique, chaque page produit affichera ses propres produits similaires.

 

2. Pourquoi le message indiquant que Produits similaires est désactivé s’affiche-t-il ?

Ce message indique que la fonctionnalité Produits similaires est désactivée dans Brilliant.

Accédez à Fonctionnalités et activez Produits similaires afin que le carrousel puisse s’afficher dans votre boutique.

 

3. J’ai ajouté le carrousel, mais il ne s’affiche pas dans ma boutique

Vérifiez que :

  • Vous avez enregistré les modifications dans l’éditeur de thème.
  • Vous avez ajouté le carrousel au thème publié sur Shopify.
  • Brilliant est activé depuis Accueil. 
  • La fonctionnalité Produits similaires est activée dans Fonctionnalités. 
  • Le catalogue a fini d’être traité. 
  • Si le carrousel ne s’affiche que sur mobile, vérifiez que « Produits visibles sur mobile » n’a pas la valeur « 0 ». 
 

Si Brilliant ne trouve pas de produits similaires pour un article donné, le carrousel ne s’affichera pas sur cette page.

 

4. Puis-je choisir les produits qui apparaissent dans le carrousel ? 

Brilliant sélectionne automatiquement les produits similaires.

Pour empêcher certains produits d’apparaître dans les recommandations, accédez à « Configuration > Gestion des produits » et ajoutez leurs balises à la liste noire.

 

5. Puis-je également ajouter le carrousel de produits complémentaires ?

Oui. Il est possible d’ajouter le Carrousel de produits similaires et le Carrousel de produits complémentaires sur une même page produit.

 

 

6. Comment puis-je supprimer le carrousel ?

  1. Accédez à l’éditeur de thème de Shopify.
  2. Sélectionnez Similar products carousel.
  3. Cliquez sur Supprimer la section ou Supprimer le bloc, selon la manière dont vous l’avez ajouté. Vous pouvez également le Masquer  sans le supprimer.
  4. Cliquez sur Enregistrer.

 

 

Bravo ! 
Le carrousel de produits similaires est désormais prêt à s’afficher sur les pages produit de votre boutique Shopify.

  

Des questions restent sans réponse ?
N’oubliez pas que notre équipe d’assistance est à votre disposition. Vous pouvez la contacter en écrivant à support@getbrilliant.ai.

 


Continuez à apprendre !

Pour tirer pleinement parti de votre compte Brilliant, nous vous recommandons de consulter les articles suivants :