Éléments Shopify - Variante de produit

Dans cet article, vous en apprendrez plus sur un autre élément Shopify : Variante de produit.

À propos de l’élément Variante de produit

L’élément Variante de produit vous permet d’afficher une variante de votre produit Shopify sur votre page pour augmenter votre taux de conversion.

Notez que vous pouvez trouver plus facilement cet élément en utilisant la fonction recherche au lieu de le chercher manuellement dans la barre latérale.

L’élément Variante de produit est disponible en 4 variantes pour l’instant et nous en ajouterons de nouvelles prochainement pour vous aider à gagner du temps.

Glissez une variante vers votre mise en page actuelle pour voir comment le configurer.

Configuration de l’élément Comparaison de prix de produit

L’élément Variante de produit peut être configuré de manière pointue pour répondre à vos besoins et vous permettre d’atteindre le meilleur taux de conversion possible.

Sélectionnez l’élément pour voir les paramètres disponibles.

Lorsque vous glissez et déposez l’élément Variante de produit dans l’éditeur de page, 2 choix s’offrent à vous pour la Source du produit :

  • Auto
  • Produit Personnalisé

Notez que si vous êtes sur une Page Produit et que vous utilisez l’élément Variante de produit, l’option Source du produit sera disponible. Par contre, si vous êtes sur une Page Standard et utilisez l’élément, l’option Source du produit est désactivée et Produit Personnalisé est choisi par défaut. 

Si vous choisissez Auto, le produit assigné à votre page lorsque vous avez créé cette page produit sera affiché dans l’éditeur de page. L’option Auto est celle par défaut lorsque vous utilisez l’élément Variante de produit

Vous pouvez aussi choisir Produit personnalisé et sélectionner le produit de votre choix.

Les paramètres dans les onglets Général et Style sont spécifiques à cet élément. Nous allons en apprendre plus ci-dessous.

Paramètres de l’onglet Général
1. CONTENU Variantes combinées : 

  • Désactivez cette option si vous souhaitez que toutes les variantes soient affichées séparément.
    • Mise en page des variantes : Vous pouvez choisir parmis 2 types d’affichage pour vos variantes : Vertical ou Horizontal.
    • Afficher l’étiquette de la variante : Activez cette option si vous souhaitez afficher l’étiquette de la variante.
    • Position de l’étiquette : Vous pouvez positionner l’étiquette de 2 manières différentes :
      • Au-dessus de la variante
      • A gauche de la variante
    • Affichage des options : Vous pouvez afficher les options de 2 manières différentes :
      • Menu déroulant : Les variantes seront affichées dans un menu déroulant, comme dans l’exemple ci-dessous.

pagefly product variant 4

      • Bouton Radio : Les variantes seront affichées sous forme de bouton radio comme dans l’exemple ci-dessous.
  • Activez cette option si vous souhaitez combiner toutes les variantes en une seule ligne. 

Texte de Rupture de stock : Tapez le texte que vous souhaitez afficher pour informer vos clients que certaines variantes de vos produits sont en rupture de stock.

2. ACTION Vous pouvez en apprendre davantage sur le paramètre Action ici.
3. SUIVI
  • Suivi : c’est ici que vous pouvez configurer : 
  • Un événement Google Analytics vers votre compte GA. Vous pouvez en apprendre plus sur comment le configurer ici
  • Facebook Pixel quand un client clique sur l’élément. Vous pouvez en apprendre plus ici.
4.ATTRIBUTS Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
5. VISIBILITE Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
6. ANIMATION Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
Paramètres de l’onglet Style
1. GLOBAL Vous pouvez en apprendre GLOBAL paramètres ici.
2. ESPACEMENT Vous pouvez en apprendre ESPACEMENT paramètres ici.
3. TYPOGRAPHIE Vous pouvez en apprendre TYPOGRAPHIE paramètres ici.
4. FOND Vous pouvez en apprendre FOND paramètres ici.
5. BORDURE Vous pouvez en apprendre BORDURE paramètres ici.
6. AFFICHAGE Vous pouvez en apprendre AFFICHAGE paramètres ici.
7. CSS PERSONNALISE Vous pouvez en apprendre CSS PERSONNALISE paramètres ici.

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French and Portuguese.Please check the flags on the page header.

I got it!
Languages