Le carrousel de produits assortis de Brilliant permet d’afficher directement sur la page produit des articles complémentaires qui s’accordent avec le produit consulté par un client. Ainsi, celui-ci peut découvrir d’autres produits pour compléter son achat sans avoir à revenir au catalogue. Par exemple, si un client consulte un pantalon, le carrousel peut lui suggérer une chemise, une ceinture ou des chaussures assorties.
Dans cet article, vous apprendrez comment ajouter et configurer le carrousel de produits assortis 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 assortis 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 assortis 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 assortis.)
1. Depuis le panneau d’administration de Shopify, accédez à "Boutique en ligne > Thèmes".
2. Repérez le thème publié auquel vous souhaitez ajouter le carrousel et cliquez sur Modifier le thème.
3. Dans l’éditeur de thème, cliquez sur Produits.
4. Sélectionnez Produit par défaut ou le modèle de produit sur lequel vous souhaitez afficher le carrousel.
ÉTAPE 2. Ajouter et configurer le carrousel de produits assortis
2.1. Ajouter le carrousel
(Cette section explique comment ajouter le carrousel de produits assortis de Brilliant depuis l’éditeur de thème Shopify et comment définir sa position sur la page produit.)
5. Dans l’éditeur de thème Shopify, cliquez sur Ajouter une section dans le menu latéral.
6. Accédez à l’onglet Applications et sélectionnez Carrousel de produits assortis.
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 une section indépendante sous les informations du produit, afin qu’il puisse occuper toute la largeur disponible.
2.2. Personnaliser le carrousel
(Cette section explique comment configurer le contenu et l’apparence du carrousel.)
8. Depuis l’éditeur de thème Shopify, cliquez sur Carrousel de produits assortis 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 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.
- « Marge intérieure verticale » : définit l’espace vertical autour du carrousel.
- « Marge intérieure horizontale » : 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 sera pas affiché sur mobile.
10. Cliquez sur Enregistrer pour appliquer les modifications. Une fois 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 affichées dans le carrousel de produits similaires.)
11. Revenez au panneau d’administration de votre boutique Shopify et accédez à « Applications > Brilliant ».
12. Dans Brilliant, accédez à « Design > Fiche produit » et, 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 Enregistrer 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 assortis.
2. Pourquoi le message indiquant que Produits assortis est désactivé s’affiche-t-il ?
Ce message indique que la fonctionnalité Produits assortis est désactivée dans Brilliant.
Accédez à Fonctionnalités et activez Produits assortis pour 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 assortis est activée dans Fonctionnalités.
- Le catalogue a terminé son traitement.
- Si le carrousel n’apparaît que sur mobile, vérifiez que « Produits visibles sur mobile » n’a pas la valeur « 0 ».
Si Brilliant ne trouve aucun produit assorti 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 assortis.
Pour empêcher certains produits d’apparaître dans les recommandations, accédez à « Paramètres > Gestion des produits » et ajoutez leurs balises à la liste noire.
5. Puis-je également ajouter le carrousel de produits similaires ?
Oui. Il est possible d’ajouter le Carrousel de produits assortis et le Carrousel de produits similaires sur une même page produit.
Découvrez comment le configurer dans Ajouter un carrousel de produits similaires de Brilliant.
6. Comment supprimer le carrousel ?
- Accédez à l’éditeur de thème Shopify.
- Sélectionnez Carrousel de produits assortis.
- 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.
Bravo !
Le carrousel de produits assortis est désormais prêt à s’afficher sur les pages produit de votre boutique Shopify.
Vous avez encore des questions ?
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 :
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 similaires de Brilliant, pour afficher des alternatives similaires sur les pages produit.
Questions fréquentes sur Brilliant, pour répondre aux questions les plus courantes concernant son fonctionnement et sa configuration.