{"id":20756,"date":"2019-10-30T14:51:43","date_gmt":"2019-10-30T04:51:43","guid":{"rendered":"https:\/\/thirstyaff.wpengine.com\/?p=20756"},"modified":"2022-01-11T11:19:55","modified_gmt":"2022-01-11T11:19:55","slug":"create-product-comparison-table-wordpress","status":"publish","type":"post","link":"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress","title":{"rendered":"Comment cr\u00e9er un tableau de comparaison de produits dans WordPress"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contenu<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69d3346b5c724\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #38ad9c;color:#38ad9c\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #38ad9c;color:#38ad9c\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69d3346b5c724\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#How_to_Create_a_Product_Comparison_Table_Using_WP_Table_Builder\" >Comment cr\u00e9er un tableau de comparaison de produits en utilisant WP Table Builder<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Step_1_Install_WP_Table_Builder_Plugin\" >\u00c9tape #1 Installer le plugin WP Table Builder&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Step_2_Create_a_New_Table\" >\u00c9tape #2 Cr\u00e9er un nouveau tableau<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Step_3_Add_Content_to_Your_Table\" >\u00c9tape #3 Ajouter du contenu \u00e0 votre tableau<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Step_4_Make_Your_Table_Beautiful_and_Responsive\" >Etape #4 Rendre votre tableau beau et r\u00e9actif<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Configure_Table_Border\" >Configuration de la bordure du tableau<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Cell_Padding\" >Rembourrage des cellules<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Header_Background\" >Fond d'en-t\u00eate&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#EvenOdd_Row_Background\" >Arri\u00e8re-plan des rangs pairs\/impairs<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Step_5_Insert_the_Table_via_Shortcode\" >\u00c9tape #5 Ins\u00e9rer le tableau via un code court<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"656\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337-1024x656.jpg\" alt=\"Comment cr\u00e9er un tableau de comparaison de produits dans WordPress_ThirstyAffiliates\" class=\"wp-image-30382\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337-1024x656.jpg 1024w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337-300x192.jpg 300w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337-768x492.jpg 768w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Les tableaux de comparaison de produits sont omnipr\u00e9sents lorsque vous faites des achats en ligne. Qu'il s'agisse d'un site de commerce \u00e9lectronique ou d'un blog, les tableaux comparatifs vous aident \u00e0 comprendre ce qu'offrent les diff\u00e9rents produits. Ils vous aident \u00e9galement \u00e0 prendre des d\u00e9cisions d'achat plus \u00e9clair\u00e9es.\u00a0<\/p>\n\n\n\n<p>Si vous utilisez un <a href=\"https:\/\/thirstyaffiliates.com\/fr\/affiliate-marketing-101\/how-to-start-your-first-affiliate-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">blog affili\u00e9<\/a>Vous comprenez particuli\u00e8rement bien l'importance des tableaux de comparaison de produits. Gr\u00e2ce \u00e0 ces tableaux, vous pouvez comparer les diff\u00e9rents produits sur votre page et obtenir davantage de commissions d'affiliation.&nbsp;<\/p>\n\n\n\n<p>Cr\u00e9er un tableau pour comparer les produits de mani\u00e8re attrayante est assez simple et ne prend pas beaucoup de temps. Mais il est important que le tableau comparatif que vous cr\u00e9ez soit attrayant pour le lecteur. Votre tableau comparatif doit inciter l'utilisateur \u00e0 agir, que ce soit pour acheter un produit ou simplement pour cliquer sur le lien d'achat.\u00a0<\/p>\n\n\n\n<p>Dans cet article, nous allons vous montrer comment cr\u00e9er un tableau de comparaison de produits sur WordPress. Commen\u00e7ons par le commencement !&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_Create_a_Product_Comparison_Table_Using_WP_Table_Builder\"><\/span>Comment cr\u00e9er un tableau de comparaison de produits en utilisant WP Table Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Nous allons cr\u00e9er l'exemple de tableau suivant dans ce tutoriel :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"750\" height=\"437\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Product-Comparison-Table.png\" alt=\"Exemple de tableau de comparaison des produits\" class=\"wp-image-20932\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Product-Comparison-Table.png 750w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Product-Comparison-Table-300x175.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p>Bien que relativement d\u00e9pouill\u00e9 pour nos besoins, ce tableau comporte tous les \u00e9l\u00e9ments que l'on retrouve habituellement dans les tableaux comparatifs. Nous expliquerons chaque section en d\u00e9tail pour vous aider \u00e0 cr\u00e9er le tableau exact pr\u00e9sent\u00e9 ci-dessus.&nbsp;<\/p>\n\n\n\n<p>La premi\u00e8re \u00e9tape de ce tutoriel commence par l'installation d'un plugin.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_1_Install_WP_Table_Builder_Plugin\"><\/span>\u00c9tape #1 : Installer le plugin WP Table Builder&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Nous utiliserons le <a href=\"http:\/\/wptablebuilder.com\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WP Table Builder<\/a> Plugin. Il s'agit d'un constructeur de tableaux gratuit par glisser-d\u00e9poser. Ce constructeur est parfait pour cr\u00e9er des tableaux de comparaison et dispose d'un grand nombre d'options de personnalisation, y compris les \u00e9l\u00e9ments suivants :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Texte<\/li><li>Image<\/li><li>Bouton<\/li><li>Classement par \u00e9toiles<\/li><li>Liste<\/li><\/ul>\n\n\n\n<p>Pour installer le plugin, rendez-vous sur votre site WordPress <em>tableau de bord &gt; plugins<\/em>. Cliquez sur <em>Ajouter un nouveau<\/em>et rechercher <strong>WP Table Builder<\/strong>. Cliquez sur <em>installer<\/em> et <em>activer<\/em> pour installer le plugin sur votre site web :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"750\" height=\"402\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Install-WP-Table-Builder-Plugin.png\" alt=\"Comment cr\u00e9er un tableau de comparaison de produits sur WordPress avec le plugin WP Table Builder\" class=\"wp-image-20934\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Install-WP-Table-Builder-Plugin.png 750w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Install-WP-Table-Builder-Plugin-300x161.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p>Vous pouvez \u00e9galement t\u00e9l\u00e9charger le plugin \u00e0 partir de l'adresse suivante <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">D\u00e9p\u00f4t WordPress<\/a> et le t\u00e9l\u00e9charger sur votre site web.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_2_Create_a_New_Table\"><\/span>\u00c9tape #2 : Cr\u00e9er un nouveau tableau<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pour cr\u00e9er un nouveau tableau dans le plugin WP Table Builder, allez d'abord sur <em>Constructeur de tableau &gt; Ajouter un nouveau<\/em>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"106\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-New-Table-WP-Table-Builder-Plugin.png\" alt=\"Ajouter un nouveau tableau\" class=\"wp-image-20935\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-New-Table-WP-Table-Builder-Plugin.png 320w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-New-Table-WP-Table-Builder-Plugin-300x99.png 300w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/figure><\/div>\n\n\n\n<p>Vous verrez le constructeur de tableau par glisser-d\u00e9poser comme indiqu\u00e9 ci-dessous :&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"370\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Builder-WP-Table-Builder.png\" alt=\"Constructeur de tableaux WordPress par glisser-d\u00e9poser\" class=\"wp-image-20936\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Builder-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Builder-WP-Table-Builder-300x148.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<p>Vous pouvez donner un nom \u00e0 votre tableau et d\u00e9finir le nombre de lignes et de colonnes. Une fois cela fait, cliquez sur le bouton <em>g\u00e9n\u00e9rer<\/em> . Vous obtiendrez ainsi le tableau illustr\u00e9 ci-dessous :\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"369\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Generated-WP-Table-Builder-Plugin.png\" alt=\"Mise en place de la pr\u00e9sentation du tableau de comparaison des produits\" class=\"wp-image-20937\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Generated-WP-Table-Builder-Plugin.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Generated-WP-Table-Builder-Plugin-300x147.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_3_Add_Content_to_Your_Table\"><\/span>\u00c9tape #3 : Ajouter du contenu \u00e0 votre tableau<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Il est maintenant temps d'ajouter du contenu \u00e0 votre tableau. WP Table Builder vous permet de glisser-d\u00e9poser des \u00e9l\u00e9ments dans les cellules de votre tableau. Vous pouvez s\u00e9lectionner les \u00e9l\u00e9ments dans la barre lat\u00e9rale gauche et les faire glisser dans votre tableau. Voici \u00e0 quoi ressemble notre tableau apr\u00e8s avoir ajout\u00e9 du contenu :\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"516\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-Content-To-Table-WP-Table-Builder.png\" alt=\"Ajout de contenu \u00e0 des fins de comparaison\" class=\"wp-image-20955\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-Content-To-Table-WP-Table-Builder.png 880w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-Content-To-Table-WP-Table-Builder-300x176.png 300w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-Content-To-Table-WP-Table-Builder-768x450.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n\n<p>Nous avons utilis\u00e9 uniquement le <em>texte<\/em>, <em>image<\/em>et <em>bouton<\/em> pour cr\u00e9er le tableau. Comme vous pouvez le constater, le r\u00e9sultat est propre et beau.&nbsp;<\/p>\n\n\n\n<p>Nous allons maintenant vous montrer comment vous pouvez rendre votre table encore plus attrayante \u00e0 l'aide de ce plugin.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_4_Make_Your_Table_Beautiful_and_Responsive\"><\/span>\u00c9tape #4 : Faites en sorte que votre tableau soit beau et r\u00e9actif<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Il y a de nombreuses fa\u00e7ons de rendre votre tableau magnifique avec WP Table Builder. Ce plugin a \u00e9galement des tonnes d'options de personnalisation pour vous aider \u00e0 rendre votre tableau plus attrayant. Commen\u00e7ons par le d\u00e9but.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Configure_Table_Border\"><\/span><strong>Configuration de la bordure du tableau<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>WP Table Builder vous permet d'ajouter une bordure \u00e0 votre tableau. Vous pouvez trouver cette option dans les param\u00e8tres du tableau sur la gauche. Vous pouvez d\u00e9finir la taille de la bordure, changer sa couleur, et \u00e9galement appliquer une bordure int\u00e9rieure \u00e0 votre tableau :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"308\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Border-WP-Table-Builder.png\" alt=\"Ajuster les couleurs\" class=\"wp-image-20948\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Border-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Border-WP-Table-Builder-300x123.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cell_Padding\"><\/span><strong>Rembourrage des cellules<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>L'option de remplissage des cellules modifie le remplissage de chaque cellule de votre tableau :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"281\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Cell-Padding-WP-Table-Builder.png\" alt=\"Ajuster le rembourrage\" class=\"wp-image-20949\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Cell-Padding-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Cell-Padding-WP-Table-Builder-300x112.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Header_Background\"><\/span><strong>Fond d'en-t\u00eate&nbsp;<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Vous pouvez \u00e9galement personnaliser la couleur d'arri\u00e8re-plan de l'en-t\u00eate de votre tableau pour lui donner un peu plus de style :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"280\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Header-Background-WP-Table-Builder-1.png\" alt=\"Ajuster le bord de l&#039;en-t\u00eate\" class=\"wp-image-20950\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Header-Background-WP-Table-Builder-1.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Header-Background-WP-Table-Builder-1-300x112.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<p>Pour ce tableau, j'ai r\u00e9gl\u00e9 l'arri\u00e8re-plan de l'en-t\u00eate sur blanc afin que les logos se fondent bien.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"EvenOdd_Row_Background\"><\/span><strong>Arri\u00e8re-plan des rangs pairs\/impairs<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Les couleurs alternatives pour les lignes sont tr\u00e8s populaires dans les tableaux de comparaison de produits, et vous pouvez les appliquer facilement avec le plugin WP Table Builder :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"282\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Even-And-Odd-Row-Background-WP-Table-Builder.png\" alt=\"Bg des rangs pairs\/impairs\" class=\"wp-image-20951\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Even-And-Odd-Row-Background-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Even-And-Odd-Row-Background-WP-Table-Builder-300x113.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<p>Maintenant que votre tableau est magnifique sur un ordinateur de bureau, vous devez \u00e9galement veiller \u00e0 ce qu'il soit parfait sur les appareils mobiles.\u00a0<\/p>\n\n\n\n<p>Ce qui est g\u00e9nial, c'est que vous n'avez pas besoin de faire beaucoup de d\u00e9marches. Tout ce que vous avez \u00e0 faire est de cliquer sur le bouton<em> <strong>Rendre le tableau r\u00e9actif<\/strong><\/em> toggle. Votre tableau sera ainsi plus attractif et plus attrayant sur les appareils mobiles :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"315\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Make-Table-Responsive-WP-Table-Builder.png\" alt=\"Cr\u00e9er un tableau comparatif des produits\" class=\"wp-image-20952\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Make-Table-Responsive-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Make-Table-Responsive-WP-Table-Builder-300x126.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<p>Enfin, activez la fonction <em>Rang\u00e9e sup\u00e9rieure comme en-t\u00eate<\/em> pour que la ligne sup\u00e9rieure devienne l'en-t\u00eate du tableau.&nbsp;<\/p>\n\n\n\n<p>Votre table est enfin pr\u00eate \u00e0 \u00eatre utilis\u00e9e !\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_5_Insert_the_Table_via_Shortcode\"><\/span>\u00c9tape #5 : Ins\u00e9rer le tableau via un code court<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Maintenant que votre tableau est pr\u00eat, vous devez l'ins\u00e9rer dans votre contenu. Vous pouvez le faire facilement en ins\u00e9rant le shortcode du plugin.&nbsp;<\/p>\n\n\n\n<p>Pour trouver le shortcode du tableau, cliquez sur le bouton <em>Embarquer<\/em> en haut du g\u00e9n\u00e9rateur de tableaux. Cela ouvrira une fen\u00eatre contextuelle contenant le shortcode :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"371\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Embed-Table-WP-Table-Builder.png\" alt=\"Ins\u00e9rer un tableau de comparaison via un shortcode\" class=\"wp-image-20953\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Embed-Table-WP-Table-Builder.png 750w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Embed-Table-WP-Table-Builder-300x148.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p>Vous pouvez maintenant copier et coller ce shortcode n'importe o\u00f9 dans votre contenu.&nbsp;<\/p>\n\n\n\n<p>Une autre fa\u00e7on de trouver le shortcode du tableau est d'aller sur <em>Constructeur de tableaux &gt; Tous les tableaux<\/em>. Vous y trouverez tous les tableaux que vous avez cr\u00e9\u00e9s :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"248\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/All-Tables-WP-Table-Builder.png\" alt=\"Tous les tableaux listent\" class=\"wp-image-20954\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/All-Tables-WP-Table-Builder.png 750w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/All-Tables-WP-Table-Builder-300x99.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p>Comme vous pouvez le constater, vous pouvez copier le shortcode du tableau \u00e0 partir de cette page.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Si vous vous demandiez auparavant comment cr\u00e9er un tableau de comparaison de produits dans WordPress, vous voyez maintenant \u00e0 quel point le processus est facile. Avec le plugin WP Table Builder, tout le processus de cr\u00e9ation d'un tableau engageant est simplifi\u00e9 et peut \u00eatre r\u00e9alis\u00e9 en quelques minutes.&nbsp;<\/p>\n\n\n\n<p>Il existe de nombreuses options de personnalisation qui vous permettent de concevoir l'aspect et la convivialit\u00e9 de la table que vous cr\u00e9ez.<\/p>\n\n\n\n<p>Si vous avez des questions concernant ce tutoriel, veuillez les poser dans la section des commentaires ci-dessous. Nous serons ravis de vous aider !<\/p>\n\n\n\n<p>Si vous avez aim\u00e9 cet article, n'oubliez pas de nous suivre sur <a href=\"https:\/\/twitter.com\/thirstyaff\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Twitter<\/strong><\/a>, <a href=\"https:\/\/www.instagram.com\/thirstyaffiliates\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Instagram<\/strong><\/a>, <a href=\"https:\/\/www.facebook.com\/thirstyaffiliates\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Facebook<\/strong><\/a>, <a href=\"https:\/\/www.pinterest.com\/memberpressplugin\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Pinterest<\/strong><\/a>et <a href=\"https:\/\/www.linkedin.com\/showcase\/thirstyaffiliates\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>LinkedIn<\/strong><\/a>! Et n'oubliez pas de vous inscrire dans le <a href=\"https:\/\/thirstyaffiliates.com\/go\/box\/\" title=\"Lien d&#039;affiliation de la bo\u00eete\" class=\"pretty-link-keyword\"rel=\"\">bo\u00eete<\/a> ci-dessous.<\/p>","protected":false},"excerpt":{"rendered":"<p>Les tableaux de comparaison de produits sont omnipr\u00e9sents lorsque vous faites des achats en ligne. Qu'il s'agisse d'un site de commerce \u00e9lectronique ou d'un blog, les tableaux comparatifs vous aident \u00e0 comprendre ce qu'offrent les diff\u00e9rents produits. Ils vous aident \u00e9galement \u00e0 prendre des d\u00e9cisions d'achat plus \u00e9clair\u00e9es.  Si vous g\u00e9rez un blog d'affiliation, vous comprenez particuli\u00e8rement bien l'importance des comparaisons de produits<\/p>\n<p><a class=\"read-more\" href=\"https:\/\/thirstyaffiliates.com\/fr\/blog\/create-product-comparison-table-wordpress\">Lire la suite<\/a><\/p>","protected":false},"author":606,"featured_media":28996,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_strive_checklists":"\"\"","_strive_active_checklist":"","_strive_post_notes":"","footnotes":""},"categories":[1],"tags":[210],"class_list":["post-20756","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-increasing-sales","tag-affiliate-products"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/posts\/20756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/users\/606"}],"replies":[{"embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/comments?post=20756"}],"version-history":[{"count":0,"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/posts\/20756\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/media\/28996"}],"wp:attachment":[{"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/media?parent=20756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/categories?post=20756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/fr\/wp-json\/wp\/v2\/tags?post=20756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}