{"id":371071,"date":"2022-12-18T15:38:00","date_gmt":"2022-12-18T12:38:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371071"},"modified":"2023-04-30T11:21:06","modified_gmt":"2023-04-30T08:21:06","slug":"comment-ajouter-une-comparaison-de-produits-woocommerce","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-une-comparaison-de-produits-woocommerce\/","title":{"rendered":"Comment ajouter une comparaison de produits WooCommerce"},"content":{"rendered":"\n

De nos jours, la cr\u00e9ation de sites Web de boutiques \u00e0 l’aide de WordPress est tr\u00e8s populaire et facile. Gr\u00e2ce \u00e0 WooCommerce, le plugin le plus populaire pour cr\u00e9er des boutiques, et \u00e0 de nombreux th\u00e8mes WooCommerce<\/a> conviviaux, aujourd’hui presque tout le monde peut cr\u00e9er une super boutique tr\u00e8s rapidement<\/a>.<\/p>\n

Le fait que cette fa\u00e7on de cr\u00e9er une boutique soit tr\u00e8s populaire plaide en faveur de la cr\u00e9ation quotidienne de nouveaux add-ons pouvant contribuer \u00e0 l’am\u00e9lioration de votre site<\/strong>. Pr\u00e9senter un produit n’a jamais \u00e9t\u00e9 aussi facile, il existe d’innombrables fa\u00e7ons d’attirer l’attention des consommateurs.<\/p>\n

Un de ces \u00e9l\u00e9ments est certainement la comparaison de produits WooCommerce<\/a>. Il permet de pr\u00e9senter des produits s\u00e9lectionn\u00e9s en comparant leurs caract\u00e9ristiques<\/strong>. Cette fa\u00e7on de pr\u00e9senter est bonne \u00e0 la fois pour les clients et pour vous. Lorsque les clients veulent choisir un produit particulier, ils aiment avoir une comparaison claire de leurs options. Vous pouvez facilement le leur rendre possible.<\/p>\n

L’Addon qui a retenu notre attention et que nous avons trouv\u00e9 utile pour comparer les produits de la boutique, mais aussi pour bien d’autres choses est Qi Addons for Elementor<\/a>. Cet outil a une version gratuite avec 60 widgets et une version premium avec plus de 40. Tous les widgets sont extr\u00eamement utiles et vous permettent d’ajouter des \u00e9l\u00e9ments beaux et pratiques<\/strong> \u00e0 vos pages en quelques clics seulement. Les options de personnalisation sont \u00e9galement incroyables, vous pouvez donc facilement styliser tous les widgets pour qu’ils correspondent parfaitement \u00e0 la conception de votre site Web.<\/p>\n

Le widget de comparaison de produits est utilis\u00e9 pour afficher les produits avec leurs caract\u00e9ristiques essentielles en un seul endroit<\/strong> et fournir aux clients des informations claires en un seul endroit.<\/p>\n

\"Comment<\/a><\/p>\n

Fonctionnement du widget de comparaison de produits<\/h2>\n

L’utilisation de ce widget est tr\u00e8s simple. Les donn\u00e9es du tableau sont extraites directement du produit lui-m\u00eame, il n’y a pas de complications habituelles li\u00e9es \u00e0 la saisie manuelle<\/strong>. Il ne vous reste plus qu’\u00e0 choisir les produits qui figureront dans le tableau et les informations qui les accompagneront<\/strong>.<\/p>\n

En outre, il est important de styliser le tableau et le widget de comparaison de produits WooCommerce vous offre de nombreuses options<\/strong> pour cela. Il y a certainement un look par d\u00e9faut que vous obtenez d\u00e8s que vous ins\u00e9rez le widget sur la page et vous verrez imm\u00e9diatement comment certaines choses comme les polices correspondent \u00e0 l’apparence de votre th\u00e8me. Ainsi, avec juste un peu de personnalisation, votre table peut avoir fi\u00e8re allure.<\/p>\n

Une fois que vous avez ajout\u00e9 vos produits<\/a> et les informations qui s’y rapportent, vous pouvez commencer \u00e0 cr\u00e9er un tableau de comparaison de produits. Ceci est un aper\u00e7u d’un produit cr\u00e9\u00e9 \u00e0 l’aide du plugin WooCommerce.<\/p>\n

\"Comment<\/a><\/p>\n

Comment faire une comparaison des produits s\u00e9lectionn\u00e9s<\/h2>\n

Une fois que vous entrez pour modifier la page souhait\u00e9e \u00e0 l’aide d’Elementor, vous trouverez le widget Comparaison de produits parmi les widgets disponibles. Tous les widgets Qi ont un look distinctif et des ic\u00f4nes rouges.<\/p>\n

\"Comment<\/a><\/p>\n

Lorsque vous faites glisser le widget sur le c\u00f4t\u00e9, vous remarquerez qu’il n’y a pas de tableau – seulement une notification indiquant "Veuillez choisir les produits souhait\u00e9s<\/strong> ". Bien s\u00fbr, vous devez d’abord ajouter des produits. Vous pourrez retrouver tous les param\u00e8tres de cet \u00e9l\u00e9ment dans les onglets Contenu et Style<\/strong>. L’onglet Avanc\u00e9 propose \u00e9galement divers param\u00e8tres, mais ils appartiennent \u00e0 Elementor et vous les connaissez d\u00e9j\u00e0 car chaque \u00e9l\u00e9ment en poss\u00e8de, ils ne sont pas sp\u00e9cifiques \u00e0 celui-ci.<\/p>\n

\"Comment<\/a><\/p>\n

Alors commen\u00e7ons. L’onglet de contenu est l’endroit o\u00f9 vous d\u00e9terminerez quelles donn\u00e9es figureront dans votre tableau de comparaison de produits<\/strong>. Pour commencer, nous ajouterons<\/strong> simplement des produits .<\/p>\n

\"Comment<\/a><\/p>\n

Aussi, nous pouvons choisir l’ordre dans lequel les produits s\u00e9lectionn\u00e9s seront plac\u00e9s<\/strong> dans le tableau, que ce soit par ID, date, al\u00e9atoire\u2026<\/p>\n

\"Comment<\/a><\/p>\n

Filtres \u00e0 afficher<\/strong> est une option qui d\u00e9termine quelles donn\u00e9es seront utilis\u00e9es dans le tableau de comparaison<\/strong>. Actuellement, il y a 4 \u00e9l\u00e9ments: image, titre, prix et stock, c’est-\u00e0-dire. disponibilit\u00e9.<\/p>\n

\"Comment<\/a><\/p>\n

Cependant, vous pouvez choisir n’importe quoi dans la liste dans l’ordre qui vous convient. Nous avons fait cette s\u00e9lection pour notre table :<\/p>\n

\"Comment<\/a><\/p>\n

Vous remarquerez que certaines parties sont cliquables, comme le nom du produit qui m\u00e8ne \u00e0 la page du produit<\/strong>, et bien s\u00fbr ‘ajouter au panier’ qui permet d’ ajouter le produit au panier<\/strong> sur place. Naturellement, il n’est pas n\u00e9cessaire que l’ajout au panier fasse partie de votre tableau, mais dans la plupart des cas, il vous sera tr\u00e8s utile.<\/p>\n

Les param\u00e8tres des boutons sont li\u00e9s au bouton Ajouter au panier<\/strong>. Ces param\u00e8tres sont importants si vous d\u00e9cidez de les ajouter au tableau. Plusieurs dispositions et types de boutons sont disponibles<\/strong>. Vous pouvez \u00e9galement ajouter une ic\u00f4ne au bouton et le rendre encore plus int\u00e9ressant. Tout d\u00e9pend de vos besoins et notre conseil est d’explorer toutes les options. Nous n’allons pas les parcourir s\u00e9par\u00e9ment car ils sont intuitifs et vous voyez \u00e9galement tous les changements que vous effectuez en direct sur le c\u00f4t\u00e9 droit de l’\u00e9cran<\/strong>, et vous comprendrez tr\u00e8s facilement tout par vous-m\u00eame.<\/p>\n

\"Comment<\/a><\/p>\n

Les options de classement sont li\u00e9es aux classements d’affichage, logiquement, si vous avez choisi de faire partie int\u00e9grante de votre affichage. Bien que les \u00e9toiles soient le moyen le plus courant d’afficher une note, cela ne signifie pas que vous ne pouvez s\u00e9lectionner aucune autre ic\u00f4ne. La biblioth\u00e8que d’ic\u00f4nes est \u00e0 votre disposition, mais vous pouvez \u00e9galement ajouter vous-m\u00eame le SVG souhait\u00e9<\/strong>.<\/p>\n

\"Comment<\/a><\/p>\n

Comme nous l’avons dit, l’onglet Contenu est utilis\u00e9 pour s\u00e9lectionner les donn\u00e9es \u00e0 afficher et nous passons maintenant \u00e0 l’onglet Style o\u00f9 nous pouvons styliser chaque \u00e9l\u00e9ment s\u00e9lectionn\u00e9.<\/p>\n

Les param\u00e8tres sont regroup\u00e9s et \u00e0 premi\u00e8re vue, on voit clairement o\u00f9 se trouvent les param\u00e8tres<\/strong>. Bien s\u00fbr, parcourez chaque groupe pour voir ce qui s’y trouve. Les options de choix des couleurs, des marges, de la typographie, de la taille vous \u00e9tonneront lorsque vous r\u00e9aliserez le nombre de d\u00e9tails que vous pouvez ajuster.<\/p>\n

\"Comment<\/a><\/p>\n

Nous ne voulons pas passer en revue toutes les options car nous sommes s\u00fbrs que vous trouverez cela int\u00e9ressant \u00e0 explorer et \u00e0 jouer, nous allons juste passer en revue quelques-unes importantes.<\/p>\n

Le style d’image est une option int\u00e9ressante et significative<\/strong>. Nous savons par exp\u00e9rience que souvent tous les produits n’ont pas une image vedette de m\u00eames dimensions (l’image qui repr\u00e9sente le produit et qui se trouve \u00e9galement dans notre tableau). Ensuite, le probl\u00e8me se pose que les images du tableau seront affich\u00e9es dans des dimensions diff\u00e9rentes. C’est pourquoi les options Carr\u00e9, Paysage, Portrait et Personnalis\u00e9 sont importantes pour nous, car elles nous permettent de d\u00e9finir les images de la m\u00eame taille<\/strong>. D’autres options sont \u00e9galement int\u00e9ressantes et nous les utilisons le plus souvent lorsqu’il n’y a pas de grands \u00e9carts dans la taille des images pr\u00e9sent\u00e9es.<\/p>\n

\"Comment<\/a><\/p>\n

Les options de style de bouton<\/strong> sont \u00e9galement quelque chose dont nous aurons besoin dans la plupart des cas pour ajuster le bouton \u00e0 l’apparence du th\u00e8me. Bien qu’il ait son apparence par d\u00e9faut et qu’il puisse rester inchang\u00e9, vous souhaiterez probablement l’ajuster un peu plus.<\/p>\n

Vous pouvez changer l’arri\u00e8re-plan, toute la typographie des sous-titres, organiser le rembourrage\u2026 Et vous pouvez \u00e9galement d\u00e9finir \u00e0 quoi ressemblera le bouton de survol.<\/p>\n

\"Comment<\/a><\/p>\n

Style d’\u00e9valuation<\/strong>, entre autres, comprend des options pour modifier la taille des ic\u00f4nes utilis\u00e9es, ce qui peut \u00eatre important pour vous, mais aussi pour l’espace entre elles et pour la stylisation des parties marqu\u00e9es et non marqu\u00e9es de l’\u00e9valuation.<\/p>\n

\"Comment<\/a><\/p>\n

Et voici \u00e0 quoi \u00e7a ressemble quand on laisse libre cours \u00e0 l’imagination\u2026 Vous verrez que le dernier produit n’a pas de note, la raison \u2013 personne ne l’a not\u00e9 et comme vous pouvez le voir ce champ est vide<\/strong>. Si un champ vide vous d\u00e9range, vous pouvez facilement remplacer le champ d’\u00e9valuation par un autre \u00e9l\u00e9ment. Bien s\u00fbr, une fois qu’un tableau est d\u00e9fini, les donn\u00e9es qu’il contient peuvent \u00eatre modifi\u00e9es\u2026<\/p>\n

\"Comment<\/a><\/p>\n

En conclusion<\/h2>\n

Il existe de nombreux types d’acheteurs diff\u00e9rents, mais g\u00e9n\u00e9ralement, tout le monde aime un tableau de comparaison de produits soign\u00e9. Comme vous pouvez le voir, avec Qi Addons, ajouter une comparaison de produits est aussi simple que possible, il n’y a donc pas besoin d’h\u00e9siter m\u00eame si vous \u00eates un d\u00e9butant complet de WordPress – vous pouvez ajouter de beaux tableaux de comparaison de produits personnalis\u00e9s sans effort et sans investir trop de votre temps dedans. Une fois que vous aurez compris la simplicit\u00e9 de fonctionnement des Qi Addons, vous serez s\u00fbrement int\u00e9ress\u00e9 par l’ajout d’\u00e9l\u00e9ments plus utiles \u00e0 votre boutique en ligne, tels que les heures d’ouverture<\/a>, le widget de processus Elementor<\/a> ou peut-\u00eatre voudrez-vous explorer comment mettre en valeur un contenu sp\u00e9cifique en mettant en \u00e9vidence texte<\/a>. Il existe s\u00fbrement de nombreuses fa\u00e7ons de rendre votre site Web plus attrayant et attrayant, sans parler de la rentabilit\u00e9.<\/p>\n

Source d’enregistrement: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Apprenez \u00e0 ajouter facilement la comparaison de produits WooCommerce \u00e0 votre boutique en ligne et augmentez vos ventes !<\/p>\n","protected":false},"author":1,"featured_media":263339,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-371071","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/371071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=371071"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/371071\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/263339"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=371071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=371071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=371071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}