Comment personnaliser vos pages WooCommerce

WooCommerce offre de nombreux avantages aux propriétaires de boutiques en ligne qui opèrent sur des marchés e-commerce à vocation internationale.

Par exemple, vous pouvez utiliser un plugin WooCommerce, tel que Weglot traduire l'intégralité de votre boutique en ligne (y compris les pages WooCommerce ) afin d'atteindre davantage de clients à travers le monde et de répondre aux besoins d'une clientèle internationale, à l'instar d'Amazon.

Dans cet article, nous vous expliquons comment personnaliser vos pages WooCommerce afin d'augmenter vos taux de conversion à l'aide de divers WooCommerce , extensions et techniques WooCommerce , notamment :

• Classez intelligemment vos pages produits grâce à un modèle de page produit
• Hiérarchisez vos informations sur les produits grâce à un modèle de produit
• Veiller à ce que les images soient adaptées au public
• Faciliter le passage d'une langue à l'autre et d'une monnaie à l'autre pour votre client
• Facilitez l'accès au bouton "Ajouter au panier" dans la présentation de votre produit

Tri intelligent des pages de produits

Si vous utilisez WooCommerce un certain temps déjà, vous savez probablement que vos produits sont triés par ordre chronologique par défaut.

Cela signifie que WooCommerce ajoutés le plus récemment apparaissent en haut de la page et que les produits qui ont été ajoutés en premier à votre boutique apparaissent en bas de la page.

Mais vous devriez également pouvoir personnaliser les pages WooCommerce sur votre propre boutique en ligne.

En tant que propriétaire WooCommerce cherchant à conquérir de nouveaux marchés, vous avez besoin d'un contrôle plus précis sur la manière dont vos produits apparaissent sur l'interface utilisateur.

Par exemple, vous pouvez trier WooCommerce en fonction de facteurs tels que :

• Prix du produit (de haut en bas ou de bas en haut)
• Popularité (produits les plus vendus en tête de liste)
• Classement et évaluation des produits (les produits les mieux notés ou les produits ayant reçu les meilleures évaluations figurent en haut de la page)

La bonne nouvelle, c'est que vous pouvez utiliser des plugins WordPress pour optimiser la conception et les fonctionnalités de votre page produit. Par exemple, le plugin gratuit WooCommerce Product Sorting Options peut vous aider à définir comment WooCommerce doivent être triés sur la page principale de votre boutique.

Pour commencer, installez et activez le plugin WooCommerce Product Sorting Options sur votre site WordPress.

Une fois le plugin activé, rendez-vous dans Apparence > Personnaliser > WooCommerce > Catalogue de produits.

Vous trouverez ici différentes options pour configurer le tri des produits sur la page principale de votre boutique. Cela vous donne la liberté de trier les listes en fonction de ce qui donnerait la meilleure expérience utilisateur : par type de produit, par prix le plus bas au plus élevé, etc.

Vous pouvez utiliser le menu déroulant Tri par défaut des produits pour décider comment WooCommerce trier les produits par défaut :

• Tri par défaut
• Popularité
• Note moyenne
• Trier par le plus récent
• Trier par prix (ascendant)
• Trier par prix (desc)

En outre, vous pouvez également donner une étiquette au nouveau tri par défaut.

Par exemple, si vous optez pour la popularité, vous pouvez l'appeler " Tri par popularité". Cette option s'affichera sur la page d'accueil de votre site.

Enfin, vous pouvez sélectionner des options de tri à ajouter à votre boutique et décider du nombre de produits à afficher par ligne et par page en créant un modèle de page WooCommerce personnalisé.

Cliquez sur le bouton Publier pour continuer.

C'est tout ce qu'il y a à faire ! Vos WooCommerce seront désormais triés en fonction de votre configuration personnalisée de tri des pages produits. Vous avez fait un pas de plus vers une boutique en ligne optimisée.

Voyons une autre méthode pour trier WooCommerce . Cela vous permettra de décider de la position exacte de chaque produit en créant un modèle personnalisé différent.

Naviguez vers Produits > Tous les produits, survolez un article et cliquez sur le lien Modifier. Ensuite, descendez jusqu'à la section Données du produit et cliquez sur l'onglet Avancé. À partir de là, vous pouvez utiliser l'option Ordre du menu pour définir la position exacte de cet article.

Ces options de tri sont particulièrement utiles pour les boutiques en ligne qui ont des centaines de produits, avec des product_meta individuels.

Il permet aux propriétaires de boutiques en ligne de présenter facilement les produits qu'ils souhaitent voir figurer en tête de liste (par exemple, un produit spécifique pour des raisons promotionnelles ou un tout nouveau produit à distribuer).

