barre de recherche personnalisée woocommerce
barre de recherche personnalisée woocommerce
barre de recherche personnalisée woocommerce
,

21 conseils pour la conception de sites Web WooCommerce

Vous appréciez cet article ?
Partagez-le sur les réseaux sociaux !
Contenu

La façon dont vous mettez en page la conception de votre site Web WooCommerce vous aidera à convertir les clients. Vous devez prendre en considération le fait que les gens achètent et achètent de différentes manières sur votre site. Vous avez très peu de temps pour convaincre les visiteurs pourquoi ils devraient faire confiance à votre marque et acheter auprès d’elle. Dans cet article, nous allons vous donner des suggestions sur la façon de tirer le meilleur parti des secondes critiques dont vous disposez pour attirer votre client avec ces 21 conseils pour la conception de sites Web WooCommerce.

barre de recherche personnalisée woocommerce

Conseils pour la conception de sites Web WooCommerce

1) Boîte de recherche personnalisée WooCommerce

Gardez la barre de recherche disponible en tout temps. Vos visiteurs veulent un moyen facile de trouver exactement ce qu’ils recherchent sans avoir à faire défiler l’écran pour trouver un endroit où effectuer une recherche. Assurez-vous qu’il y a un outil de recherche bien en vue à chaque tournant.

  • N’oubliez pas le mobile : La plupart des gens ne se rendent pas compte que la majorité des sites de recherche du site sont maintenant mobiles. Rendez-le adapté aux mobiles
  • Filtrez les résultats : Faites en sorte que votre recherche soit intelligente. Si les utilisateurs tapent dans du bois par exemple. Il récupérera tous les produits étiquetés planchers de bois.
  • Outils: Nous vous recommandons d’utiliser l’extension Product Finder de WooCommerce : https://woocommerce.com/products/product-finder/
  • Soyez en évidence : Faites en sorte que votre barre de recherche se démarque. Concevez de manière à ce qu’il puisse avoir une couleur d’accentuation différente pour la mise en page et/ou le bouton.

Pour améliorer votre recherche WooCommerce, essayez ce plugin : https://docs.woocommerce.com/document/woocommerce-product-search/


Navigation organisée WooCommerce

2) Navigation organisée

Les acheteurs en ligne viennent sur votre site à la recherche de rapidité et de commodité pour faire leurs achats. Rendez la navigation aussi simple mais détaillée que possible pour les amener là où ils doivent être. Placez toujours vos barres de navigation là où les visiteurs s’attendent à les voir. Les positions standard sont verticalement en bas à gauche de la page et horizontalement en haut. C’est encore mieux si vous pouvez faire en sorte que la barre de navigation horizontale reste en haut de l’écran lorsque vous faites défiler la page. Vous devrez également vous assurer que vos menus de navigation fonctionneront avec n’importe quelle taille d’écran ou appareil. Avec des utilisateurs qui achètent à partir de téléphones, de tablettes, d’ordinateurs de bureau et d’un certain nombre d’autres appareils, vous voulez que le site réagisse de la même manière et offre la même navigation facile sur toutes les plateformes.

Bonnes pratiques de navigation

  • La catégorisation est essentielle : Lorsque vous examinez votre navigation, assurez-vous que la façon dont vous catégorisez est compréhensible pour les produits ou services que vous proposez. Vous avez des noms de spécialité dont les nouveaux utilisateurs ne savent pas ce qu’ils signifient. Cela pourrait rendre les choses frustrantes pour eux, car vous n’avez que quelques secondes pour les faire réagir et passer à autre chose dans le processus d’achat. Il est important d’avoir une structure claire et hiérarchique.
  • Rendez les choses collantes : Nous aimons avoir la navigation principale collante pour qu’il y ait défilement. Les liens principaux sont toujours visibles. Si vous avez des tonnes de produits, vous essayez de faire un méga nav avec une navigation collante.
  • Il est acceptable d’avoir plusieurs types de navigation : La navigation principale horizontale fonctionne la plupart du temps. Cependant, l’horizontale s’adapte parfois en fonction de la quantité d’informations dont vous disposez. Gardez à l’esprit que vous pouvez avoir plusieurs types de navigation en fonction des différentes zones du site. À titre d’exemple, une barre supérieure au-dessus du logo peut être considérée comme davantage des liens et des icônes liés au service client et aux achats, la navigation principale peut être les services clés et/ou les sections du site, et le pied de page peut avoir tout ce qui précède.

