13 caractéristiques nécessaires à la conception de pages de produits de commerce électronique pour des taux de conversion plus élevés

Ou la conversion dans la pratique de la conception de page de produit.
Lorsque je décrirai chacun des éléments de base nécessaires à la conception damp;rsquoune page de produits de commerce électronique à haut taux de conversion, je me concentrerai sur un exemple de site Web qui illustre bien chaque point. suivez de haut en bas, verrez que chaque élément (sauf peut être les blancs) fait partie de la formule de succès damp;rsquoAmazon, mais chaque site a trouvé un moyen intéressant de lui donner une touche unique. 1. Barre damp;rsquoadresse Un exemple damp;rsquoURL correctement exécutée à partir du site Web Bean box. Vous ne souciez peut être pas beaucoup de la barre damp;rsquoadresse de la page produit, mais voici quelques conseils pour suivre des formules strictes. Voici ce dont avez besoin:
HTTPS. Samp;rsquoil samp;rsquoagit damp;rsquoun site de commerce électronique, il namp;rsquoest pas négociable. Camp;rsquoest aussi la première marque de confiance que les visiteurs rencontrent habituellement sur votre site. Structure simple. Étant donné que les produits se trouvent de plus en plus profondément dans la structure du sentier, lamp;rsquoaccent devrait être mis sur le maintien damp;rsquoune étiquette claire et damp;rsquoune conformité facile. Lamp;rsquoajout damp;rsquoun produit SKU et damp;rsquoautres balises de référence à lamp;rsquoURL ne fait que distraire les visiteurs. Escargot optimisé. Lorsque considérez le référencement des pages de produits de commerce électronique, les principaux mots clés des pages de produits devraient ressembler à des escargots. En damp;rsquoautres termes, si votre produit samp;rsquoappelle Bean box, considérez Bean Box comme un escargot référencé. 2. Blanc Un exemple vide pour mettre en évidence le produit sur le site Web damp;rsquoApple. Les meilleures pages de produits de commerce électronique ne contiennent pas nécessairement beaucoup de contenu. Apple est déjà synonyme de minimalisme, il namp;rsquoest donc pas surprenant que leur conception web utilise de grands espaces pour encadrer les produits. Voici quelques conseils supplémentaires pour minimiser lamp;rsquoespace que pouvez obtenir de cet exemple et damp;rsquoautres sites de commerce électronique
Quelles options fonctionnent bien avec les blancs:
Gardez le texte clair sur la page du produit et utilisez de grands espaces entre les projets (décrits ci dessous) pour aider les clients à se concentrer sur un seul détail clé à la fois. Utilisez une couleur de fond solide (de préférence blanche) après la photo et la description du produit. Cela aide à maintenir lamp;rsquoattention sur le produit. cela aide, ne placez pas de barre latérale sur la page produit. Lorsque visualisez trois ou quatre images ou vidéos damp;rsquoun produit, utilisez le plug in Gallery rapide et riche en fonctionnalités pour réduire la quantité damp;rsquoespace utilisé. 3. Navigation Exemple de navigation de chapelure que Costco a bien fait. Lamp;rsquoune des difficultés rencontrées par les consommateurs pour utiliser les sites de commerce électronique est la navigation. Bien sûr, si avez une barre de recherche, pouvez toujours taper exactement le produit que voulez (si savez comment il samp;rsquoappelle) non, devez cliquer beaucoup pour revenir aux étapes de la requête de recherche originale.
En tant que concepteur, pouvez utiliser la navigation des miettes en haut de la page du produit pour simplifier le travail que vos visiteurs doivent accomplir. Après tout, ils sont déjà intéressés par ce produit ou ce type de produit, namp;rsquoest ce pas? Comme la chapelure affiche toutes les catégories et sous catégories qui ont mené au produit, il est idéal de revenir à lamp;rsquoétape précédente afin quamp;rsquoils namp;rsquoaient pas à recommencer la recherche. 4. Photos et vidéos du produit Bellroy inclut une combinaison de photos et de vidéos dans sa galerie damp;rsquoimages. Je dirais que neuf fois sur dix (ou plus) trouverez une image du produit sur le côté gauche de la page. Camp;rsquoest logique quand on y pense. développez un site Web dans une langue écrite de gauche à droite, la ligne de vision de votre client va automatiquement dans le coin supérieur gauche de la page, où
Des photos du produit sont disponibles.
Camp;rsquoest pourquoi ne pouvez pas être avare de faire des photos ou des vidéos pour votre site de commerce électronique. Il samp;rsquoagit de la première impression du visiteur sur le produit, qui peut prendre ou compromettre de façon réaliste sa décision damp;rsquoachat. Comment puis je mamp;rsquoassurer que lamp;rsquoimage du produit est utilisée correctement? Tout damp;rsquoabord, installez un plug in damp;rsquooptimisation, comme smoush pro. Vous êtes sur le point de de très gros fichiers médias sur votre site et ne voulez pas affecter la vitesse de téléchargement ou la qualité de lamp;rsquoimage pendant le processus de téléchargement. Ne pas inclure damp;rsquoimages ou de vidéos floues ou à basse résolution. Namp;rsquoincluez pas lamp;rsquoimage si elle ne décrit pas votre produit dans la meilleure lumière ou si elle namp;rsquoest pas une représentation exacte (c. à D. quamp;rsquoelle est trop agréable). Comme le client ne peut pas tester le produit à lamp;rsquoavance, veuillez diverses images pour afficher le produit sous différents angles ou lorsque le modèle est utilisé. Namp;rsquoutilisez pas la vidéo de promotion du produit ici Au lieu de cela, utilisez la vidéo qui montre réellement le produit. En outre, si votre produit a des couleurs ou des tailles différentes, elles doivent également être affichées ici. La meilleure façon de le gérer est de le faire changer au fur et à mesure quamp;rsquoil se produit (voir les informations ci dessous). pouvez recueillir du contenu généré par lamp;rsquoutilisateur, incluez le ici (les permissions de lamp;rsquoutilisateur sont évidemment nécessaires). Pour les produits qui bénéficieront de lamp;rsquoexploration 360, envisagez damp;rsquoutiliser le plug in de réalité virtuelle. 5. Nom du produit Bose Product Name est une combinaison parfaite de marques nominatives et damp;rsquoétiquettes de produits claires. En ce qui concerne le nom du produit, plus savez ce quamp;rsquoil est, mieux camp;rsquoest. Cela ne veut pas dire écrire un nom de produit à trois lignes, comme le voyez parfois sur Amazon, décrivant le produit avec des détails exagérés: « le produit X est dans la forêt rouge en feu
Lors de la réservation damp;rsquoun hôtel ou damp;rsquoun restaurant, voudrez peut être choisir de cette façon et les visiteurs seront informés du nombre damp;rsquoautres consommateurs qui pensent la même chose envisagent damp;rsquoacheter: Priceline effectue des tests sociaux de différentes façons, mais il est adapté à ce style de commerce électronique. Gardez à lamp;rsquoesprit que votre produit peut ne pas recevoir de commentaires positifs au début de lamp;rsquoutilisation, ce qui est bon. Camp;rsquoest pourquoi les rapports réels sont présentés sous la description du produit. Les visiteurs peuvent défiler vers le bas et lire eux mêmes la plainte pour déterminer si elle est valide et pour voir si lamp;rsquoentreprise derrière elle entend et répond à ces plaintes. 8. Description du produit Harryamp;rsquos comprend une brève description des avantages réels du produit pour le client. Comme je lamp;rsquoai déjà dit, il est préférable de garder la page du produit lisible sur le texte, surtout au dessus du pli. Je recommande damp;rsquoutiliser des messages courts et axés sur les valeurs dans la description. Bien sûr, devriez décrire brièvement ce quamp;rsquoest le produit, mais il est important de prendre le temps de le vendre. Cela signifie mettre en évidence les avantages et donner au client une raison de voir le reste de la page. 9. Modifications La meilleure chose à propos de ces variantes est que lorsque sélectionnez différentes variantes, la photo de gauche est mise à jour pour les correspondre. Tous les produits de la boutique en ligne ne sont pas disponibles avec des variantes que le client peut choisir. Cependant, samp;rsquoil y en a, faites leur un choix très facile parmi les options disponibles et faites leur savoir à lamp;rsquoavance quelles options ne sont pas disponibles. Il namp;rsquoy a rien de plus troublant pour les clients que de trouver le produit quamp;rsquoils veulent, de choisir la taille, puis de cliquer sur lamp;rsquoappel à lamp;rsquoaction et de découvrir que le produit namp;rsquoexiste plus dans cette variante. Par conséquent, lors de la conception de cet élément, devez damp;rsquoabord le rendre facile à utiliser.
Encore. avez plus de cinq options à voir, le menu déroulant est fantastique. Par conséquent, bien sûr, utilisez un indicateur clair qui indique au client quels changements peuvent être apportés. Le texte gris fonctionne exactement de la même manière que la suppression complète des variantes des produits non disponibles. Johnny cupcakes utilise du texte gris pour afficher les changements de stock. Parce quamp;rsquoils sont tous sur le sujet, camp;rsquoest une bonne façon de sensibiliser les visiteurs à lamp;rsquourgence. Par exemple, un article populaire sera bientôt vendu à une certaine taille. Au lieu damp;rsquoattendre quamp;rsquoil ferme la variante, placez une alerte rouge vif à côté pour informer les visiteurs que votre inventaire est faible et ou sera bientôt réapprovisionné. Cela pourrait inciter davantage de clients à anticiper. 10. CTA Barnes amp;amp Noble a mis son CTA à lamp;rsquoavant garde. De plus, Notez comment ils utilisent le bouton Ghost pour contrer les CTA plus petits. Le bouton CTA joue évidemment un rôle important dans le processus de transformation du commerce électronique, camp;rsquoest pourquoi ne pouvez pas vraiment essayer de mettre votre invitation où. Ce bouton doit être situé au premier plan et au Centre lorsquamp;rsquoil samp;rsquoagit de pages de produits. Il doit également être bien conçu, coloré et audacieux et dire aux clients ce qui se passe lorsquamp;rsquoils cliquent dessus. Ajouter au panier place les articles dans le panier afin quamp;rsquoils puissent continuer à parcourir le magasin. Acheter maintenant lance le processus damp;rsquoachat. Ajouter à la liste des souhaits télécharge le produit dans la liste et lamp;rsquoenregistre pour une utilisation future. la page de votre produit est longue et que voulez assurer que lamp;rsquoidée damp;rsquoachat est toujours à la réception, pouvez utiliser les techniques suivantes (par exemple, une barre supérieure collante) pour garder le bouton toujours présent: Camp;rsquoest une bonne touche, pas ce que voyez souvent sur les sites de commerce électronique
E. une autre chose à faire dans cette section consiste à inscrire les détails pertinents de lamp;rsquoachat à côté de la LTC. Exemple: date damp;rsquoexpédition prévue. Une brève description de votre politique de retour et de remboursement. Toute dépense ou taxe liée à lamp;rsquoachat. Déclaration de garantie. 11. Médias sociaux Lamp;rsquoicône sociale simple et claire sur la page produits Poo pourri est un bon toucher. Idéalement, les icônes des médias sociaux sont affichées sur chaque page du site WordPress. Samp;rsquoils namp;rsquoapparaissent pas déjà, assurez de les inclure dans les pages des produits de commerce électronique, en accordant une attention particulière aux plateformes compatibles avec lamp;rsquoimage. Cela signifie Pinterest, Instagram, Facebook et même Twitter. Cela permettra à vos clients de partager facilement leurs produits préférés avec les autres. 12. Caractéristiques du produit Les gadgets comme fitbit ont besoin damp;rsquoespace pour afficher leurs spécifications techniques, et cet exemple semble fantastique. la description du produit est lamp;rsquoendroit où discutez brièvement de la valeur du produit, alors les caractéristiques du produit sont lamp;rsquoendroit où pouvez obtenir plus de détails techniques. Les spécifications dimensionnelles, les instructions damp;rsquoentretien et damp;rsquoentretien, les exigences de montage, les pièces incluses, etc., doivent être incluses dans les sections suivantes. avez beaucoup de choses à faire, utilisez les onglets pour intégrer lamp;rsquoinformation dans un espace afin damp;rsquoéviter que vos clients ne soient obligés de rouler trop loin. 13. Produits connexes Toutes les parties du produit concerné ne semblent pas identiques. Pour certains, seule lamp;rsquoimage, le nom et lamp;rsquoétoile du produit suffisent. Même si voulez réduire le nombre de clics de vos clients, camp;rsquoest un bon choix. En utilisant les données de votre site Web sur vos produits, les tendances damp;rsquoachat communes et les habitudes damp;rsquoachat personnelles de vos clients, pouvez créer une section utile
Edge « ce n’est pas seulement une bonne occasion de vendre à la hausse ou de Cross Sell des produits qui les intéressent déjà, c’est aussi un excellent moyen de leur donner d’autres conseils au cas où ce Conseil particulier ne marcherait pas. Une fois que aurez terminé de concevoir la page des produits de commerce électronique avec le projet ci dessus, n’oubliez pas d’utiliser le plugin wordpress. Pour optimiser les performances. Même si votre page semble bien, la mise en page est parfaite et peut coûter cher si la page est chargée trop longtemps ou si les visiteurs voient des alertes de sécurité. Par conséquent, si ne les avez pas déjà installés sur votre site, assurez damp;rsquoavoir un plug in damp;rsquooptimisation des performances (comme hummingbird) et un plug in de sécurité (comme defender). Optimisation de la page des produits damp;rsquoaffaires électroniques en plus des considérations de conception de la page des produits, il y a des conseils finaux sur la façon damp;rsquoaméliorer la mise en page et de samp;rsquoassurer que votre contenu décrit adéquatement les avantages et les fonctions du produit (et de renforcer la confiance avec votre entreprise), Trouver des moyens de mettre en œuvre le déclencheur psychologique pour attirer lamp;rsquoattention des consommateurs sur lamp;rsquoajout damp;rsquoun bouton panier. Une fois que avez établi la conception de la page du produit de commerce électronique en utilisant la méthode ci dessus, assurez que votre page est testée A B pour voir si vos visiteurs seront plus réceptifs à damp;rsquoautres projets ou mises en page. Le modèle Amazon est un choix judicieux. Il maintient les détails de votre produit dans un ordre logique, rend les pages faciles à gérer et assure une structure cohérente dans lamp;rsquoensemble du site. Trouvez la conception damp;rsquoun site de commerce électronique plus difficile que celle damp;rsquoun site damp;rsquoentreprise ou damp;rsquoun blog traditionnel? Étiquette: transformation du commerce électronique page des produits du commerce électronique