{"id":519,"date":"2025-01-12T20:14:32","date_gmt":"2025-01-12T20:14:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=519"},"modified":"2025-01-12T20:14:35","modified_gmt":"2025-01-12T20:14:35","slug":"comment-creer-un-tableau-de-prix-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-create-a-pricing-table-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er un tableau de prix dans l'\u00e9diteur de blocs de WordPress"},"content":{"rendered":"<p>A pricing table is a well-structured representation of products and services along with their corresponding prices and features. It allows customers to compare different pricing plans and choose the one that suits them.<\/p>\n\n\n\n<p>Les <a href=\"https:\/\/tableberg.com\/fr\/comment-utiliser-le-bloc-de-table-wordpress\/\" data-type=\"post\" data-id=\"326\" target=\"_blank\" rel=\"noreferrer noopener\">bloc de table par d\u00e9faut de WordPress<\/a> ne dispose pas de nombreuses fonctionnalit\u00e9s avanc\u00e9es. Il ne vous permet pas de cr\u00e9er des tableaux de prix complets. Vous avez besoin d'un plugin de construction de tableaux comme Tableberg pour cr\u00e9er de superbes tableaux de prix.<\/p>\n\n\n\n<p>Vous pouvez cr\u00e9er des tableaux de prix centr\u00e9s sur la conversion m\u00eame avec sa version gratuite. Dans cet article, nous allons vous montrer comment cr\u00e9er un tableau de prix dans WordPress en utilisant le plugin Tableberg.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>M\u00e9thode 1<\/strong>: <a href=\"#Choosing-a-Pricing-Table-Template\">Choisir un mod\u00e8le de tableau de tarification<\/a><\/li>\n\n\n\n<li><strong>M\u00e9thode 2<\/strong>: <a href=\"#Creating-a-Pricing-Table-from-the-Scratch\">Cr\u00e9er un tableau des prix \u00e0 partir de z\u00e9ro<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Essai gratuit<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Choosing-a-Pricing-Table-Template\">Choisir un mod\u00e8le de tableau de tarification<\/h2>\n\n\n\n<p>Le plugin Tableberg est livr\u00e9 avec quelques <a href=\"https:\/\/tableberg.com\/fr\/demo-des-tableaux-de-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">des mod\u00e8les de tableaux de tarification pr\u00e9\u00e9tablis<\/a>. Vous pouvez commencer tout de suite en choisissant l'un de ces mod\u00e8les. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : Installer et activer le plugin Tableberg<\/h3>\n\n\n\n<p>Aller \u00e0 <strong>Plugins &gt; Ajouter un nouveau plugin<\/strong>. Type <strong>Tableberg<\/strong> dans la bo\u00eete de recherche. <strong>Installer<\/strong> et <strong>activer<\/strong> le plugin tel qu'il appara\u00eet ci-dessous.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1024x481.png\" alt=\"\" class=\"wp-image-2583\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1024x481.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-300x141.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-768x361.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-1536x722.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-2048x963.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Installing-the-Tableberg-Plugin-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : Ajouter le bloc Tableberg \u00e0 votre article ou page<\/h3>\n\n\n\n<p>Ouvrez l'article ou la page o\u00f9 vous souhaitez cr\u00e9er le tableau des prix. Cliquez sur l'ic\u00f4ne + et recherchez \"Tableberg\". Cliquez sur le bloc Tableberg pour l'ins\u00e9rer.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"721\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1024x721.png\" alt=\"\" class=\"wp-image-2589\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1024x721.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-300x211.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-768x541.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-1536x1081.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-2048x1442.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Inserting-the-Tableberg-Block-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 3 : Choisir une table pr\u00e9fabriqu\u00e9e<\/h3>\n\n\n\n<p>Maintenant, si vous le souhaitez, vous pouvez cr\u00e9er une table \u00e0 partir de rien. Je vous montrerai cela plus tard.<\/p>\n\n\n\n<p>Voyons d'abord l'option des tableaux pr\u00e9construits. Une fois que vous avez ins\u00e9r\u00e9 le bloc Tableberg, cliquez simplement sur \"Tableaux pr\u00e9construits\". <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"650\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-1024x650.png\" alt=\"\" class=\"wp-image-2592\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-1024x650.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-300x190.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-768x488.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-1536x975.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-2048x1300.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Tables-Tableberg-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Une biblioth\u00e8que de mod\u00e8les s'affiche. S\u00e9lectionnez la section \"Tableau de tarification\" et choisissez un mod\u00e8le de tableau de tarification. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"841\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-1024x841.png\" alt=\"\" class=\"wp-image-2593\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-1024x841.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-300x246.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-768x630.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-1536x1261.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-2048x1681.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-a-Pre-Built-Table-15x12.png 15w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Le tableau sera ins\u00e9r\u00e9 dans l'\u00e9diteur. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"625\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-1024x625.png\" alt=\"\" class=\"wp-image-2594\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-1024x625.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-300x183.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-768x469.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-1536x938.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-2048x1251.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Pre-Built-Table-inserted-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 4 : Personnaliser le tableau<\/h3>\n\n\n\n<p>S\u00e9lectionnez le bloc entier en cliquant sur l'ic\u00f4ne Tableberg, puis cliquez sur l'ic\u00f4ne Param\u00e8tres dans le coin sup\u00e9rieur droit. Vous pouvez personnaliser le tableau \u00e0 partir de l\u00e0. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"600\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-1024x600.png\" alt=\"\" class=\"wp-image-2595\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-1024x600.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-300x176.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-768x450.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-1536x899.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-2048x1199.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-Table-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Creating-a-Pricing-Table-from-the-Scratch\">Cr\u00e9er un tableau des prix \u00e0 partir de z\u00e9ro<\/h2>\n\n\n\n<p>Vous pouvez \u00e9galement cr\u00e9er un tableau \u00e0 partir de z\u00e9ro. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : Choisir le nombre de colonnes et de lignes<\/h3>\n\n\n\n<p>Une fois le bloc Tableberg ins\u00e9r\u00e9, d\u00e9finissez son num\u00e9ro de ligne et de colonne. Toutefois, vous pouvez augmenter ou diminuer le nombre de lignes et de colonnes apr\u00e8s avoir cr\u00e9\u00e9 le tableau, selon vos besoins. Mais pour l'instant, nous choisissons une ligne et une colonne de 4*4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png\" alt=\"D\u00e9finir le num\u00e9ro de la ligne et de la colonne\" class=\"wp-image-176\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>As you add lots of content, you may need more space within the table cells. So, it\u2019s better if you increase the table width. Select the entire table by clicking the TableBerg icon three times on the toolbar.<\/p>\n\n\n\n<p>Vous obtiendrez le <strong>Onglet Param\u00e8tres<\/strong> appearing on the right sidebar. Under the settings table, you\u2019ll find the <strong>Largeur de la table<\/strong> option. Increase its width as you need.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width.webp\" alt=\"Increase the table width\" class=\"wp-image-520\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Increase-the-table-width-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 2 : Ajouter des titres aux colonnes du tableau<\/h3>\n\n\n\n<p>Add suitable titles to the table columns. Suppose we\u2019ll create a pricing table for a web hosting business. There are four pricing plans in the table. So, the column title will be <strong>Economy, Deluxe, Ultimate,<\/strong> et <strong>Maximum<\/strong>.<\/p>\n\n\n\n<p>You can customize the title text and its background color from the respective tab on the right sidebar. You can also increase the text typography and its size.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns.webp\" alt=\"Add titles to the pricing table columns\" class=\"wp-image-522\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-titles-to-the-pricing-table-columns-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 3 : Ajouter les prix et les taux d'actualisation aux colonnes du tableau de tarification<\/h3>\n\n\n\n<p>First, add the prices of the plans to their respective columns. We have made the price texts bold, a bit bigger, and colorized with blue.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table.webp\" alt=\"Add prices to the pricing table\" class=\"wp-image-523\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-prices-to-the-pricing-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>The discount rate usually sits very close to the main price. Place your cursor on the pricing cell and create space below them, pressing the <strong>Enter button<\/strong> on your keyboard.<\/p>\n\n\n\n<p>After that, type your desired discount rates in the respective columns. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates.webp\" alt=\"Add discount rates\" class=\"wp-image-524\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-discount-rates-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>We will now highlight the discount rate so it becomes more visible. <strong>Select the discount rate<\/strong> text area with your cursor. Click the <strong>Plus d'options<\/strong> on the toolbar. Choose the <strong>Option de mise en \u00e9vidence<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table.webp\" alt=\"Select the discount rate text in the pricing table\" class=\"wp-image-525\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Select-the-discount-rate-text-in-the-pricing-table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Use a background highlighter to the discount rate text. We have applied the color code <strong>#fcdc4b<\/strong> in the background of the discount rate on the pricing table.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text.webp\" alt=\"Use a background highlighter to the discount rate text\" class=\"wp-image-526\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-the-discount-rate-text-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Apply the same process to each column in respective areas.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text.webp\" alt=\"Use a background highlighter to all the discount text\" class=\"wp-image-527\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Use-a-background-highlighter-to-all-the-discount-text-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>If there are any special notes for the plans, you must specify them within the pricing area. See, we\u2019ve done it using the first bracket sign.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans.webp\" alt=\"Add special notes to the pricing plans\" class=\"wp-image-528\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-special-notes-to-the-pricing-plans-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">\u00c9tape 4 : Ajouter des boutons CTA au tableau<\/h4>\n\n\n\n<p>By adding CTA buttons, you cannot provoke users to buy your products. Select the cell to which you want to add the CTA button. Press the <strong>Ic\u00f4ne plus (+)<\/strong> on the cell and select the <strong>CTA button<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables.png\" alt=\"Add the button block to the TableBerg tables\" class=\"wp-image-529\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-the-button-block-to-the-TableBerg-tables-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>We\u2019re not covering this part in full detail. All you have to do here is write a compelling CTA copy for each button. Link buttons to the checkout page. Add background and text colors for the buttons.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons.png\" alt=\"Customize the CTA buttons\" class=\"wp-image-530\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons-1024x522.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Customize-the-CTA-buttons-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 5 : Ajouter des caract\u00e9ristiques au tableau des prix<\/h3>\n\n\n\n<p>Finally, you need to list all the features of your products and services based on their pricing plans. If there are any special words that you want to highlight, you can bold them.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables.webp\" alt=\"List features to the pricing tables\" class=\"wp-image-531\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-features-to-the-pricing-tables-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 6 : Pr\u00e9visualisation du tableau des prix<\/h3>\n\n\n\n<p>Before you publish the pricing table, it\u2019s better if you see it in the preview mode to check if there is any mistake. If the table is totally clean, you can make it live.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table.webp\" alt=\"Preview the Pricing Table\" class=\"wp-image-532\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Pricing-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>Thus, you can create informative pricing tables on your site that help customers make informed decisions. TableBerg is coming up with more new features by which you can create more advanced tables on your site.<\/p>\n\n\n\n<p>If you love this post, comment below and let us know your feedback. Take a look at <a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-comparatif-dans-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"252\" rel=\"noreferrer noopener\">Comment cr\u00e9er un tableau comparatif dans WordPress<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A pricing table is a well-structured representation of products and services along with their corresponding prices and features. It allows customers to compare different pricing plans and choose the one that suits them. The default WordPress table block lacks many advanced features. You cannot create comprehensive price tables with it. You need a table builder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6733,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[9],"class_list":["post-519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/How-to-Create-a-Pricing-Table-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/519\/revisions"}],"predecessor-version":[{"id":6735,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/519\/revisions\/6735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6733"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}