Bouton de lien vers la page de détails du produit avec l'élément Afficher plus de produits

À propos du produit Voir plus d'éléments

Dans certains cas de conception, au lieu de placer le bouton CTA Ajouter au panier dans l'élément de produit ou de liste de produits, vous pouvez placer le Bouton Afficher plus pour conduire les utilisateurs vers une page de détails du produit.

Ce bouton relie les utilisateurs à la page d'informations détaillées du produit, où ils peuvent explorer les fonctionnalités, les spécifications, les avis et d'autres détails qui les aident à prendre une décision d'achat éclairée. 

Associez le bouton Afficher plus de produits à une page de détails de produit

Suivez ces étapes pour lier le bouton Afficher plus de produits à une page de détails de produit dans GemPages v7 :

Étape 1 : Accéder à l'éditeur GemPages

• Depuis votre interface administrateur Shopify, accédez à Générateur de pages GemPages application sous le Apps .
• Accédez à Pages où vous pouvez localiser toutes vos pages créées avec GemPages.
• Cliquez sur la page cible pour l'ouvrir dans l'éditeur.

Étape 2 : Ajouter l'élément de bouton « Voir plus de produits »

• Dans la barre latérale gauche, utilisez la barre de recherche pour trouver le Voir le produit Plus Élément.
• Faites glisser et déposez cet élément dans votre conception, dans un Liste des produits or Produit .

Étape 3 : Personnalisez le bouton

Une fois le bouton en place, vous pouvez le modifier pour qu'il corresponde à vos exigences de conception et de fonctionnalité :

• Icône: Ajoutez une icône à votre bouton pour le rendre plus attrayant visuellement.

• Texte : Modifiez le texte du bouton en fonction de vos besoins, par exemple « Afficher les détails » ou « En savoir plus ».

• Alignement: Alignez le bouton dans son conteneur (gauche, centre ou droite).

Pour plus de détails sur la personnalisation du bouton Afficher plus de produits, veuillez vous référer à cet article.

Étape 4 : Enregistrer et publier

Une fois terminé, enregistrez les modifications et cliquez sur Publier pour republier votre page.

Résultat:

Bonnes pratiques d'utilisation du bouton « Afficher plus » du produit

• Restez cohérent : Utilisez le même style de bouton « Voir plus » (couleur, taille, police) dans toutes les sections de produits pour créer une conception de magasin cohérente.
• Utiliser du texte clair : Remplacez le texte générique comme « Cliquez ici » par des CTA descriptifs tels que « Afficher les détails », « Voir plus » ou « En savoir plus ».
• Évitez les CTA multiples dans un même bloc : Si votre fiche produit comporte déjà un bouton « Ajouter au panier », évitez d'ajouter un autre grand appel à l'action à côté. Cela permet de réduire l'encombrement visuel et les difficultés de prise de décision.
• Placement au test de conversion : Placez le bouton Afficher plus soit sous l'image du produit, soit sous le titre du produit : ces deux positions sont facilement lisibles et améliorent généralement les taux de clics.
• Optimiser pour les mobiles : Vérifiez l’espacement et l’alignement des boutons dans la vue mobile pour éviter tout chevauchement ou remplissage irrégulier.

Questions fréquentes

1. Pourquoi mon bouton « Voir plus de produits » ne renvoie-t-il pas vers la page de détails du produit ?

Assurez-vous que le bouton est placé à l'intérieur Un élément « Produit » ou « Liste de produits ». Son fonctionnement sera perturbé s'il est placé en dehors de ces conteneurs.

2. Puis-je lier le bouton à une page personnalisée au lieu de la page de détails du produit ?

Non. L'élément « Voir plus de produits » est conçu pour créer automatiquement un lien vers la page de détail de chaque produit Shopify uniquement. Pour créer un lien vers une autre page, utilisez l'élément habituel. Élément bouton à la place.

3. Puis-je avoir les boutons Ajouter au panier et Afficher plus ensemble ?

Oui. Vous pouvez placer les deux éléments dans le même élément de produit/élément de liste de produits pour offrir aux clients le choix entre un ajout rapide ou une vue détaillée. Veillez à maintenir un design équilibré et cohérent.

4. Le bouton Afficher plus fonctionne-t-il avec les données de produit dynamiques ?

Oui. Lorsqu'il est placé dans un élément Produit ou Liste de produits, le bouton redirige automatiquement vers la page Shopify du produit correspondant.