Erreurs de navigation :

  • Navigation de style non standard : Le design peut sembler cool, mais pour un utilisateur expérimenté qui est formé. Ils aiment voir les mêmes motifs dans l’interface utilisateur parce qu’ils sont là pour acheter et en apprendre davantage sur votre produit, et non pour être impressionnés par la qualité de votre design. En cas de doute et que vous voulez essayer quelque chose de différent, testez et mesurez avec différents styles.
  • À l’aide de liens génériques : Si vous vendez des produits sur votre site et que vous n’avez que « Produits » sur la navigation principale. Vous vous sous-estimez un peu parce que l’utilisateur a besoin de trouver ce que vous vendez. Essayez une petite navigation supérieure au-dessus du logo, puis la navigation principale avec les catégories de produits ou les produits eux-mêmes.
  • Ne manquez pas le fil d’Ariane : L’un des outils les plus simples et les plus efficaces pour la convivialité et le référencement sont les sites omis.

WooCommerce Personnaliser à l’aide de l’historique de navigation

3) Produits connexes, ventes incitatives et ventes croisées

La personnalisation de l’expérience de vos visiteurs leur donne le sentiment que vous prêtez attention à leurs besoins et à leurs désirs. Avoir des produits associés affichés sur la page du produit. Vous pouvez également leur montrer ce que d’autres ont acheté en fonction des articles qu’ils consultent.

Ventes incitatives : Il peut s’agir d’une grande quantité, d’une meilleure version ou du même produit associé à un autre qui est affiché dans l’expérience d’achat pour stimuler les ventes.

Produits connexes : Vous pouvez faire apparaître des produits sur la page d’informations du produit, mais il s’agit de produits destinés à être achetés en plus de celui que le client consulte.

Vente croisée : Vous pouvez faire apparaître des articles sur la page du produit et dans le panier pour encourager une impulsion d’achat.

Découvrez les fonctionnalités intégrées de WooCommerce : https://docs.woocommerce.com/document/woocommerce-widgets/

Voici une excellente extension pour la vente incitative et la vente croisée :  https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/

Code des produits récemment consultés par WooCommerce

Vous pouvez également utiliser des plugins payants pour réaliser certaines fonctionnalités comme YITH

https://yithemes.com/themes/plugins/yith-woocommerce-recently-viewed-products/


Enregistrer et partager le panier pour WooCommerce

4) Rendez les paniers d’épicerie persistants

Sauvegarde du panier :

Établir un cookie à long terme lorsque vos visiteurs font leurs achats afin qu’ils aient la possibilité de revenir plus tard et de reprendre là où ils se sont arrêtés. La vie est pleine d’interruptions et vous ne voulez pas perdre une vente simplement parce qu’ils ont oublié ce qu’il y avait dans leur panier lors de leur dernière visite. Ils peuvent passer directement à la caisse pour terminer la commande ou, avec une barre de recherche pratique en vue et des images d’autres intérêts possibles en vue, ils peuvent décider de rester et de faire leurs achats un peu plus longtemps.

Vérifier: https://codecanyon.net/item/save-share-cart-for-woocommerce/5568059

 

WooCommerce Cookies

WooCommerce Cookies

WooCommerce crée trois types de cookies différents et les a déjà intégrés. Les deux premiers cookies contiennent des informations sur le panier dans son ensemble et aident WooCommerce à savoir quand les données du panier changent. Le cookie final (wp_woocommerce_session_) contient un code unique pour chaque client afin qu’il sache où trouver les données du panier dans la base de données de chaque client.

  • woocommerce_cart_hash
  • woocommerce_items_in_cart
  • wp_woocommerce_session_

Listes de souhaits WooCommerce

Listes de souhaits :

Vous pouvez également envisager d’ajouter des listes de souhaits au menu. Les listes de souhaits permettent d’enregistrer un article pour l’acheteur sans le supprimer de l’inventaire de votre site. L’utilisation du panier d’achat comme liste de souhaits à long terme peut causer des problèmes avec votre inventaire. Présenter une alternative peut atténuer une partie de cela.

