Concevoir des échantillons de couleurs de produits avec l'élément Variantes et échantillons

Qu'est-ce qu'un échantillon de couleur de produit ?

A échantillon de couleur du produit Il s'agit d'un bouton cliquable et coloré affiché sur votre page produit. Chaque échantillon représente une option de couleur du produit. Lorsqu'un acheteur clique sur un échantillon, l'image et les détails du produit s'actualisent instantanément pour correspondre à la couleur sélectionnée.

Au lieu de naviguer dans des menus déroulants, les échantillons de couleurs permettent aux clients de :

• Visualiser les variations de produits (par exemple, des t-shirts rouges, bleus, noirs).
• Comparez les options disponibles un coup d'oeil.
• Améliorez l'expérience d'achat, ce qui peut augmenter les conversions.

Comment configurer des variantes de couleurs dans Shopify

GemPages affiche des échantillons de couleurs de produits en fonction des variantes que vous avez déjà configurées dans Shopify.

Étape 1 : Connectez-vous à votre Administrateur Shopify.

Étape 2 : Allez dans Produits > Sélectionnez un produit que vous souhaitez modifier.

Étape 3 : Faites défiler jusqu'à la Variantes .

Étape 4 : Ajoutez ou modifiez vos options de couleur (par exemple, rouge, bleu, vert).

Étape 5 : Cliquez à nouveau sur Enregistrer.

Comment ajouter des échantillons de couleurs de produits dans GemPages

Étape 1 : ouvrez l'éditeur

De ton Tableau de bord GemPages, sélectionnez votre modèle préféré (modèle de page produit) et ouvrez-le dans le Éditeur.

Étape 2 : Insérer l'élément Variantes et échantillons

• Dans la barre latérale gauche, accédez à la Produit .
• Localisez le Élément Échantillons de produits.
• Faites glisser et déposez l'élément à l'intérieur de votre Module produit sur la page.

Étape 3 : Configurer les paramètres des variantes

• Cliquez sur l'élément pour ouvrir le panneau des paramètres dans la barre latérale gauche.
• Sous Paramètres des variantes, assurez-vous que Type est fixé à Séparez les morceaux.

Cela garantit que les variantes sont affichées dans des catégories distinctes.

Étape 4 : Activer les échantillons de couleurs du produit

• Allez dans Option > Style dans les paramètres de l'élément.
• Choisir Nuancier.

• Cliquez à nouveau sur Modifier la couleur ouvrir le Configurer le style des variantes Panneau. Vous y trouverez des outils pour gérer et personnaliser l'apparence de vos échantillons.

Étape 5 : Attribuer des couleurs aux variantes

• Cliquez sur chaque variante.
• Choisissez une couleur dans la palette or saisir manuellement le code hexadécimal pour des couleurs précises.
• Lorsque vous avez terminé, cliquez S'applique à tous les produits.

Cela garantit que la valeur de couleur sélectionnée est appliquée universellement à tous les produits portant le même nom de variante (par exemple, « Rouge » sera cohérent sur chaque produit doté d'une option Rouge).

Étape 6 : Enregistrer et publier

Après avoir configuré les échantillons de couleurs de votre produit, cliquez sur Enregistrer dans le coin supérieur droit.

Puis cliquer Publier pour appliquer les modifications en direct sur votre boutique.