{"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":"hoe-maak-je-een-prijstabel-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-create-a-pricing-table-in-wordpress\/","title":{"rendered":"Zo maak je een prijstabel in WordPress Blok Editor"},"content":{"rendered":"<p>Een prijstabel is een goed gestructureerde weergave van producten en diensten met de bijbehorende prijzen en functies. Hiermee kunnen klanten verschillende prijsplannen vergelijken en de prijs kiezen die bij hen past.<\/p>\n\n\n\n<p>De <a href=\"https:\/\/tableberg.com\/nl\/hoe-gebruik-je-het-wordpress-tabelblok\/\" data-type=\"post\" data-id=\"326\" target=\"_blank\" rel=\"noreferrer noopener\">standaard WordPress tabelblok<\/a> mist veel geavanceerde functies. Je kunt er geen uitgebreide prijstabellen mee maken. Je hebt een table builder plugin zoals Tableberg nodig om prachtige prijstabellen te maken.<\/p>\n\n\n\n<p>Je kunt conversiegerichte prijstabellen maken, zelfs met de gratis versie. In dit artikel laten we je zien hoe je een prijstabel kunt maken in WordPress met behulp van de Tableberg plugin.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Methode 1<\/strong>: <a href=\"#Choosing-a-Pricing-Table-Template\">Een sjabloon voor prijstabellen kiezen<\/a><\/li>\n\n\n\n<li><strong>Methode 2<\/strong>: <a href=\"#Creating-a-Pricing-Table-from-the-Scratch\">Een prijstabel maken vanuit het niets<\/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>Maak prachtige tafels <\/strong><br><strong>Met blok-editor<\/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\">Probeer gratis<\/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\/nl\/prijzen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Krijg 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\">Een sjabloon voor prijstabellen kiezen<\/h2>\n\n\n\n<p>De Tableberg plugin wordt geleverd met een aantal <a href=\"https:\/\/tableberg.com\/nl\/prijstabellen-demo\/\" target=\"_blank\" rel=\"noreferrer noopener\">kant-en-klare sjablonen voor prijstabellen<\/a>. Je kunt meteen aan de slag door een van deze sjablonen te kiezen. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 1: Installeer en activeer de Tableberg-plugin<\/h3>\n\n\n\n<p>Ga naar <strong>Plugins &gt; Nieuwe plug-in toevoegen<\/strong>. Type <strong>Tafelberg<\/strong> in het zoekvak. <strong>Installeer<\/strong> en <strong>activeren<\/strong> de plugin nadat deze hieronder is weergegeven.<\/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\">Stap 2: Voeg het Tableberg blok toe aan je bericht of pagina<\/h3>\n\n\n\n<p>Open de post of pagina waar je de prijstabel wilt maken. Klik op het + pictogram en zoek naar 'Tableberg'. Klik op het Tableberg-blok om het in te voegen.<\/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\">Stap 3: Kies een kant-en-klare tafel<\/h3>\n\n\n\n<p>Als je wilt, kun je nu vanuit het niets een tabel maken. Dat zal ik later laten zien.<\/p>\n\n\n\n<p>Laten we eerst de kant-en-klare optie bekijken. Nadat je het Tableberg-blok hebt ingevoegd, klik je gewoon op 'Vooraf gebouwde tabellen'. <\/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>Er verschijnt een patronenbibliotheek. Selecteer de sectie 'Prijstabel' en kies een prijstabelsjabloon. <\/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>De tabel wordt ingevoegd in de editor. <\/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\">Stap 4: de tabel aanpassen<\/h3>\n\n\n\n<p>Selecteer het hele blok door op het pictogram Tableberg te klikken en klik vervolgens op het pictogram Instellingen in de rechterbovenhoek. Van daaruit kunt u de tabel aanpassen. <\/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\">Een prijstabel maken vanuit het niets<\/h2>\n\n\n\n<p>Je kunt ook een tabel maken vanuit het niets. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 1: Kies het aantal kolommen en rijen<\/h3>\n\n\n\n<p>Zodra je het Tableberg blok hebt ingevoegd, stel je het rij- en kolomnummer in. Je kunt het aantal rijen en kolommen echter naar behoefte verhogen of verlagen nadat je de tabel hebt gemaakt. Maar voor nu kiezen we een 4*4 rij en kolom.<\/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=\"Stel het rij- en kolomnummer in\" 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>Als je veel inhoud toevoegt, heb je misschien meer ruimte nodig in de tabelcellen. Het is dus beter om de breedte van de tabel te vergroten. Selecteer de hele tabel door drie keer op het TableBerg-pictogram op de werkbalk te klikken.<\/p>\n\n\n\n<p>Je krijgt de <strong>Tabblad Instellingen<\/strong> in de rechterzijbalk. Onder de instellingentabel vindt u de <strong>Tabel Breedte<\/strong> optie. Vergroot de breedte naar behoefte.<\/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=\"Vergroot de breedte van de tabel\" 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\">Stap 2: Titels toevoegen aan de tabelkolommen<\/h3>\n\n\n\n<p>Voeg passende titels toe aan de kolommen van de tabel. Stel dat we een prijstabel maken voor een webhostingbedrijf. Er zijn vier prijsplannen in de tabel. De kolomtitel wordt dan <strong>Economy, Deluxe, Ultimate,<\/strong> en <strong>Maximaal<\/strong>.<\/p>\n\n\n\n<p>Je kunt de titeltekst en de achtergrondkleur aanpassen via het tabblad aan de rechterkant. Je kunt ook de teksttypografie en de grootte aanpassen.<\/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=\"Titels toevoegen aan de kolommen in de prijstabel\" 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\">Stap 3: Prijzen en kortingspercentages toevoegen aan de kolommen van de prijstabel<\/h3>\n\n\n\n<p>Voeg eerst de prijzen van de plannen toe aan hun respectievelijke kolommen. We hebben de prijsteksten vet, iets groter en blauw gekleurd gemaakt.<\/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=\"Prijzen toevoegen aan de prijstabel\" 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>Het kortingspercentage zit meestal dicht bij de hoofdprijs. Plaats je cursor op de prijscel en cre\u00eber ruimte eronder door op de knop <strong>Knop Enter<\/strong> op je toetsenbord.<\/p>\n\n\n\n<p>Typ daarna je gewenste kortingspercentages in de respectievelijke kolommen. <\/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=\"Kortingspercentages toevoegen\" 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 zullen nu de discontovoet benadrukken zodat deze beter zichtbaar wordt. <strong>Selecteer het kortingspercentage<\/strong> tekstgebied met je cursor. Klik op de <strong>Meer optie<\/strong> op de werkbalk. Kies de <strong>Markeer optie<\/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=\"Selecteer de kortingstekst in de prijstabel\" 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>Gebruik een achtergrondmarkeerstift voor de kortingstarief tekst. We hebben de kleurcode toegepast <strong>#fcdc4b<\/strong> op de achtergrond van het kortingspercentage op de prijstabel.<\/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=\"Gebruik een achtergrondmarkeerstift voor de tekst over de disconteringsvoet\" 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>Pas hetzelfde proces toe op elke kolom in de respectieve gebieden.<\/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=\"Gebruik een achtergrondmarkeerstift voor alle kortingsteksten\" 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>Als er speciale opmerkingen zijn voor de plannen, moet u deze opgeven in het prijsgebied. Kijk, we hebben het gedaan met het eerste haakjesteken.<\/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=\"Speciale opmerkingen toevoegen aan de prijsplannen\" 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\">Stap 4: CTA-knoppen toevoegen aan de tabel<\/h4>\n\n\n\n<p>Door CTA-knoppen toe te voegen, kun je gebruikers niet uitlokken om je producten te kopen. Selecteer de cel waaraan je de CTA-knop wilt toevoegen. Druk op de <strong>Plus (+) pictogram<\/strong> op de cel en selecteer de <strong>CTA-knop<\/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=\"Voeg het knoppenblok toe aan de TableBerg tabellen\" 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 behandelen dit gedeelte niet in detail. Het enige wat je hier hoeft te doen is een overtuigende CTA-tekst schrijven voor elke knop. Koppel de knoppen aan de afrekenpagina. Achtergrond- en tekstkleuren toevoegen voor de knoppen.<\/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=\"Pas de CTA-knoppen aan\" 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\">Stap 5: Functies toevoegen aan de prijstabel<\/h3>\n\n\n\n<p>Ten slotte moet je alle functies van je producten en diensten op basis van hun prijsplannen opsommen. Als er speciale woorden zijn die je wilt benadrukken, kun je die vet maken.<\/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=\"Functies toevoegen aan de prijstabellen\" 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\">Stap 6: Een voorbeeld van de prijstabel bekijken<\/h3>\n\n\n\n<p>Voordat je de prijstabel publiceert, kun je hem het beste bekijken in de voorbeeldmodus om te controleren of er fouten in zitten. Als de tabel helemaal schoon is, kun je hem live zetten.<\/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=\"Een voorbeeld van de prijstabel\" 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\">Conclusie<\/h3>\n\n\n\n<p>Zo kun je informatieve prijstabellen op je site maken die klanten helpen weloverwogen beslissingen te nemen. TableBerg komt met meer nieuwe functies waarmee je meer geavanceerde tabellen op je site kunt maken.<\/p>\n\n\n\n<p>Als je deze post leuk vindt, plaats dan hieronder een reactie en laat ons weten wat je ervan vindt. Neem een kijkje op <a href=\"https:\/\/tableberg.com\/nl\/hoe-maak-je-een-vergelijkingstabel-in-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"252\" rel=\"noreferrer noopener\">hoe maak je een vergelijkingstabel in 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\/nl\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=519"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/519\/revisions"}],"predecessor-version":[{"id":6735,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/519\/revisions\/6735"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/6733"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}