Ajouter un carrousel de produits assortis de Brilliant

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 à retourner 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.

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.

É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 à "Online store > Themes".

2. Repérez le thème publié dans lequel 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 assortis

2.1. Ajouter le carrousel

(Cette section explique comment ajouter le carrousel de produits assortis 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 Products that combine 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 Products that combine 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 affiché à 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.
• « 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 Save pour appliquer les modifications. Une fois enregistrées, le carrousel sera affiché sur les pages qui utilisent 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. Retournez au panneau d’administration de votre boutique Shopify et accédez à « Apps > 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 format des images ou les bordures.

13. Cliquez sur  Enregistrer pour appliquer les modifications.

Questions fréquentes

1. Pourquoi ne vois-je pas les produits réels dans l’éditeur de Shopify ?

Dans l’éditeur de thème, un aperçu avec des produits d’exemple est affiché 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 être affiché dans votre boutique.

3. J’ai ajouté le carrousel, mais il n’apparaît 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 ». 

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 à « Configuration > 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.

6. Comment supprimer le carrousel ?

1. Accédez à l’éditeur de thème de Shopify.
2. Sélectionnez Products that combine 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.

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 sur son fonctionnement et sa configuration.