Liste de souhaits WooCommerce

Essayez le plugin WooCommerce Wishlists : https://woocommerce.com/products/woocommerce-wishlists/


5) Mettez en évidence les liens de votre service client et votre numéro de téléphone

Tous les acheteurs en ligne veulent se sentir en sécurité sur votre site. Vos références peuvent être solides, mais un acheteur qui consulte votre site pour la première fois cherchera des signes que vous êtes effectivement crédible. La meilleure façon de vous présenter à de nouveaux clients est d’être transparent sur vos coordonnées. L’affichage de votre numéro de téléphone et des liens vers le service client à un endroit bien en vue sur le site aidera à les mettre à l’aise et à les rassurer sur le fait que leurs informations de carte de crédit sont en sécurité avec vous.


6) Partenaires et associés de Name Drop

Pour établir votre crédibilité, rien n’est interdit. Si vous avez des partenaires ou des associés que vos invités reconnaîtront, laissez tomber ces noms. Si vous pouvez montrer que vous êtes associé à des entreprises bien établies et prospères, elles sont plus susceptibles de se sentir en sécurité en faisant leurs achats sur votre site. Nous sommes certifiés WooCommerce Experts et nous en sommes fiers !


WooCommerce - Les carrousels rotatifs sont sortis

7) Les carrousels rotatifs sont sortis

Les carrousels ont leurs points positifs mais ils ne sont pas optimisés pour le référencement. Ils vous aident à afficher plus de produits et de promotions, mais ils ralentissent votre site et les utilisateurs les trouvent ennuyeux. Ils se déplacent trop vite pour avoir une chance réelle de traiter ce qu’ils contiennent. Si vous devez utiliser un carrousel, incorporez-en un qui arrêtera l’autorotation lorsque le curseur le survolera. Cela donne au client la possibilité de voir l’article sans se rendre sur la page avec une description complète. La meilleure pratique consiste simplement à utiliser des images statiques. Vos visiteurs ne sont pas intéressés par les cloches et les sifflets. Ils veulent d’excellents produits au meilleur prix possible.


Faites ressortir votre section de vente

8) Faites ressortir votre section de vente

Faites-leur sentir faim. La majorité des acheteurs en ligne n’achèteront pas un produit tant qu’il n’aura pas été mis en vente. Affichez bien en évidence un lien vers vos produits à prix réduit afin que ces acheteurs aient un chemin direct vers les articles qu’ils recherchent. Utilisez une couleur différente pour le lien ou utilisez un lettrage qui attire l’attention. Les acheteurs d’aubaines sont un excellent public à cibler car ils aiment dire aux autres ce qu’ils ont trouvé à un prix incroyable. C’est de la publicité gratuite après la vente.

Zone dédiée dans la navigation principale :

Vente sur l’ensemble du site :

Sur les listes de produits :

Exemple de listes de produits WooCommerce

 


Exemple de livraison gratuite WooCommerce

9) Flaunt Livraison gratuite

L’annonce de votre livraison gratuite à un endroit bien en vue sur la page d’accueil aidera à réduire considérablement le nombre de paniers d’achat abandonnés que vous rencontrez. De nombreux acheteurs remplissent leur panier pour le quitter lorsqu’ils voient les frais d’expédition incroyablement élevés. Certains rechercheront votre politique d’expédition avant de commander, alors assurez-vous de l’avoir bien placée sur votre page. Vous voudrez également proposer d’autres options d’expédition aux clients qui souhaitent une livraison plus rapide.

Statistiques de livraison gratuite WooCommerce

Etude retail : 9 consommateurs sur 10 disent que la livraison gratuite est la première incitation à faire des achats en ligne.


Exemple de page de vente Woocommerce

10) Rassemblez les options d’économie d’argent sur une page de vente

Fournissez un lien à partir de votre page d’accueil vers une zone consacrée à l’économie d’argent. Cela inclut la livraison gratuite, les codes promo, les points de fidélité, les remises et tous les cadeaux que vous pouvez offrir. Il se peut que vous constatiez qu’il s’agit de la zone la plus visitée de votre site. Les chasseurs de bonnes affaires vous donneront très probablement de l’amour de marque-page pour cela seul.

