Réussi
Produits complémentaires
Mettez en avant des produits complémentaires associés avec des mises en page flexibles et un style de carte adapté aux ventes croisées.
- Documentation Shopify sur les sections et les blocs
- Documentation Shopify sur la personnalisation des sections
- Documentation Company XYZ sur les paramètres des commandes du diaporama
- Documentation Company XYZ sur les paramètres d’en-tête
- Documentation Company XYZ sur les icônes
- Documentation Company XYZ sur les variantes de produit
- Documentation Company XYZ sur les paramètres des cartes produit
- Documentation Company XYZ sur les paramètres des cartes
- Documentation Company XYZ sur les paramètres de couleur
- Documentation Company XYZ sur les paramètres d’espacement de section
- Documentation Company XYZ sur les paramètres d’arrière-plan de section
- Documentation Company XYZ sur l’utilisation de la vidéo
- Documentation Company XYZ sur les paramètres de séparateur
- Documentation Company XYZ sur les paramètres de visibilité
Afficher des produits complémentaires associés au produit actuel pour encourager des commandes plus importantes. Ce bloc utilise votre configuration de produits complémentaires pour afficher des articles pertinents tout en masquant automatiquement les produits indisponibles et les produits déjà dans le panier. Pour savoir comment les blocs sont organisés dans les thèmes, voir documentation Shopify sur les sections et les blocs
Ce bloc dépend du fait que les données de produits complémentaires soient configurées dans l’application Search & Discovery. Si rien n’apparaît, vérifiez que des produits associés ont été attribués au produit que vous consultez.
Paramètres de base
Section intitulée « Paramètres de base »Utilisez le nombre d’articles pour contrôler l’ampleur du choix affiché à la fois. Définir le nombre sur 0 renvoie toutes les correspondances disponibles, jusqu’à 50, ce qui peut bien fonctionner pour des catalogues larges, mais peut donner une impression d’encombrement si vos cartes produit affichent beaucoup de détails.
Si vous voulez que ce bloc serve de suggestion rapide de produit complémentaire, gardez la liste plus resserrée. Un ensemble plus restreint est généralement plus facile à parcourir et semble plus intentionnel.
Paramètres de mise en page
Section intitulée « Paramètres de mise en page »Ces paramètres contrôlent la manière dont les recommandations sont organisées sur ordinateur, tablette et mobile. Utilisez une grille lorsque vous voulez afficher plus de produits à la fois, ou un diaporama lorsque vous voulez une présentation plus compacte et plus ciblée.
Les choix de colonnes sont surtout importants dans les grilles et les diaporamas à plusieurs cartes. Sur tablette, définir le nombre de colonnes sur 0 réutilise la valeur de l’ordinateur, ce qui est utile lorsque vous souhaitez moins d’ajustements propres à chaque appareil.
Des nombres de colonnes plus élevés fonctionnent mieux avec des cartes plus simples. Si les cartes incluent du texte supplémentaire, des boutons ou des sélecteurs de variantes, moins de colonnes permettent généralement de conserver un bloc plus facile à parcourir.
Paramètres du diaporama
Section intitulée « Paramètres du diaporama »Lorsque vous utilisez des mises en page de type diaporama, ces paramètres définissent le comportement du bloc et la manière dont les clients interagissent avec lui. Vous pouvez contrôler le style et la vitesse de l’animation, la lecture automatique, la boucle, la position de la navigation, la pagination et les aperçus de diapositives. Pour en savoir plus sur ces contrôles, voir contrôles du diaporama.
Le fondu est idéal lorsque vous souhaitez mettre en avant une recommandation à la fois. Il impose une mise en page à une seule diapositive et désactive le comportement de type aperçu ainsi que les styles de pagination qui reposent sur plusieurs diapositives visibles.
Si vous activez la lecture automatique, gardez un mouvement calme et facile à interrompre. La pause au survol peut rendre la lecture automatique moins intrusive sur ordinateur.
Paramètres d’en-tête
Section intitulée « Paramètres d’en-tête »L’en-tête facultatif aide à expliquer pourquoi ces produits vont ensemble et donne plus de structure au bloc sur la page. Un titre court, une légende ou un sous-titre peuvent faire paraître les recommandations plus sélectionnées qu’automatiques.
Vous pouvez également ajouter une icône et un bouton pour orienter les clients vers une collection plus large, une page de lot ou un guide d’achat. Gardez le texte du bouton précis afin qu’il soutienne les recommandations au lieu de leur faire concurrence.
Choisissez le type de titre en fonction de la hiérarchie du reste de la page. Si la page comporte déjà un titre principal fort, un niveau de titre inférieur conviendra généralement mieux. Pour plus de conseils, voir en-têtes et icônes.
Paramètres standard de bloc
Section intitulée « Paramètres standard de bloc »Paramètres de carte
Section intitulée « Paramètres de carte »Ces paramètres partagés vous permettent de remplacer la présentation habituelle de la carte produit pour ce bloc. Vous pouvez ajuster le style de carte, les proportions de l’image, la densité du texte, le traitement du CTA, l’alignement du texte et le comportement du sélecteur de variantes afin de mieux convenir aux recommandations de produits complémentaires.
Les styles de carte plus simples fonctionnent généralement mieux lorsque vous affichez plusieurs produits à la fois. Si vous activez les sélecteurs de variantes, assurez-vous qu’ils aident réellement à la décision d’achat au lieu de donner l’impression que le bloc est trop chargé. Pour la configuration du sélecteur de variantes, voir variantes de produit et, pour le comportement plus général des cartes, voir cartes produit.
Paramètres de couleur de carte
Section intitulée « Paramètres de couleur de carte »Ces paramètres remplacent uniquement l’apparence de la carte dans ce bloc. Ils sont utiles lorsque vous voulez que les produits complémentaires se distinguent des autres listes de produits sans modifier le thème dans son ensemble.
Les contrôles de superposition de bannière s’appliquent uniquement lorsque vous utilisez le style de carte Bannière. Sinon, concentrez-vous sur les couleurs d’arrière-plan, de bordure, de titre et de texte qui permettent de lire facilement les prix, les titres et les actions. Pour en savoir plus, voir cartes.
Paramètres de couleur
Section intitulée « Paramètres de couleur »Ces paramètres contrôlent les couleurs de l’icône et du texte au niveau du bloc autour du contenu de l’en-tête. Ils sont particulièrement utiles lorsque vous voulez que la zone du titre s’accorde avec un arrière-plan personnalisé ou un style de campagne.
Vérifiez soigneusement le contraste si le bloc se trouve sur un arrière-plan coloré, avec image ou vidéo, afin que les titres et le texte d’accompagnement restent lisibles. Voir couleurs.
Paramètres d’espacement
Section intitulée « Paramètres d’espacement »L’espacement contrôle l’espace au-dessus et au-dessous du contenu du bloc. Augmentez-le lorsque les recommandations ont besoin de plus d’espace, ou réduisez-le lorsque le bloc doit sembler étroitement lié aux détails du produit à proximité.
Les modifications d’espacement sont plus visibles lorsque vous utilisez aussi des arrière-plans ou des séparateurs. Voir espacement de section.
Paramètres d’arrière-plan de bloc
Section intitulée « Paramètres d’arrière-plan de bloc »Ces paramètres ajoutent une couleur, un dégradé, une image ou une vidéo derrière l’ensemble du bloc. Ils peuvent aider à mettre en valeur la zone de recommandations, mais des arrière-plans marqués peuvent aussi alourdir la mise en page si les cartes produit contiennent déjà beaucoup de détails.
Les contrôles de superposition aident à maintenir la lisibilité du texte sur les arrière-plans d’image ou de vidéo. Les médias d’arrière-plan spécifiques au mobile sont utiles lorsque les visuels de bureau sont mal recadrés sur les écrans plus petits. Voir arrière-plans de section et utiliser la vidéo.
Paramètres de séparateur
Section intitulée « Paramètres de séparateur »Les séparateurs ajoutent une ligne en haut ou en bas pour séparer visuellement ce bloc du contenu voisin. Ils fonctionnent bien lorsque la page comporte plusieurs zones de contenu empilées et a besoin d’un peu plus de structure.
Si l’espacement ou le contraste de l’arrière-plan sépare déjà clairement le bloc, vous n’en avez peut-être pas besoin. Voir séparateurs.
Paramètres de visibilité
Section intitulée « Paramètres de visibilité »Les contrôles de visibilité vous permettent de masquer ce bloc sur ordinateur ou sur mobile. C’est utile lorsque vous souhaitez une autre stratégie de recommandation ou une autre mise en page sur les petits écrans.
Si vous masquez le bloc pour une plage d’appareils, assurez-vous que les produits complémentaires restent faciles à découvrir ailleurs sur la page. Voir visibilité.
Paramètres de l’éditeur
Section intitulée « Paramètres de l’éditeur »Le titre de l’éditeur modifie uniquement l’étiquette de ce bloc dans la barre latérale de l’éditeur. Renommez-le lorsque vous utilisez plusieurs blocs de type recommandation afin de les distinguer plus facilement pendant la modification. Pour les autres options de personnalisation associées, voir documentation Shopify sur la personnalisation des sections
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Configurez d’abord les relations. Si le bloc apparaît vide, confirmez que des produits complémentaires ont été attribués au produit actuel.
- Gardez la liste ciblée. Moins d’articles créent généralement une zone de recommandation plus forte et facilitent la prise de décision.
- Adaptez la mise en page à la densité des cartes. Utilisez moins de colonnes ou des styles de carte plus simples lorsque les cartes incluent du texte supplémentaire, des boutons ou des sélecteurs de variantes.
- Utilisez le mouvement avec précaution. La lecture automatique, le fondu et les réglages d’aperçu doivent aider à parcourir la page plutôt que de distraire de la page produit.
- Testez les deux tailles de zone d’affichage. Vérifiez sur ordinateur et sur mobile que les contrôles, l’espacement et les choix de médias restent clairs dans chaque mise en page.
- Attendez-vous à différents états de produit. Vérifiez le bloc avec des produits éligibles, des articles indisponibles et des produits déjà dans le panier afin de pouvoir évaluer le résultat réel.