Afficher les produits associés

Suggérez d’autres articles de la même catégorie lorsque les acheteurs consultent un produit.

Dernière mise à jour le 18 janvier 2025

Incitez les clients à explorer votre boutique en leur suggérant des produits associés au cours de leur visite. Les produits associés sont affichés sur la page Informations sur le produit selon la catégorie ou le tag. Vous permettrez ainsi à vos visiteurs de trouver leur bonheur et de découvrir en même temps de nouveaux produits. Vous pouvez afficher les produits associés à tous types de produits.

Pour encourager les clients à ajouter des articles à leur commande en suggérant des produits connexes ou complémentaires, consultez l’article Vendre des produits complémentaires. Pour obtenir des conseils afin de booster vos revenus, consultez l’article Augmenter les ventes de votre boutique.

Accéder à cette fonctionnalité

La fonctionnalité Produits associés est disponible avec les forfaits Core, Plus, Avancé, Commerce Basique et Commerce Avancé. Pour en savoir plus, consultez l’article Choisir le forfait Squarespace qu’il vous faut.

Avant de commencer

Pour suggérer des produits associés, ajoutez des catégories et des tags à tous les produits. 

Afficher les produits associés

Pour afficher les produits associés :

  1. Ouvrez le panneau Produits associés.
  2. Activez l’option Afficher les produits associés.
  3. Cliquez sur Titre de la section pour personnaliser le texte qui présente la section des produits associés. Par défaut, cette section s’appelle « Vous aimerez aussi ».
  4. Cliquez sur le menu déroulant Options d’affichage pour choisir l’affichage des produits.
    • Aléatoire : affichez des produits aléatoires dans la catégorie ou avec ce tag.
    • Ajouté récemment : affichez les produits les plus récents de la catégorie ou avec ce tag.
    • Stock le plus élevé : affichez les produits ayant le plus haut niveau de stock dans la catégorie ou avec ce tag.
  5. Cliquez sur Enregistrer.

N’oubliez pas que la section des produits associés ne présente que les produits de la même page de boutique.

Mode d’affichage des produits associés

Les produits associés sont affichés en bas de la page Informations sur le produit, et un maximum de cinq produits de la même page Boutique apparaîtra. Il nʼest pas possible de personnaliser le nombre de produits associés qui sʼaffichent.

Par défaut, la première catégorie du produit sera utilisée pour la section Produits associés. Pour afficher les produits associés en fonction d'une catégorie ou d'un tag différent, modifiez le produit :

  1. Dans l’éditeur de produit, cliquez sur Outils de vente.
  2. Cliquez sur Produits associés.
  3. Cliquez sur la liste déroulante et sélectionnez le tag ou la catégorie que vous souhaitez utiliser pour suggérer des produits associés. Vous pouvez également sélectionner Désactivé pour désactiver la section des produits associés pour cet article.
  4. Cliquez sur Appliquer.
  5. Cliquez sur Enregistrer

Pour chaque produit associé, les champs suivants s’affichent :

  • Image mise en avant
  • Titre
  • Prix

La disposition exacte dépend du template. Voici un exemple avec le template Brine :

Screen_Shot_2019-09-12_at_11.15.40_AM.png

Modifier le style des produits associés

La méthode pour modifier le style des produits associés dépend de la version de Squarespace que votre site utilise.

La section de produits associés applique les modifications effectuées dans les styles de section de boutique. Les polices suivent les ajustements de police de votre site.

La police du titre de section et la taille du texte appliquent lʼajustement Titre 2 dans la section En-têtes. Pour changer la couleur :

  1. Accédez au panneau Couleurs et cliquez sur le thème de section appliqué à votre page Boutique.
  2. Modifiez lʼajustement Titre (Large).

La procédure à suivre pour accéder aux paramètres de style des produits associés dans la version 7.0 dépend du type de page Boutique pris en charge par votre template. Certaines options de style diffèrent également en fonction du type de page Boutique.

  • Page Boutique classique : ouvrez une page contenant des produits associés. Dans le panneau Styles du site, faites défiler l’écran jusqu’à la section Produits : produits associés.
  • Page Boutique avancée : sur la page Boutique, ouvrez le panneau Styles du site, puis cliquez sur Produit : Détails.

Utilisez les ajustements suivants pour personnaliser le style :

  • Éléments par ligne : modifiez le nombre de produits associés affichés par ligne.
  • Espacement des éléments : modifiez l’espacement entre les produits associés.
  • Valeur de proportion de l’image : modifiez le rapport largeur/hauteur de l’image mise en avant.
  • Alignement des détails : Centre, Gauche - modifiez l’alignement du texte correspondant au titre et au prix du produit.
  • Espacement du titre de l’élément : définissez la distance entre le titre du produit et l’image mise en avant.

La méthode pour modifier la police, la taille du texte et la couleur du titre de la section dépend du type de page Boutique pris en charge par votre template :

  Police et taille du texte Couleur
Avancé Titre 2 de la section Contenu : Polices Titre 2 de la section Contenu : Couleurs
Classique Titre 2 de la section Typographie Titre 2 de la section Couleur
Galapagos Activez les Titres personnalisés et utilisez la police Titre 2 dans la section du site Activer les Titres personnalisés et utiliser la couleur Titre 2 dans la section du site
Supply Police de titre dans la section Contenu principal Couleur de titre dans la section Contenu principal

Désactiver les produits associés

Pour désactiver les produits associés :

  1. Ouvrez le panneau Produits associés.
  2. Désactivez l’option Afficher les produits associés.
  3. Cliquez sur Enregistrer.
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.