Élément de produits connexes

Qu'est-ce que l'élément produit associé ?

L'espace Élément de produit associé Vous permet d'afficher des articles similaires ou complémentaires au produit principal consulté par le client. Par exemple, si un acheteur regarde une chemise, l'élément de produit associé peut lui recommander des pantalons, des vestes ou d'autres chemises de la même collection.

Principaux avantages:

• Expérience client améliorée: Permet aux acheteurs de découvrir plus facilement des articles qu’ils pourraient également aimer.
• Ventes et AOV boostés : Encourage les ajouts ou les mises à niveau, générant des valeurs de commande plus élevées.
• Opportunités de ventes croisées et de ventes incitatives : Proposez des articles complémentaires (vente croisée) ou des versions améliorées (vente incitative).

Comment ajouter des produits associés dans Shopify avec GemPages

L'espace Élément de produits associés GemPages vous permet d'afficher des suggestions dynamiques sur vos pages produits. Vous pouvez afficher des produits d'une même collection, d'un même fournisseur ou d'une même étiquette, garantissant ainsi la pertinence constante des recommandations.

Étape 1 : Préparer des sources de produits connexes dans Shopify

Avant d'ajouter l'élément dans GemPages, assurez-vous que vos produits sont correctement organisés dans Shopify.

• Pour créer une collection :

Allez dans Administration Shopify > Produits > Collections > Créer une collectionAjoutez des détails et cliquez Enregistrer.

• Pour ajouter des fournisseurs et des balises, accès Administrateur Shopify > Produits, cliquez sur un certain produit et accédez à la Organisation du produit section pour ajouter le nom et l'étiquette du vendeur.

Étape 2:Dans l'éditeur GemPages V7, recherchez «Produits associés"Dans le barre de recherche.

Étape 3:Faites glisser et déposez l'élément à l'emplacement choisi sur votre page produit.

Lorsque vous cliquez sur l'élément, vous verrez le Panneau des paramètres À gauche. Il contient deux onglets principaux : Paramètres et Avancée:

Configurer l'onglet Paramètres 

1. Disposition

• Grille:La liste des produits sera présentée dans le style par défaut.
• Slider:Les images du produit seront affichées dans un carrousel.

2. Source du produit

• Même collection:Afficher les produits de la même collection.
• Même fournisseur:Afficher les produits du même fournisseur.
• Même étiquette: Extraire les produits partageant la même balise.

(Facultatif) Exclure des collections spécifiques à l'aide de leur identifiant.

3. Afficher

• Produits : Vous pouvez définir le nombre total de produits associés à afficher à l'aide du curseur ou du champ de saisie. Le maximum est 50.
• Colonne : définissez le nombre de produits qui apparaissent par ligne.

4. Espacement des éléments

Adapter espace entre les colonnes et espacement des rangées entre les éléments.

5. Style de l'article

• Hauteur : Choisissez entre « même hauteur » ou « s'adapter à la hauteur du contenu ».

6. Taille

• Pleine largeur : activez cette option pour étendre la liste de produits sur toute la largeur de la page. Vous pouvez également saisir une valeur de largeur spécifique dans le champ prévu à cet effet pour définir votre largeur préférée en pixels.
• Rembourrage : ajouter un espacement intérieur.

7. Contexte

Choisissez une couleur ou une image.

8. Forme

Personnalisez la bordure, les coins et l'ombre.

9. Aligner

Définissez l'alignement de votre grille de produits.

Configurer l'onglet Avancé 

Pour une personnalisation plus avancée, accédez à l'onglet Avancé et suivez les instructions cet article.