Ajoutez une page de vente dédiée : Les idées populaires pourraient être l’affaire du mois/de la semaine/du jour ou simplement la création d’une page pour un spécial vacances unique.


woocommerce-modal-window

11) Utilisez une boîte modale

Évitez l’encombrement sur votre page d’accueil WooCommerce en utilisant une fenêtre modale. Mettez en avant un message important sans l’intégrer à la page d’accueil. Cela libère de l’espace sur votre vitrine pour plus de produits. Ces boîtes ne sont utiles que si elles sont utilisées correctement. Ils ont la mauvaise réputation de contenir de la publicité qui n’était rien de plus qu’ennuyeuse. Assurez-vous de ne pas les abuser et de rendre le bouton de fermeture de la boîte facilement accessible. Assurez-vous d’avoir un cookie en place afin qu’un utilisateur ne voie pas plus d’une boîte par visite et qu’il ne voie pas une boîte à chaque visite.


Logiciel de chat en direct

12) Assistance par chat en direct

Le chat en direct est un excellent moyen de répondre immédiatement aux questions, aux préoccupations ou aux doutes généraux qu’un client peut avoir sur votre boutique WooCommerce. Très peu d’acheteurs appelleront une ligne d’assistance à la clientèle et beaucoup partiront frustrés. Le logiciel de chat en direct est un investissement rentable pour mettre fin au doute des acheteurs. Les clients ont le sentiment d’une touche personnelle. Le chat en direct peut fournir un service client efficace et éviter les pertes de ventes.


13) Les badges de confiance excessifs jettent des drapeaux rouges

Les badges de confiance sont une bonne chose, mais leur utilisation excessive peut leur donner l’impression d’avoir un faux sentiment de sécurité. Limitez le nombre de badges que vous utilisez et assurez-vous qu’ils sont largement reconnus. Une utilisation excessive peut miner le confort qu’ils devraient projeter.


14) Testez votre produit WooComerce et votre page de catégorie

L’exécution de tests A/B est un excellent moyen de décider de la manière la plus efficace d’afficher vos produits. Cela fournit deux affichages différents à vos clients et, au fil du temps, donne des statistiques sur ce qui fonctionne le mieux pour votre site. L’expérimentation des tests A/B peut considérablement améliorer l’expérience du visiteur ainsi que vos résultats.

Quelques outils que nous utilisons avec nos clients : Optimiseur Web visuel et Pot chaud.

Voir quelques études de cas ici : https://vwo.com/blog/10-kickass-ab-testing-case-studies/


15) Accrochez les visiteurs avec la rareté

L’affichage de messages qui transmettent l’urgence est un moyen d’accrocher les visiteurs à une vente. Si vous leur montrez qu’il ne reste que des quantités limitées d’un article ou si vous leur donnez l’impression que leur taille pourrait bientôt disparaître, ils sont plus susceptibles d’aller de l’avant et d’acheter l’article avant qu’il ne soit trop tard. L’astuce consiste à rendre ces messages subtils afin qu’ils aient l’impression que vous leur rendez service lorsque vous les incitez finalement à acheter maintenant plutôt que plus tard ou pas du tout.

Voici un plugin gratuit à essayer : https://wordpress.org/plugins/woo-custom-stock-status/


16) C’est ok de faire défiler

Les clients mentionnent parfois qu’ils veulent des articles au-dessus de la ligne de flottaison. Nous répondons en demandant « À quel pli faites-vous référence également ? ». Avec autant de moniteurs de tailles différentes, le défilement est devenu inutile. Le mobile a également complètement changé ce jeu en dominant les statistiques, faisant des ordinateurs de bureau un très petit pourcentage lorsqu’on essaie de cibler un pli. Tony Haile de Rythme des charts a publié de nombreuses quantités de données à l’appui. Ne vous sous-estimez pas, donnez à vos visiteurs plus sur la page d’accueil pour soutenir le référencement, la convivialité et le merchandising de vos produits

Consultez plus de statistiques ici sur Time.com :  http://time.com/12933/what-you-think-you-know-about-the-web-is-wrong/


17) Encouragez-les à partager

