{"id":1183,"date":"2024-04-30T17:24:06","date_gmt":"2024-04-30T17:24:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1183"},"modified":"2025-06-16T09:47:47","modified_gmt":"2025-06-16T09:47:47","password":"","slug":"hoe-knoppen-toevoegen-aan-wordpress-tabellen","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/nl\/docs\/how-to-add-buttons-to-wordpress-tables\/","title":{"rendered":"Knoppen Blok"},"content":{"rendered":"<p>Knoppen zijn een krachtig webelement waarmee gebruikers verschillende acties kunnen uitvoeren. Door knoppen toe te voegen aan tabellen kun je gebruikers motiveren om je producten te verkennen en te kopen.<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TafelBerg<\/a> is een prachtige tabel-bouwer plugin waarmee je knoppen kunt maken en toevoegen aan je tabellen. Laten we eens kijken hoe je knoppen toevoegt aan WordPress Tabellen<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 01: Selecteer de cel waar je de knop wilt toevoegen<\/h2>\n\n\n\n<p>Selecteer de cel waar je een knop wilt toevoegen door je cursor erop te plaatsen.<\/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\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button.webp\" alt=\"Selecteer de cel waar je de knop wilt toevoegen\" class=\"wp-image-1184\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 02: het knoppenblok toevoegen aan de tabel<\/h2>\n\n\n\n<p>Klik op de Gutenberg <strong>plus (+) pictogram<\/strong>. Je zult de <strong>Knopblok<\/strong>. <\/p>\n\n\n\n<p><strong>Toevoegen aan de tabel<\/strong> door erop te klikken.<\/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\/04\/Add-the-Button-Block-to-the-Table.webp\" alt=\"Het knoppenblok aan de tabel toevoegen\" class=\"wp-image-1185\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 03: Voeg een CTA-kopie toe aan de knop<\/h2>\n\n\n\n<p>Een CTA-tekst is een must voor elke knop. <strong>Voeg je CTA-tekst toe<\/strong> naar de knop.<\/p>\n\n\n\n<p>Je kunt de positie van de knop wijzigen met de optie Uitlijning op de werkbalk. Vervolgens kun je de breedte vergroten via de instellingen voor Breedte op de rechterzijbalk.<\/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\/04\/Add-a-CTA-Copy-to-the-Button.webp\" alt=\"Een CTA-kopie aan de knop toevoegen\" class=\"wp-image-1186\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 04: De knop stylen<\/h2>\n\n\n\n<p>Kom naar de <strong>Tabblad Stijlen<\/strong>. Vanaf hier kun je de tekstkleur, achtergrondkleur, hover-kleur, typografie en afmetingen van de knop wijzigen. Hopelijk kun je de wijzigingen zelf uitvoeren.<\/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\/04\/Stylize-the-Button.webp\" alt=\"De knop stylen\" class=\"wp-image-1187\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stap 05: Een bestemmingslink aan de knop toevoegen<\/h2>\n\n\n\n<p>Klik op de <strong>Link optie<\/strong> op de werkbalk. Er wordt een vak geopend waarin je een bestemmingslink kunt toevoegen. Kopieer en plak de gewenste link naar je bericht of pagina in het vak.<\/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\/04\/Add-a-Destination-Link-to-the-Button.webp\" alt=\"Een bestemmingslink aan de knop toevoegen\" class=\"wp-image-1188\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Zo kun je CTA knoppen toevoegen aan je WordPress tabellen. Lees voor meer informatie dit bericht op <a href=\"https:\/\/tableberg.com\/nl\/hoe-koop-op-amazon-knop-toevoegen-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hoe voeg ik 'Koop op Amazon' knoppen toe in een WordPress tabel?<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Video-handleiding<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Knoppen toevoegen aan een tabel in WordPress met Tableberg\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/3ZJ4RrEwdKE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>Buttons are a powerful web element that can trigger users to complete various actions. By adding buttons to tables, you can motivate users to explore and buy your products. TableBerg is a wonderful table-builder plugin by which you can create and add buttons to your tables. Let&#8217;s have a tour on how to add buttons [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[63],"class_list":["post-1183","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-table-buttons"],"year_month":"2026-04","word_count":272,"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":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/nl\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Table Buttons","term_url":"https:\/\/tableberg.com\/nl\/docs-tag\/table-buttons\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1183","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=1183"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1183\/revisions"}],"predecessor-version":[{"id":9745,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/1183\/revisions\/9745"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=1183"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_category?post=1183"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=1183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}