Ajouter plus de contenu à ma page produit Shopify

Dans cet article, vous apprendrez à enrichir le contenu de votre page produit pour transmettre plus d’informations sur votre produit et par conséquent augmenter les taux de conversion.

Relation entre la page de produits Shopify par défaut et Pagefly

Les produits Shopify par défaut ne contiennent que quelques informations. Dans cet esprit, PageFly vous permet d’ajouter plus d’informations sur vos produits pour augmenter les chances de convertir vos visiteurs en clients.

Il convient de se rappeler qu’une page de produit PageFly ne remplace pas complètement les pages de produit Shopify, mais sera ajoutée à la page de produit par défaut et réutilisera toutes les pièces de la page de produit d’origine. Vous trouverez ci-dessous comment nous avons utilisé les éléments PageFly pour améliorer une page de produit Shopify par défaut.

Vous pouvez regarder cette vidéo pour connaître les principes fondamentaux de la page produit PageFly

Étape 1.1: lier la page PageFly à une page de produit

Pour ajouter plus de contenu à une page de produit, la première étape que vous devez effectuer est illustrée ci-dessous:

  • Accédez aux pages de produits PageFly, cliquez sur Créer une nouvelle page de produit

product page 1

  • Dans le panneau Paramètres de page, entrez le titre de la page, choisissez Afficher les détails du produit par défaut, cliquez sur Suivant

product page 2

  • Choisissez le produit auquel vous souhaitez ajouter plus de détails sur sa page. Vous pouvez cocher plusieurs produits si vous souhaitez en appliquer plusieurs.
  • Cliquez ensuite sur le bouton Suivant.

product page 3

L’application lancera la page du produit pour le produit que vous avez précédemment choisi. De plus, on vous demandera de choisir un modèle pour la page. Dans cet article, nous avons choisi de commencer sans modèle.

product page 4

  • Appuyez rapidement sur Publier sur votre page de produit vierge nouvellement créée afin que nous puissions vérifier le contenu Shopify par défaut dans la vue en direct.

Notez que si vous choisissez plusieurs produits, lorsque vous cliquez sur Live View, il affichera un produit aléatoire parmi ceux choisis.

product page 5

Voici la vue en direct de votre page produit avec uniquement le contenu Shopify par défaut. Vous pouvez voir que la vue en direct est très simple par nature en raison du paramètre de produit par défaut de Shopify. Par conséquent, vous pouvez choisir de masquer cette section par défaut et de personnaliser les détails de votre produit avec les étapes suivantes.

product page 6

Étape 1.2: Personnaliser la page du produit sans la section produit par défaut de Shopify (PageFly ver 2.5.0)

Déplacez l’espace réservé Détails du produit dans votre éditeur de page

Par défaut, si vous souhaitez choisir d’afficher l’espace réservé Détails du produit, il sera placé en haut de la page. Cependant, dans de nombreux cas, vous ne souhaitez pas afficher l’espace réservé Détails du produit en haut ou vous souhaitez déplacer cet espace réservé où vous le souhaitez dans l’éditeur.

Dans l’image ci-dessous, l’espace réservé Détails du produit par défaut se trouve en haut de la page

Maintenant, vous voulez le déplacer dans la section suivante qui est About us Great coffee, made easy.

Cliquez sur l’icône Afficher le contour de la page du catalogue de gauche et déplacez la position comme l’image ci-dessous

Masquer l’espace réservé des détails du produit par défaut de Shopify

Pour masquer la section du produit par défaut Shopify, accédez aux paramètres de la page et choisissez Masquer les détails du produit par défaut dans la mise en page

product page 7

Note importante:

Vous ne pouvez pas modifier l’espace réservé aux détails du produit Shopify avec PageFly, vous devez vous rendre auprès de l’administrateur Shopify pour le modifier.

Vous pouvez voir cette vidéo pour avoir une meilleure démonstration de la façon de masquer l’espace réservé aux détails du produit Shopify

Une fois la section du produit par défaut Shopify masquée, vous pouvez personnaliser votre page de produit avec les éléments du produit Shopify tels que les détails du produit, l’image du produit, la variante du produit, le produit ajouté au panier, etc.

product page 8

Étape 2: ajouter une image avec du texte à votre page produit

Parce que les images sont l’un des meilleurs moyens de transmettre des informations, nous choisissons ici une section Image avec texte pour rendre la page plus attrayante.

product page 9

Étape 3: ajouter un élément Instagram à la page du produit

pagefly instagram En raison de la popularité d’Instagram, il peut être judicieux d’ajouter un élément Instagram à votre page. Instagram est disponible en tant que variante de l’élément social.

Après avoir fait glisser et déposé l’élément Instagram, il ressemblera à ceci dans votre éditeur.

Vous pouvez en savoir plus ici pour en savoir plus sur le l’élément Instagram.

Étape 4: ajouter une vidéo à cette page produit

product page 12 Étant donné que la vidéo peut transmettre plus d’informations, il est bon d’en avoir une pour relayer les informations sur le produit sur votre page. Vous pouvez choisir entre une vidéo HTML5 ou une vidéo Youtube sous l’élément Media.

Voici le fruit du travail après avoir ajouté un élément vidéo sur le produit.

product page 13

Étape 5: Ajoutez une section de témoignage à votre page de produit

Après cela, ajoutons une autre section pour convaincre vos visiteurs que l’achat de votre produit est un bon choix. Dans ce cas, j’utilise la section Témoignages. Accédez simplement à Ajouter une section> Sections prédéfinies> Témoignages> Faites glisser et déposez les variations que vous souhaitez sur la page.

testimonial

Cette section est utile pour gagner la confiance de vos clients en montrant une preuve sociale.

Étape 6: ajouter un bouton Ajouter au panier pour augmenter la probabilité de conversion

Par défaut, il n’y a qu’un seul appel à l’action (CTA) sur la page produit qui est le bouton inclus dans l’élément produit. Par conséquent, l’ajout d’un élément Ajouter au panier dans divers emplacements (par exemple, sous la vidéo ou le témoignage du produit) sur votre page produit augmentera votre taux de conversion.

Liez ce bouton au même produit de cette page de produit afin qu’il puisse être ajouté au panier de votre visiteur après avoir cliqué sur le bouton.

product page 16

Résultat

Vérifiez la vue en direct de la page de votre produit après avoir ajouté une section Image avec texte, un élément Instagram, un élément Youtube, une section Témoignage et un élément de bouton Ajouter au panier. Vous verrez le contenu Shopify par défaut / le contenu du produit personnalisé en haut, suivi de votre contenu PageFly nouvellement ajouté.

Ces guides de conception de pages produits Shopify et de personnalisation de votre page de produits indiquent comment créer une page attrayante et augmenter le taux de conversion de votre page de produit.

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, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages