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.
Vous pouvez vérifier plus de détails dans le didacticiel vidéo ci-dessous.
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
- 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
- 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.
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.
- 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.
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.
É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
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.
É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.
Étape 3: ajouter un élément Instagram à la page du produit
 |
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
 |
É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.
É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.
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.
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.