Il améliore également l'expérience d'achat du client et lui permet de trouver plus facilement les produits qui l'intéressent le plus.

Hiérarchie de l'information

WooCommerce ont tendance à inclure beaucoup d'informations sur chaque produit, y compris les champs personnalisés que vous créez.

Idéalement, vous souhaitez présenter les détails de ces produits de manière efficace sur la page d'accueil de votre site, et ce pour plusieurs raisons.

Par exemple, si vous vendez à des clients dans le monde entier, il peut s'agir simplement de se conformer aux règles de transparence de l'information de chaque pays dans lequel vous vendez. Ces réglementations peuvent varier considérablement d'un pays à l'autre. Il peut être utile de disposer d'un thème enfant, similaire à Divi, pour des sites très différents.

En personnalisant la mise en page de votre page WooCommerce , vous pouvez organiser toutes ces informations de manière visuellement attrayante. Cela montre aux clients que vous accordez la priorité à la communication des informations importantes sur les produits, ce qui est excellent pour améliorer l'image et la réputation de votre marque.

Voici quelques points clés à garder à l'esprit :

• Les miettes de pain. Les fils d'Ariane indiquent aux clients la "piste" menant au produit qu'ils consultent. Ils peuvent ainsi accéder rapidement à la catégorie de produits et aux produits connexes qu'ils pourraient vouloir acheter. En outre, il leur permet de consulter facilement d'autres parties de votre site web et d'en apprendre davantage sur votre marque.
• Informations de base sur les produits. Il est important d'afficher clairement les informations de base sur les produits, telles que leur nom et leur prix, sur les pages WooCommerce . En prime, cela vous aidera également dans vos efforts de référencement et vous permettra d'obtenir un meilleur classement dans les résultats de recherche Google.
• Description du produit et informations sur les stocks. Ajoutez une description du produit afin d'en dire un peu plus aux clients à son sujet à l'aide d'un snippet. Pensez à inclure des informations sur les stocks qui leur indiquent si le produit est disponible, en rupture de stock ou en attente de réapprovisionnement, sans qu'ils aient à contacter le service clientèle.
• Commander CTA. Ces informations comprennent généralement la quantité, la taille et les choix de couleur (si disponibles) du produit, ainsi que des boutons « Ajouter au panier » dans un petit snippet. Ces informations doivent être facilement accessibles aux clients depuis votre page WooCommerce . Par exemple, les clients ne devraient pas avoir à faire défiler la page pour ajouter des produits à leur panier.
• Métadonnées du produit. Le SKU du produit est une métadonnée qui fournit des informations sur le produit. Différentes entreprises créent différents SKU pour leurs WooCommerce . En d'autres termes, le SKU d'un même produit dans deux magasins différents sera probablement légèrement différent en fonction du système de nommage du magasin. Par exemple, une boutique qui vend des t-shirts crée des SKU internes qui indiquent des informations sur le produit telles que la taille, la couleur, le prix et le fabricant. Ainsi, le SKU d'un t-shirt Levi's noir, taille XL, pourrait être « LEV-BLK-XL ».
• Preuve sociale. Ces informations comprennent les évaluations des produits, les témoignages et les avis qui aident les clients à prendre une décision d'achat en connaissance de cause. Les clients peuvent classer les produits en fonction de leur évaluation ou lire les avis laissés par d'autres clients.
• Spécifications techniques et informations supplémentaires. Ajoutez de brèves descriptions supplémentaires, des spécifications techniques et d'autres informations connexes dans votre modèle de produit. Cela est particulièrement utile pour les boutiques qui vendent des produits technologiques tels que des smartphones, des ordinateurs portables, des téléviseurs et des appareils photo. Cela contribue à instaurer la confiance et donne à vos pages WooCommerce un aspect professionnel.
• Ventes incitatives. Vous pouvez afficher davantage d'informations sur les produits que vous vendez, tels que des produits connexes (ou similaires). Par exemple, vous pouvez ajouter une section de type« Vous aimerez peut-être aussi » sur vos pages WooCommerce . De plus, vous pouvez également afficher les produits qui sont généralement achetés ensemble afin de tirer parti des opportunités de vente incitative. Par exemple, si vous vendez des appareils photo numériques, suggérer une carte mémoire flash et un sac pour appareil photo pourrait inciter les clients à acheter davantage chez vous.

Veillez à ce que vos images soient adaptées à votre public

Saviez-vous qu'à travers le monde, les cultures sont habituées à des styles d'images de produits différents? C'est exact !

