{"id":4423,"date":"2025-07-02T14:23:26","date_gmt":"2025-07-02T14:23:26","guid":{"rendered":"https:\/\/tableberg.com\/?p=4423"},"modified":"2025-07-02T14:24:15","modified_gmt":"2025-07-02T14:24:15","slug":"hoe-voeg-ik-een-toggle-knop-toe-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-add-a-toggle-button-in-wordpress\/","title":{"rendered":"Zo voeg je een Toggle-knop toe aan je WordPress website"},"content":{"rendered":"<p>Wil je je gebruikers een snelle en duidelijke manier geven om te schakelen tussen verschillende inhouds- of prijsopties op je WordPress site? Een toggle knop is de perfecte oplossing! <\/p>\n\n\n\n<p>Met een wisselknop kunnen bezoekers direct schakelen tussen twee of meer opties, zoals maandelijkse of jaarlijkse prijzen, lichte of donkere modus of zelfs volledig verschillende inhoudssecties, zonder dat je pagina vol staat.<\/p>\n\n\n\n<p>In deze post ontdek je twee eenvoudige manieren om toggle-knoppen aan je WordPress site toe te voegen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Methode 1:<\/strong> <a href=\"#Add-a-Toggle-Button-for-Any-Type-of-Content\">Een wisselknop toevoegen voor elk type inhoud (tekst, afbeeldingen, formulieren, enz.)<\/a><\/li>\n\n\n\n<li><strong>Methode 2:<\/strong> <a href=\"#Add-a-Toggle-Button-for-Pricing-Tables-(and-More)\">Een wisselknop toevoegen voor prijstabellen of elk ander type gegevens in tabelvorm<\/a><\/li>\n<\/ul>\n\n\n\n<p>Laten we erin duiken!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Add-a-Toggle-Button-for-Any-Type-of-Content\">Methode 1: Een knop om te schakelen toevoegen voor elk type inhoud<\/h2>\n\n\n\n<p>Als je gebruikers wilt laten wisselen tussen verschillende inhoudsblokken, zoals <a href=\"https:\/\/tableberg.com\/nl\/hoe-voeg-ik-faqs-toe-met-categorieen-en-zoekopdrachten-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">FAQs<\/a>productdetails of verschillende functiesets, dan is deze methode iets voor jou. <\/p>\n\n\n\n<p>We gebruiken de <strong><a href=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultieme Blokken<\/a><\/strong> plugin, die een veelzijdig Content Toggle (Tabbed Content) blok biedt dat werkt voor alle soorten inhoud.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 1: Installeer Ultimate Blocks Plugin<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ga naar je WordPress dashboard.<\/li>\n\n\n\n<li>Navigeer naar Plugins &gt; Nieuwe toevoegen.<\/li>\n\n\n\n<li>Zoek naar \"Ultimate Blocks\" en installeer\/activeer het.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1024x389.png\" alt=\"Installeer Ultimate Blocks Plugin\" class=\"has-border-color has-primary-accent-border-color wp-image-4432\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1024x389.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-300x114.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-768x291.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-1536x583.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/1.png 1892w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 2: Het blok Inhoud met tabbladen toevoegen<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open een bericht of pagina in de WordPress editor.<\/li>\n\n\n\n<li>Type <code>\/inhoud met tabbladen<\/code> of gebruik het + pictogram om het blok Inhoud met tabbladen toe te voegen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1024x444.png\" alt=\"Inhoudsblok met tabbladen toevoegen\" class=\"has-border-color has-primary-accent-border-color wp-image-4433\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1024x444.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-300x130.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-768x333.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-1536x667.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.1-2.png 1613w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Het blok 'Inhoud in tabbladen' ziet er als volgt uit - <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-1024x585.png\" alt=\"Initi\u00eble interface van het blok\" class=\"has-border-color has-primary-accent-border-color wp-image-4434\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-1024x585.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-300x171.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-768x439.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/2.2-2.png 1374w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 3: het blok aanpassen voor schakelfunctionaliteit<\/strong><\/h3>\n\n\n\n<p>Selecteer het blok en kies de <strong>Pillen stijl<\/strong> in de instellingen (hierdoor lijken tabbladen op knoppen).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-1024x513.png\" alt=\"Ga naar de instellingen en selecteer de stijl Pillen\" class=\"has-border-color has-primary-accent-border-color wp-image-4435\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-1024x513.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-768x385.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.1-3.png 1451w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Centreer de uitlijning voor een klassieke toggle look.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-1024x509.png\" alt=\"Uitlijning van het blok aanpassen\" class=\"has-border-color has-primary-accent-border-color wp-image-4436\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-1024x509.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-768x382.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.2-2.png 1438w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Klik op de<strong> + teken<\/strong> naast het eerste tabblad om nog een tabblad toe te voegen. Voeg ten minste twee tabbladen toe (bijvoorbeeld \"Maandelijks\" en \"Jaarlijks\" of \"Details\" en \"Overzicht\"). Hernoem de tabbladen zodat ze overeenkomen met je schakelopties.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-1024x523.png\" alt=\"Een ander tabblad toevoegen\" class=\"has-border-color has-primary-accent-border-color wp-image-4437\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-768x392.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.3-1.png 1402w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Gebruik de Kleurinstellingen om contrasterende kleuren in te stellen, zodat het duidelijk is welk tabblad actief is.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-1024x479.png\" alt=\"Hernoem de tabbladen en gebruik kleurinstellingen\" class=\"has-border-color has-primary-accent-border-color wp-image-4438\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-1024x479.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-300x140.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-768x360.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.4-1.png 1465w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Stap 4: Uw inhoud toevoegen<\/strong><\/p>\n\n\n\n<p>Klik in elk tabblad om de gewenste inhoud toe te voegen (tekst, afbeeldingen, lijsten, formulieren of zelfs andere blokken).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1024x532.png\" alt=\"Inhoud aan de tabbladen toevoegen\" class=\"has-border-color has-primary-accent-border-color wp-image-4439\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1024x532.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-300x156.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-768x399.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-1536x798.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.5.png 1612w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Pas verder aan indien nodig: verander tabbladachtergronden, inhoudskleuren en meer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-1024x524.png\" alt=\"Tabbladen aanpassen\" class=\"has-border-color has-primary-accent-border-color wp-image-4440\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/3.6.png 1451w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 5: Voorbeeld bekijken en publiceren<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gebruik de optie Preview om de toggle te testen.<\/li>\n\n\n\n<li>Als je tevreden bent, kun je de pagina publiceren of bijwerken.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-1024x602.png\" alt=\"Voorbeeld bekijken en publiceren\" class=\"has-border-color has-primary-accent-border-color wp-image-4441\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-1024x602.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-300x176.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-768x452.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/4.png 1415w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Dat is het!<\/strong> Je hebt nu een flexibele wisselknop voor elk type inhoud op je WordPress site.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Add-a-Toggle-Button-for-Pricing-Tables-(and-More)\">Methode 2: Een knop om te schakelen toevoegen voor prijstabellen (en meer)<\/h2>\n\n\n\n<p>Wil je gebruikers laten wisselen tussen maandelijkse en jaarlijkse prijstabellen of verschillende gegevenssets naast elkaar laten vergelijken? De <strong><a href=\"https:\/\/tableberg.com\/nl\/toggle-introduceren-voor-tableberg-tabellen-organiseren-in-tabbladen\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/tableberg.com\/introducing-toggle-for-tableberg-organize-tables-in-tabs\/\" rel=\"noreferrer noopener\">Schakelaar voor Tableberg<\/a><\/strong> blok in de Tableberg plugin is daar speciaal voor ontworpen!<\/p>\n\n\n\n<p>Met <a href=\"https:\/\/tableberg.com\/nl\/prijzen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tableberg Pro<\/a>Met het blok Toggle kun je een willekeurig aantal tabellen organiseren in overzichtelijke, klikbare tabbladen - perfect voor prijsplannen, productvergelijkingen, meertalige tabellen of elk ander scenario waarin meerdere tabellen zinvol zijn.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 1: Voeg het blok 'Toggle voor Tableberg' in<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open je bericht of pagina in de WordPress editor.<\/li>\n\n\n\n<li>Klik op het + (plus)-pictogram en zoek naar \"Toggle for Tableberg\".<\/li>\n\n\n\n<li>Voeg het blok toe aan je pagina.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png\" alt=\"\" class=\"has-border-color wp-image-7133\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1024x472.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-768x354.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-1536x709.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-2048x945.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Inserting-the-Toggle-for-Tableberg-Block-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 2: Uw tabbladen instellen en aanpassen<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standaard zie je drie tabbladen met het label \"Tabblad 1\", \"Tabblad 2\" en \"Tabblad 3\".<\/li>\n\n\n\n<li>Voeg naar behoefte tabbladen toe of verwijder ze met de pictogrammen + of -.<\/li>\n\n\n\n<li>Geef elk tabblad een andere naam (bijvoorbeeld \"Maandelijks\", \"Jaarlijks\" of \"Basisplan\", \"Pro Plan\").<\/li>\n\n\n\n<li>Gebruik het rechterpaneel met opties om tabbladtitels, uitlijning, kleuren en randen aan te passen voor een merkuitstraling.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png\" alt=\"\" class=\"has-border-color wp-image-7134\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1536x985.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-2048x1314.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 3: Uw tabellen toevoegen<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klik op elk tabblad om er een unieke tabel aan toe te voegen.<\/li>\n\n\n\n<li>Bouw een nieuwe tabel vanaf nul of voeg een vooraf gemaakt Tableberg tabelpatroon in.<\/li>\n\n\n\n<li>Elk tabblad kan een compleet andere tabel bevatten, geweldig voor functievergelijkingen, prijsniveaus, gegevenssets en meer.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"657\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png\" alt=\"\" class=\"has-border-color wp-image-7134\" style=\"border-color:#d0ccde;border-width:1px;border-radius:0px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1024x657.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-300x192.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-768x493.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-1536x985.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-2048x1314.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-or-remove-tabs-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Populaire gebruikssituaties<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Prijstabellen:<\/strong> Laat gebruikers wisselen tussen maandelijkse en jaarlijkse prijzen, of tussen verschillende plannen.<\/li>\n\n\n\n<li><strong>Gegevensvergelijkingen:<\/strong> Toon regionale gegevens, verschillende productspecificaties of prestatiecijfers in aparte tabbladen.<\/li>\n\n\n\n<li><strong>Educatieve inhoud:<\/strong> Organiseer lessen of cursusmateriaal om het navigeren te vergemakkelijken.<\/li>\n\n\n\n<li><strong>Meertalige tabellen:<\/strong> Geef dezelfde gegevens in verschillende talen weer voor internationale bezoekers.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stap 4: Voorbeeld bekijken en publiceren<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bekijk een voorbeeld van uw wisseltabbladen om te controleren of alles er uitziet en werkt zoals verwacht.<\/li>\n\n\n\n<li>Publiceer of update je bericht\/pagina wanneer je klaar bent.<\/li>\n<\/ul>\n\n\n\n<p>Hier is een voorbeeld van hoe toggle eruit ziet voor een prijstabel. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"1029\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Toggle-for-Tableberg-Example-.gif\" alt=\"\" class=\"wp-image-7131\" style=\"border-top-color:var(--wp--preset--color--main-accent);border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--main-accent);border-bottom-width:1px;border-left-style:none;border-left-width:0px\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusie<\/h2>\n\n\n\n<p>Het toevoegen van een wisselknop aan je WordPress site is een geweldige manier om de navigatie te verbeteren, ruimte te besparen en bezoekers direct toegang te geven tot de inhoud waar ze om geven - of het nu gaat om het wisselen tussen prijsplannen, het bekijken van details of het vergelijken van gegevens.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gebruik voor elk type inhoud <strong>Ultieme Blokken<\/strong> om in enkele seconden flexibele toggles te maken.<\/li>\n\n\n\n<li>Probeer voor prijstabellen en meer geavanceerde tabelindelingen <strong>Tableberg Pro's Schakelblok<\/strong> voor een naadloze ervaring met tabbladen.<\/li>\n<\/ul>\n\n\n\n<p>Probeer deze methoden uit op uw site en maak uw inhoud interactiever en gebruiksvriendelijker. Heb je vragen of hulp nodig? Laat het ons weten in de reacties!<\/p>","protected":false},"excerpt":{"rendered":"<p>Want to give your users a quick and clean way to switch between different content or pricing options on your WordPress site? A toggle button is the perfect solution! With a toggle button, visitors can instantly switch between two or more options\u2014like monthly vs. yearly pricing, light vs. dark mode, or even completely different content [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":4443,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-4423","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/10\/content-toggle-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/nl\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/4423","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=4423"}],"version-history":[{"count":16,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/4423\/revisions"}],"predecessor-version":[{"id":10037,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/4423\/revisions\/10037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/4443"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=4423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=4423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=4423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}