Avez-vous déjà fait des achats en ligne ? Quand on regarde les produits et qu'on ne sait plus lequel choisir, la meilleure solution est de les comparer.
Mais vous êtes-vous déjà demandé comment la fonctionnalité de comparaison était intégrée à un site web ? Dans cet article, nous allons voir comment ajouter gratuitement la fonctionnalité « Comparaison de produits » dans WooCommerce.
La comparaison de produits sert à distinguer deux ou plusieurs produits les uns des autres. Elle permet de mettre en avant les différences entre les produits, et aide l'utilisateur à déterminer lequel choisir.
La fonctionnalité de comparaison des produits contribue à renforcer la fidélité des utilisateurs à un site web, car elle améliore leur expérience de navigation.
Vous trouverez la fonctionnalité « Comparaison de produits » sur presque tous les types de sites de commerce électronique .
Voyons comment ajouter la fonctionnalité de comparaison de produits dans WooCommerce.
Qu'est-ce que la fonctionnalité « Comparaison de produits » dans WooCommerce ?
Comme son nom l'indique, la fonctionnalité « Comparaison de produits » permet de comparer deux ou plusieurs produits en fonction du prix, de la note, de la référence, de la disponibilité et d'autres critères.
Les similitudes et les différences peuvent être filtrées afin de supprimer les champs indésirables. Il existe de nombreuses autres fonctionnalités dont nous allons parler maintenant.
Comment ajouter une fonctionnalité de comparaison de produits dans WooCommerce ?
Nous allons utiliser ici le plugin « Product Compare ». Il est disponible gratuitement et offre diverses fonctionnalités.
Vous pouvez ajouter une fonctionnalité de comparaison de produits dans les deux types de thèmes, à savoir les thèmes classiques et les thèmes à blocs. Quel que soit le thème que vous utilisez, cet article de blog vous sera donc utile.
Dans cette méthode, nous utiliserons le thème Shop Mania. Conçu pour les sites de commerce en ligne, il propose de nombreux modèles prêts à l'emploi. Il permet de créer pratiquement tous les types de sites web.
C'est parti,
Étape 1) Accédez au tableau de bord de WordPress
Ouvrez votre tableau de bord WordPress.
Étape 2) Accédez à la section « Plugins » et cliquez sur « Ajouter un nouveau plugin »
Sélectionnez « Plugins » dans le menu, puis cliquez sur « Ajouter de nouveaux plugins ». Vous accéderez ainsi à la page des plugins de WordPress, où vous pourrez installer gratuitement de nouveaux plugins.
Étape 3) Rendez-vous dans le champ de recherche et recherchez « TH Product Compare »
Rendez-vous dans le champ de recherche et tapez « TH Product Compare ». Cliquez sur « Installer maintenant » pour installer le plugin (comme indiqué sur l'image ci-dessus). Vous pouvez également télécharger le plugin depuis wordpress.org .
Étape 4) Activer le plugin
Une fois le plugin installé, cliquez sur « Activer ».
La rubrique « ThemeHunk » a été ajoutée au menu et la fonctionnalité « Comparaison des produits » y est désormais accessible.
Une fois activé, ThemeHunk apparaîtra dans le menu. Dans ThemeHunk, vous trouverez l'option « Comparaison de produits ». Cliquez sur « Comparaison de produits » pour afficher les paramètres.
Le bouton « Comparer » est apparu automatiquement sur le site.
Une fois le plugin activé, le bouton « Comparer » s'ajoutera automatiquement aux pages du site. Dès l'activation du plugin, le bouton « Comparer » apparaît déjà sur vos produits.
Et voilà. C'est ainsi que l'on peut ajouter le bouton « Comparer les produits » en quelques étapes seulement.
Voici comment comparer des produits
Voici à quoi ressemblera votre tableau de comparaison des produits une fois configuré.
Voyons quelques-unes des fonctionnalités de ce plugin.
Les paramètres de base
Ici, vous pouvez définir l'apparence de la comparaison.
- Comparer le type de bouton et le texte – Vous disposez ici d'un champ dans lequel vous pouvez choisir ce qui s'affichera pour l'appel à l'action. Deux options sont disponibles : « Icône » et « Texte » (disponible dans la version Pro). Dans le deuxième champ, vous pouvez saisir le texte que vous souhaitez afficher.
- Limite de comparaison – Il s'agit de la limite maximale du nombre de produits que vous pouvez ajouter au tableau de comparaison. Si cette limite est fixée à 4, vous pouvez comparer au total 4 produits à la fois.
- Visibilité – Cette option vous permet de choisir l'emplacement où vous souhaitez afficher le bouton « Comparer ». Vous pouvez décocher cette case si vous ne souhaitez pas afficher le bouton « Comparer ».
- Message concernant le nombre minimum de produits – Vous pouvez rédiger ici un message à l'attention des clients. Par exemple : « Veuillez sélectionner au moins 2 produits. »
- Emplacement du bouton – Indiquez où vous souhaitez ajouter le bouton « Comparer » : avant ou après le bouton « Ajouter au panier ».
- Affichage via un shortcode – Vous pouvez insérer ce shortcode n'importe où sur la page, en remplaçant le numéro par l'identifiant du produit que vous souhaitez afficher dans la comparaison.
Les paramètres avancés permettent d'afficher les champs
- Champs du tableau – Cochez ici les champs que vous souhaitez afficher et laissez-les décochés pour ceux que vous ne souhaitez pas afficher.
- Lignes fixes – Vous pouvez répéter les champs « Prix » et « Ajouter au panier » à la fin du tableau.
Vous pouvez également réorganiser les champs ; cette fonctionnalité est disponible dans la version Pro.
Fonctionnalités Premium
- Ordre des champs
- Générateur de codes courts personnalisés pour les produits
- Jouer avec les couleurs
- Tableau comparatif automatisé
- Paramètres de comparaison sur la page d'un produit
La version Pro propose d'autres fonctionnalités exceptionnelles. Jetons-y un coup d'œil. Vous pouvez passer à la version Pro du plugin pour profiter de ces fonctionnalités passionnantes.
Vous pouvez également regarder ce tutoriel vidéo.
Dans cette vidéo, nous avons abordé tout ce que vous devez savoir sur le plugin « Th Product Compare », depuis son installation.
FAQ
Q. En quoi la présence de la fonctionnalité « Comparaison de produits » sur le site est-elle importante ?
Rép. La fonctionnalité « Comparaison de produits » permet d'améliorer l'expérience utilisateur. Si l'utilisateur souhaite comparer des produits, cette fonctionnalité lui sera très utile.
Comment ajouter le bouton « Comparer » sur le site ?
Rép. C'est très simple d'ajouter le bouton « Comparer » au site. Il suffit d'installer le plugin « Th Product Compare » et de l'activer. Une fois activé, le bouton apparaîtra automatiquement sur la page « Boutique » et sur la page de produit.
Conclusion
Vous venez de voir comment ajouter la fonctionnalité « Comparaison de produits » au site.
Sans la fonctionnalité de comparaison des produits, les utilisateurs doivent cliquer sur différents produits et consulter leurs caractéristiques pour les comparer.
Mais cela a tellement simplifié la tâche que les utilisateurs n'ont plus qu'à sélectionner les produits et à les comparer sur une seule et même page.
Vous pouvez utiliser ce plugin. Il existe d'autres plugins de comparaison de produits que vous pouvez utiliser sur votre site.
J'espère que cet article vous sera utile. Si vous avez des questions ou des suggestions, n'hésitez pas à me les faire savoir dans la section des commentaires.
Vous pouvez vous abonner à notrechaîne YouTube, où nous publions également du contenu de qualité. N'hésitez pas non plus à nous suivre surFacebooketTwitter.
Voir aussi
