Comment concevoir une page de détails de produit avec des éléments de produit dans GemPages

Vous pouvez créer votre page de détails de produit de l'une des manières suivantes :

• À l'aide d'une section de détails de produit prédéfinie à partir de la bibliothèque de modèles.
• Commencer à partir de zéro avec les éléments de produit

Quels sont les éléments du produit ?

L' Élément de produit dans GemPages vous permet d'afficher dynamiquement les informations sur les produits Shopify sur votre page.

Usage: Ne peut être utilisé qu'à l'intérieur d'un Module produit, qui sert de conteneur pour tous les éléments liés au produit.

Éléments enfants : Améliorez votre page de détails de produit avec les éléments suivants :

• Éléments principaux: Image, Titre, Description, Prix, Variantes, Bouton Ajouter au panier
• Autres éléments: SKU, badge produit, boosters de conversion (comptes à rebours, compteurs de stock, etc.)

Comment concevoir une page de détails de produit à l'aide d'éléments de produit

Étape 1 : Ouvrez le Éditeur GemPages sur votre boutique Shopify. Sélectionnez la page produit à modifier ou créez-en une nouvelle.

Étape 2 : Dans la barre latérale gauche, faites glisser et déposez un Module produit sur votre page. 

Par défaut, le module comprend des éléments principaux comme Image, titre, description, prix, variantes et bouton Ajouter au panier, automatiquement synchronisé depuis Shopify.

Éléments clés du produit à ajouter et à personnaliser

1. Titre du produit

Le titre s'affiche par défaut lorsque vous ajoutez l'élément. S'il est supprimé ou doit être repositionné, faites-le glisser et déposez-le depuis la barre latérale.

2. Images et miniatures de produits (image, vidéo, bannière vidéo, etc.)

L'image s'affichera par défaut lors de l'ajout du module produit. Si vous la supprimez ou souhaitez la placer plus loin, faites-la glisser. Image du produit élément de la barre latérale vers une nouvelle position. Cet élément prend en charge images de produits, vidéos et bannières vidéo pour vous aider à présenter votre produit visuellement.

Lire la suite: Guide des éléments d'image du produit

3. Badge de produit

Les badges de produit, tels que « Soldes -50 % » ou « Édition limitée », permettent de mettre en valeur les attributs particuliers de votre produit.

Dans l'élément Produit, faites glisser et déposez le Élément de badge de produit dans l'éditeur GemPages.

Lire la suite: Guide des éléments du badge produit

4. Référence du produit

L'affichage du SKU (Stock Keeping Unit) aide les clients et les directeurs de magasin à suivre efficacement les produits.

Recherche pour le Produit REF dans l'élément produit. Faites-le glisser et déposez-le dans l'éditeur GemPages.

Lire la suite: Guide des éléments de référence des produits

5. Description du produit

Les descriptions de produits apparaissent par défaut mais peuvent être déplacées. 

Faites glisser le Description du produit élément de la barre latérale si des ajustements sont nécessaires.

6. Prix du produit

Le prix apparaît par défaut et est extrait directement de Shopify.

Repositionnez le Prix ​​du produit élément en le faisant glisser vers votre emplacement préféré si nécessaire.

Lire la suite: Guide des éléments de prix des produits

7. Quantité de produit

Affichez le sélecteur de quantité, permettant aux clients de choisir le nombre d'articles qu'ils souhaitent acheter.

Si vous repositionnez ou retirez le La quantité de produit élément, faites-le glisser depuis la barre latérale vers l'endroit où vous souhaitez qu'il soit affiché.

Lire la suite: Guide des éléments de quantité de produit

8. Options/variantes du produit

Les variantes de produits telles que la couleur, la taille et le matériau se chargent automatiquement.

Pour ajuster l'affichage ou modifier la position des options du produit, faites glisser le Variantes de produit élément à l'emplacement souhaité. Vous pouvez personnaliser les styles de variantes avec des échantillons pour les options de couleur ou des listes déroulantes pour une sélection plus facile.

Lire la suite: Guide des variantes et des échantillons de produits

Les variantes gèrent des attributs tels que la couleur, la taille et la matière (si elles sont définies comme variantes Shopify). Cependant, pour obtenir des informations supplémentaires sans impact sur le SKU (comme les instructions d'entretien), utilisez les métachamps de produit Shopify et affichez-les via du texte dynamique ou des blocs personnalisés dans votre module produit.

9. Bouton Ajouter au panier/Acheter maintenant

Ce bouton est inclus par défaut et vous pouvez personnaliser sa couleur, son texte et sa taille pour le faire ressortir sur la page.

Faites glisser le bouton depuis la barre latérale s'il a été supprimé ou repositionné. Personnalisez le comportement du bouton pour rediriger vers le paiement, ouvrir le tiroir du panier ou rester sur la même page.

Lire la suite: Guide des éléments du bouton Ajouter au panier

10. Boosters de conversion

L’ajout d’éléments qui créent de l’urgence ou fournissent une preuve sociale peut considérablement augmenter les conversions.

• GemPages vous permet d'ajouter Compte à rebours or Compteurs de stock
• Vous pouvez également intégrer Insignes de confiance or Avis clients à partir d'applications tierces. Pour obtenir des instructions détaillées sur l'intégration d'une application tierce avec GemPages, reportez-vous à cet article.

Étape 4 : Une fois que vous êtes satisfait de votre conception, enregistrez votre progression et publiez vos modifications.

Questions fréquentes

1. Puis-je utiliser un modèle de page produit pour différents produits avec des informations différentes ?

Oui. Vous pouvez créer un modèle de page produit universel en utilisant le Élément de produit et extraire du contenu unique spécifique au produit en utilisant Champs méta de produits ShopifyCela permet à chaque produit d'afficher son propre contenu dynamique même lorsqu'il partage la même conception de page.

2. Puis-je modifier le titre ou la description du produit directement dans GemPages ?

Non. Les éléments « Titre du produit » et « Description du produit » sont automatiquement extraits de l'interface administrateur Shopify. Si vous devez les modifier, vous devez les modifier directement dans l'interface administrateur Shopify.

3. Les métachamps de produits sont-ils pris en charge dans tous les plans GemPages ?

Les métachamps de produits sont pris en charge dans GemPages V7. Cependant, assurez-vous que votre forfait inclut la fonctionnalité de texte dynamique pour en profiter pleinement.