Donnez aux acheteurs de nombreuses occasions de partager vos produits avec leurs amis et leur famille. Mettez à disposition des boutons de partage et demandez-leur directement de partager. Cela permet non seulement à votre produit de se présenter à un plus grand nombre de personnes, mais aussi à votre marque et à un lien vers votre site. Offrir des opportunités de partage améliorera considérablement le trafic et les conversions de votre site.


18) Installez une carte thermique sur votre page d’accueil WooCommerce

Ne nous croyez pas sur parole. Analysez votre page d’accueil avant d’apporter toute modification pour comprendre où se trouvent la saturation de vos clics, le défilement des visiteurs et vos intérêts par canal (Bing, Google, Facebook, etc.). Gardez à l’esprit que votre canal le plus convertible peut être totalement différent de votre canal le moins. Vous voulez vous assurer de comprendre d’abord ce qui se passe avec votre site avant d’apporter des modifications.


19) Foire aux questions

Il y a des utilisateurs inconditionnels de FAQ à la recherche de votre foire aux questions. Fournissez un lien et répondez aux questions comme si vous expliquiez les choses à un enfant de 5 ans. Des informations sur l’expédition, la garantie et les retours doivent être incluses. Ajoutez également les questions et réponses que vous recevez régulièrement pour garder votre FAQ à jour. Cela vous évite également d’avoir à répondre aux mêmes questions encore et encore.

Un excellent exemple est celui de Weber :  https://consumer-care.weber.com/hc/en-us/categories/360001489471-FAQs


Site WooCommerce Annoncez votre couverture presse

20) Annoncez votre couverture médiatique

Si vous avez été mentionné dans les nouvelles ou si vous avez des communiqués de presse disponibles, incluez-les sur le site. Affichez les logos des médias de manière à ce que les visiteurs les reconnaissent facilement. La plupart des gens ne liront jamais le communiqué de presse, mais le fait de l’avoir là donne de la crédibilité qui favorisera la confiance dans votre site. Si vous avez l’attention des médias, associez les logos à tous les articles sur votre entreprise.

Consultez la page d’accueil de FLYTE :  https://flyte.se/


Avis Google WooCommerce


21) Intégrez les commentaires des utilisateurs

Les commentaires des utilisateurs peuvent être un outil utile pour renforcer votre crédibilité auprès de vos clients. Des avis sur les produits, de petites citations, des notes de remerciement ou des photos de clients avec votre produit peuvent augmenter considérablement vos ventes. Vous pouvez les placer avec les descriptions de vos produits ou dans les barres latérales du site.

Pour afficher des avis sur votre entreprise :

Nous aimons utiliser des plugins riches pour les listes d’entreprises - https://richplugins.com

Google Reviews Plugin

Pour obtenir des avis :

Nous vous recommandons d’essayer : Revue de produit WooCommerce Pro


L’utilisation de ces conseils de conception de sites Web WooCommerce pour votre page d’accueil contribuera grandement à améliorer l’expérience utilisateur de vos clients tout en renforçant votre crédibilité et en réalisant plus de ventes. Placer toutes les informations essentielles à leur place et afficher les bons produits peut augmenter considérablement vos conversions. Les partages sur les réseaux sociaux et de bonnes critiques de produits amélioreront le référencement et généreront du trafic. Bright Vessel est un Expert WooCommerce qui peuvent vous aider à créer, promouvoir et améliorer votre vitrine. Contactez-nous aujourd'hui.

Obtenez votre audit SEO gratuit

Formulaire d'audit SEO gratuit

"*" indique les champs obligatoires

Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
Contenu
Vous appréciez cet article ?
Partagez-le sur les réseaux sociaux !
Obtenez votre audit SEO gratuit

Formulaire d'audit SEO gratuit

"*" indique les champs obligatoires

Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
Obtenez votre audit SEO gratuit

Formulaire d'audit SEO gratuit

"*" indique les champs obligatoires

Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
Vous avez apprécié cet article ?
Partagez-le sur les réseaux sociaux !

Laisser un commentaire

Découvrez un autre article de blog !

Retour à tous les articles du blog
© 2024 Bright Vessel. Tous droits réservés.
version xml = "1.0"? version xml = "1.0"? chevron vers le bas flèche gauche