Réussi
Recommandations de produits
Ajoutez automatiquement des suggestions de produits associés avec des options flexibles de mise en page et de style de carte.
- Documentation Shopify sur les recommandations de produits
- Documentation de Company XYZ sur la section des recommandations de produits
- Documentation de Company XYZ sur les paramètres de mise en page
- Documentation de Company XYZ sur les paramètres des contrôles du diaporama
- Documentation de Company XYZ sur les paramètres des couleurs
- Documentation de Company XYZ sur les paramètres des en-têtes
- Documentation de Company XYZ sur les paramètres des cartes produit
- Documentation de Company XYZ sur les variantes de produits
- Documentation de Company XYZ sur les paramètres d’espacement de section
- Documentation de Company XYZ sur les paramètres des arrière-plans de section
- Documentation de Company XYZ sur les paramètres des séparateurs
- Documentation de Company XYZ sur les paramètres de visibilité
- Documentation de Company XYZ sur les paramètres de largeur de mise en page
Utilisez cette section pour mettre en avant des produits associés sur les pages produit grâce à des recommandations générées automatiquement. C’est un moyen pratique d’ajouter des ventes croisées sans sélectionner manuellement les produits pour chaque article, tout en vous donnant un contrôle solide sur la mise en page, la présentation des cartes et le style de la section.
Les recommandations s’améliorent au fil du temps en fonction des données de produits et de commandes, et peuvent également être influencées via Search & Discovery. Pour en savoir plus sur la façon dont Shopify gère les recommandations, consultez documentation Shopify sur les recommandations de produits. Vous pouvez consulter la référence de section dans la documentation Company XYZ sur la section Recommandations de produits.
Paramètres principaux
Section intitulée « Paramètres principaux »Le principal contrôle au niveau de la section est Number of items. Utilisez-le pour limiter le nombre de produits recommandés affichés, ou réglez-le sur 0 lorsque vous souhaitez que la section affiche autant d’éléments que possible jusqu’au maximum intégré.
Des valeurs plus faibles fonctionnent généralement mieux dans des mises en page plus serrées ou lorsque la section apparaît plus bas sur la page. Dans des mises en page plus larges, un nombre plus élevé peut donner à la section un aspect plus complet, surtout lorsque les clients sont susceptibles de parcourir au-delà des premiers éléments.
La section peut afficher moins de produits que votre limite lorsqu’un ensemble plus réduit de recommandations pertinentes est disponible.
Paramètres de mise en page
Section intitulée « Paramètres de mise en page »Ces paramètres contrôlent la façon dont les produits recommandés sont disposés sur ordinateur, tablette et mobile. Vous pouvez choisir entre des mises en page en grille et en diaporama pour chaque appareil, puis définir le nombre de colonnes pour chaque taille d’écran.
Consultez la documentation Company XYZ sur les paramètres de mise en page. En général, utilisez davantage de colonnes lorsque les cartes sont visuellement simples et moins de colonnes lorsqu’elles incluent des titres plus longs, des extraits, des swatches ou un style d’appel à l’action plus marqué.
La tablette peut hériter du nombre de colonnes de l’ordinateur lorsqu’elle est laissée à 0. C’est utile lorsque vous souhaitez une configuration plus simple, mais il est judicieux de vérifier attentivement la tablette si votre mise en page pour ordinateur est déjà dense.
Un schéma courant consiste à utiliser une grille sur les écrans plus grands pour une comparaison rapide, puis un diaporama sur mobile pour une navigation horizontale plus facile. Si vous conservez une grille sur mobile, évitez de surcharger les cartes afin que les détails des produits restent faciles à parcourir.
Paramètres du diaporama
Section intitulée « Paramètres du diaporama »Lorsque la mise en page en diaporama est activée sur un appareil, ces paramètres contrôlent le déplacement, la lecture automatique, la boucle, la navigation, la pagination et les aperçus de diapositives. Ils vous permettent de décider si la section paraît plus éditoriale et rythmée ou plus directe et facile à parcourir.
Consultez la documentation Company XYZ sur les contrôles du diaporama. Utilisez ces paramètres pour faciliter la navigation, et non pour concurrencer les produits eux-mêmes.
L’animation Fade est idéale lorsque vous souhaitez mettre en avant un produit à la fois. Comme elle impose une mise en page à une seule diapositive et supprime certains repères de navigation entre plusieurs cartes, elle est généralement moins efficace lorsque les clients doivent comparer rapidement plusieurs recommandations.
La lecture automatique fonctionne mieux lorsque le mouvement reste subtil et que le délai laisse suffisamment de temps aux acheteurs pour lire. Sur ordinateur, la mise en pause au survol est une protection utile lorsque les clients interagissent avec les cartes.
La pagination est particulièrement utile lorsqu’il y a suffisamment de diapositives pour justifier une orientation supplémentaire. L’aperçu de la diapositive suivante peut également aider à signaler que d’autres recommandations sont disponibles sans s’appuyer uniquement sur les flèches ou la pagination.
Paramètres de couleur
Section intitulée « Paramètres de couleur »Ces contrôles ajustent le contenu d’introduction de la section, y compris l’icône, le texte de l’en-tête et le texte du sous-titre. Utilisez-les lorsque cette section a besoin d’un contraste plus marqué ou d’une emphase légèrement différente de celle du contenu environnant.
Consultez la documentation Company XYZ sur les paramètres de couleur. C’est particulièrement utile lorsque vous ajoutez un arrière-plan personnalisé et que vous devez conserver la zone d’en-tête nette et lisible.
Paramètres standard de section
Section intitulée « Paramètres standard de section »Paramètres d’en-tête
Section intitulée « Paramètres d’en-tête »Utilisez les contrôles d’en-tête partagés pour ajouter une introduction facultative au-dessus des recommandations, notamment l’alignement, l’icône, la légende, le titre, le sous-titre et un bouton facultatif. En savoir plus dans la documentation Company XYZ sur les paramètres d’en-tête.
Un en-tête est utile lorsque la section a besoin d’un contexte, par exemple pour présenter les produits comme des articles associés ou des suggestions complémentaires. Le bouton facultatif fonctionne bien pour renvoyer vers une liste de produits plus large, à condition que la destination corresponde clairement aux recommandations affichées.
Paramètres de carte
Section intitulée « Paramètres de carte »Utilisez les contrôles de carte partagés pour remplacer la présentation par défaut de la carte produit pour cette section uniquement. En savoir plus dans la documentation Company XYZ sur les paramètres de carte produit.
C’est ici que vous pouvez rendre les cartes de recommandations plus visuelles, plus compactes ou davantage centrées sur le texte, selon l’importance de la section sur la page. Si vous activez un sélecteur de variantes, assurez-vous que la configuration de vos variantes prend en charge le style d’affichage choisi ; des conseils sur le sélecteur de variantes sont disponibles dans la documentation Company XYZ sur les variantes de produit.
Paramètres d’espacement
Section intitulée « Paramètres d’espacement »Utilisez les contrôles d’espacement partagés pour ajuster l’espace au-dessus et au-dessous de la section. En savoir plus dans la documentation Company XYZ sur l’espacement de section.
Augmentez l’espacement lorsque les recommandations doivent ressembler à un bloc de contenu distinct. Réduisez-le lorsque la section doit rester étroitement liée au contenu voisin de la page produit.
Paramètres d’arrière-plan de section
Section intitulée « Paramètres d’arrière-plan de section »Utilisez les contrôles d’arrière-plan partagés pour ajouter une couleur, un dégradé, une image ou une vidéo derrière la section. En savoir plus dans la documentation Company XYZ sur les arrière-plans de section.
Les arrière-plans peuvent aider à séparer les recommandations du reste de la page, mais ils ajoutent aussi du poids visuel. Si vous utilisez un arrière-plan plus marqué, vérifiez que le contenu des cartes et le texte de l’en-tête restent bien visibles.
Paramètres de séparateur
Section intitulée « Paramètres de séparateur »Utilisez les contrôles de séparateur partagés pour ajouter une ligne de séparation en haut ou en bas autour de la section. En savoir plus dans la documentation Company XYZ sur les séparateurs.
Les séparateurs sont utiles lorsque cette section se situe entre des zones de page denses et a besoin d’une limite plus claire. Des styles de séparateur subtils suffisent généralement pour les mises en page de pages produit.
Paramètres de visibilité
Section intitulée « Paramètres de visibilité »Utilisez les contrôles de visibilité partagés pour décider si cette section apparaît sur tous les appareils ou uniquement sur ordinateur ou mobile. En savoir plus dans la documentation Company XYZ sur les paramètres de visibilité.
C’est utile lorsque vous souhaitez différentes expériences de recommandations selon l’appareil, par exemple une grille plus large sur ordinateur et une présentation plus simple sur mobile. Si vous créez des versions séparées, assurez-vous qu’elles ne paraissent pas répétitives.
Paramètres de largeur
Section intitulée « Paramètres de largeur »Utilisez les contrôles de largeur partagés pour gérer à la fois la largeur du contenu et la largeur extérieure de la section. En savoir plus dans la documentation Company XYZ sur les largeurs de mise en page.
Des largeurs plus importantes peuvent afficher plus de produits à la fois, tandis que des largeurs plus étroites améliorent souvent la concentration et la lisibilité. Prévisualisez les changements de largeur sur la boutique en ligne active ainsi que dans l’éditeur, car l’échelle de mise en page peut donner une impression différente.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Prévoyez l’absence de résultats. Les recommandations n’apparaissent que lorsqu’il existe un contexte produit approprié et suffisamment d’éléments renvoyés ; la section peut donc sembler plus légère que prévu sur certains produits.
- Vérifiez les deux zones d’affichage. Les mises en page sur ordinateur et mobile peuvent se comporter différemment, surtout avec les curseurs, les contrôles et les médias ; vérifiez donc toujours les deux tailles avant de publier.
- Utilisez les remplacements de manière intentionnelle. Les choix vides ou de style par défaut conservent généralement le style de repli du thème, tandis que des couleurs, des dégradés ou des médias personnalisés explicites rendent la section plus indépendante du reste de la page.
- Gardez des médias lisibles. Si vous utilisez des médias distincts pour ordinateur et mobile, vérifiez le recadrage, le chargement et le contraste du texte afin que la section reste claire sur chaque appareil.
- Rendez les états faciles à lire. Si la section inclut une interaction de type formulaire ou des messages de validation, gardez des états de succès et d’erreur simples et lisibles afin que les acheteurs puissent réagir rapidement.