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.
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.
É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.
3. Dans l’éditeur de thème, cliquez sur Products.
4. Sélectionnez Default product ou le modèle de produit sur lequel vous souhaitez afficher le carrousel.
É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.
6. Accédez à l’onglet Apps et sélectionnez Similar products carousel.
7. Faites glisser le carrousel depuis la barre latérale gauche jusqu’à l’emplacement où vous souhaitez l’afficher sur votre site.
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
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é.
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 ».
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.
13. Cliquez sur Save pour appliquer les modifications.
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 ».
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 ?
- Accédez à l’éditeur de thème de Shopify.
- Sélectionnez Similar products carousel.
- 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.
- Cliquez sur Enregistrer.
Continuez à apprendre !
Pour tirer pleinement parti de votre compte Brilliant, nous vous recommandons de consulter les articles suivants :
Guide d’installation de Brilliant, pour configurer Brilliant dans votre boutique Shopify.
Fonctionnalités de Brilliant, pour découvrir les fonctionnalités disponibles dans Brilliant.
Ajouter un carrousel de produits complémentaires de Brilliant, pour afficher des produits complémentaires sur les pages produit.
Questions fréquentes sur Brilliant, pour répondre aux questions les plus courantes concernant son fonctionnement et sa configuration.