Par exemple, les clients chinois attendent des sites web riches en contenu et préfèrent que les images de leurs produits soient agrémentées de textes explicatifs et d'icônes.

Bien que ce type d'images puisse paraître encombrant aux yeux des acheteurs occidentaux, il vous aidera probablement à vendre plus rapidement et plus efficacement au sein de la communauté WordPress en Chine.

Une bonne première étape pour adapter vos pages WooCommerce à votre audience locale consiste à utiliser un plugin de traduction WordPress tel que Weglot.

Il vous permet de « traduire » les médias, y compris les images, ce qui signifie que vous pouvez afficher différentes images de produits pour différentes langues sur votre WooCommerce . Ainsi, vous n'avez pas à modifier le fichier PHP WooCommerce votre WooCommerce , le fichier content-single-product .php ou le code HTML et CSS de votre site WordPress.

Faciliter le passage d'une langue à l'autre et d'une monnaie à l'autre

Vous devez traduire l'intégralité de votre site WordPress ( y compris les formulaires de paiement et les pages WooCommerce ) en plusieurs langues afin de vendre vos produits sur le marché mondial.

Weglot, un puissant plugin de traduction pour WordPress, peut vous aider à traduire facilement le contenu de votre site web dans plusieurs langues de destination avec peu ou pas d'effort manuel.

Le plugin est également WooCommerce officiel WooCommerce , ce qui le rend compatible avec tous WooCommerce et thèmes WordPress, y compris Storefront et Divi.

La plupart des outils de traduction vous donneront une page vierge où vous devrez remplir vos traductions ou utiliser un code court.

Cependant, Weglot génère instantanémentune version traduite automatiquement de l'ensemble de votre site web. Vous pouvez modifier manuellement ces traductions à l'aide de son éditeur de liste ou de visual editor avoir à toucher au fichier content-single-product.php.

Cela s'applique également à tout nouveau contenu. Chaque fois que vous ajoutez de nouveaux produits sur votre site, Weglot détecte le nouveau contenu, puis génère et affiche la traduction automatique.

De plus, il est SEO multilingue, car il ajoute automatiquement des balises hreflang à chaque version de votre WooCommerce . Cela signifie que vos utilisateurs internationaux pourront vous trouver sur les moteurs de recherche locaux.

De plus, Weglot vous permet d'envoyer vos traductions à un service d'édition professionnel tiers ou de demander à un traducteur professionnel d'affiner les traductions, ce qui est disponible sur votre tableau de bord Weglot .

En ce qui concerne les paiements en ligne, vous pouvez utiliser un plugin gratuit tel que WOOCS – Currency Switcher for WooCommerce faciliter le changement de devise sur votre boutique en ligne. Il permet aux clients de convertir les prix des produits dans différentes devises en fonction des onglets des produits et des taux de change définis en temps réel.

De cette façon, ils peuvent effectuer leurs paiements dans la devise de leur choix. Vous avez également la possibilité d'ajouter pratiquement n'importe quelle devise à votre WooCommerce . Cela est particulièrement utile si vous vendez à des clients internationaux.

Rendez votre panier et votre bouton de paiement aussi accessibles que possible

Assurez-vous que le bouton « Ajouter au panier » et les liens vers la page de paiement sur vos pages de produits WooCommerce sont faciles d'accès.

Si vous affichez beaucoup d'informations sur vos produits sur les pages WooCommerce , pensez à ajouter le bouton « Ajouter au panier » et le lien « Passer à la caisse » au menu de navigation et à rendre ce menu fixe.

Ainsi, les clients pourront toujours accéder au panier et passer à la caisse, quelle que soit la distance parcourue sur la page.

L'amélioration de l'accessibilité de votre panier d'achat et de la page de paiement vous aidera à optimiser le flux d'utilisateurs. Cela permet également aux clients d'ajouter facilement des produits à leur panier et peut éventuellement vous aider à réduire les taux d'abandon de panier.

En conclusion

Nous avons expliqué comment vous pouvez améliorer le flux d'utilisateurs de votre boutique en ligne et permettre à vos clients de prendre des décisions d'achat éclairées simplement en personnalisant vos pages WooCommerce .

Traduire votre boutique de commerce électronique dans plusieurs langues de destination à l'aide d'un plugin tel que Weglot est un excellent point de départ.

Vous pouvez également explorer les options de tri des produits, hiérarchiser les informations sur les produits et faciliter la conversion des devises pour augmenter les conversions et, en fin de compte, les ventes.

Essayez Weglot gratuitement dès aujourd'hui.