{"id":10304,"date":"2025-07-31T14:48:55","date_gmt":"2025-07-31T14:48:55","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=10304"},"modified":"2025-07-31T14:48:57","modified_gmt":"2025-07-31T14:48:57","password":"","slug":"hoe-gebruik-je-de-producttabel-per-tableberg-blok","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/nl\/docs\/how-to-use-the-product-table-by-tableberg-block\/","title":{"rendered":"Hoe het product Table by Tableberg Block te gebruiken"},"content":{"rendered":"<p>De <strong><a href=\"https:\/\/tableberg.com\/nl\/woocommerce-product-tabel-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\">Producttabel door Tableberg<\/a><\/strong> Met het blok kun je volledig aanpasbare WooCommerce producttabellen maken in de WordPress blokeditor. Je kunt producttabellen weergeven om het voor klanten gemakkelijker te maken om te bladeren, te vergelijken en producten aan hun winkelwagen toe te voegen.<\/p>\n\n\n\n<p>Volg deze stappen om uw eerste Product Table te maken en aan te passen:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Plaats het productblok Table bij Tableberg<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik op de <strong>(+)<\/strong> knop in de WordPress editor om een nieuw blok toe te voegen.<\/li>\n\n\n\n<li>Beginnen met typen <strong>\"Product Table\"<\/strong> in de zoekbalk van het blok.<\/li>\n\n\n\n<li>Selecteer <strong>Producttabel door Tableberg<\/strong> uit de beschikbare opties.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"730\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1024x730.png\" alt=\"\" class=\"wp-image-10305\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1024x730.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-300x214.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-768x547.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1536x1095.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-2048x1459.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-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<h3 class=\"wp-block-heading\">2. Selecteer WooCommerce Table Kolommen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nadat je het blok hebt toegevoegd, zie je de optie om <strong>Selecteer WooCommerce tabelkolommen<\/strong>.<\/li>\n\n\n\n<li>Kies welke productinformatie je wilt weergeven als kolommen (bijv. Productnaam, Afbeelding, Selecteer opties voor variaties, Toevoegen aan winkelwagentje, etc.).<\/li>\n\n\n\n<li>Gebruik de vervolgkeuzelijst om een veld te kiezen en klik vervolgens op <strong>Voeg  toe<\/strong> om het op te nemen in je tabel.<\/li>\n\n\n\n<li>Je kunt kolommen op elk moment herschikken of verwijderen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1024x690.png\" alt=\"\" class=\"wp-image-10306\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1024x690.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-300x202.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-768x518.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1536x1035.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-2048x1380.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-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<h3 class=\"wp-block-heading\">3. Kies het aantal weer te geven items<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stel in hoeveel producten je wilt weergeven in je tabel.<\/li>\n\n\n\n<li>Gebruik de keuzeschakelaars om alleen <strong>aanbevolen producten<\/strong> of <strong>producten in de uitverkoop<\/strong> indien nodig.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"830\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1024x830.png\" alt=\"\" class=\"wp-image-10307\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1024x830.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-300x243.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-768x623.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1536x1245.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-2048x1660.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-15x12.png 15w\" 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<h3 class=\"wp-block-heading\">4. Het ontwerp van de Table aanpassen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Met het Tableberg blok geselecteerd, ga naar de rechter zijbalk en klik op de knop <strong>Stijlen<\/strong> tabblad (het penseelpictogram).<\/li>\n\n\n\n<li>Hier kun je:\n<ul class=\"wp-block-list\">\n<li>Wijzig de achtergrondkleuren van de koptekst, rij en voettekst.<\/li>\n\n\n\n<li>Pas de celvulling en spati\u00ebring aan.<\/li>\n\n\n\n<li>Regel tabelranden en globale lettertypestijlen.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Personaliseer je tabel zodat hij perfect past bij de branding van je site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1010\" height=\"1024\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1010x1024.png\" alt=\"\" class=\"wp-image-10308\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1010x1024.png 1010w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-296x300.png 296w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-768x778.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1516x1536.png 1516w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-2021x2048.png 2021w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-12x12.png 12w\" sizes=\"auto, (max-width: 1010px) 100vw, 1010px\" \/><\/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\">5. Individueel subblok aanpassen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Je kunt ook elk subblok (zoals Knop) afzonderlijk aanpassen.<\/li>\n\n\n\n<li>Selecteer het blok dat je wilt aanpassen en breng wijzigingen aan in het rechterpaneel met opties.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"919\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1024x919.png\" alt=\"\" class=\"wp-image-10309\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1024x919.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--300x269.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--768x689.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1536x1378.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--2048x1837.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--13x12.png 13w\" 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<h3 class=\"wp-block-heading\">6. Uw Table publiceren<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Als je tevreden bent met de tafelopstelling en het ontwerp, klik je op <strong>Publiceer<\/strong> (of <strong>Update<\/strong>) om je producttabel live te zetten.<\/li>\n<\/ul>\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\">Tips<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Je kunt meerdere Product Table-blokken toevoegen op \u00e9\u00e9n pagina voor verschillende productcategorie\u00ebn of -types.<\/li>\n\n\n\n<li>Gebruik de ingebouwde filteropties om bestsellers, uitgelichte of uitverkoopartikelen te markeren.<\/li>\n\n\n\n<li>Mix en match kolommen (zoals beoordelingen, SKU's, etc.) voor een rijkere productvergelijkingservaring.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<p><strong>Dat is het!<\/strong><\/p>\n\n\n\n<p>Met Tableberg's Product Table blok, het tonen van WooCommerce producten in een mooie, aanpasbare tabel is slechts een paar klikken verwijderd - geen codering nodig.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>","protected":false},"excerpt":{"rendered":"<p>The Product Table by Tableberg block lets you create fully customizable WooCommerce product tables right inside the WordPress block editor. You can display product table to make it easier for customers to browse, compare, and add products to their cart. Follow these steps to create and customize your first Product Table: 1. Insert the Product [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10310,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[125],"doc_tag":[],"class_list":["post-10304","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-getting-started"],"year_month":"2026-04","word_count":362,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/nl\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Getting Started","term_url":"https:\/\/tableberg.com\/nl\/docs-category\/getting-started\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/10304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"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=10304"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/10304\/revisions"}],"predecessor-version":[{"id":10311,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/10304\/revisions\/10311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/10310"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=10304"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_category?post=10304"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=10304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}