{"id":8698,"date":"2025-05-02T22:58:12","date_gmt":"2025-05-02T22:58:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=8698"},"modified":"2025-05-04T10:00:53","modified_gmt":"2025-05-04T10:00:53","slug":"hoe-maak-je-een-toggle-voor-maandelijkse-en-jaarlijkse-prijzen-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/nl\/how-to-create-a-monthly-yearly-pricing-toggle-in-wordpress\/","title":{"rendered":"Zo maak je een maandelijkse\/jaarlijkse prijsklok in WordPress"},"content":{"rendered":"

De kopers van tegenwoordig evalueren opties in enkele seconden: sommigen scannen prijzen, anderen vergelijken functies en velen discussi\u00ebren over maandelijkse of jaarlijkse abonnementen. In deze beslissingsomgeving van een fractie van een seconde wordt het ontwerp van je prijstabel de beslissende factor voor conversies.<\/p>\n\n\n\n

Als je een bedrijf runt dat diensten of abonnementen aanbiedt, moet je prijstabel meer doen dan een lijst met opties opsommen om bezoekers te converteren in betalende klanten. Het moet de aandacht leiden, vergelijkingen ondersteunen en het betere plan laten aanvoelen als de voor de hand liggende keuze.<\/p>\n\n\n\n

Een goed ontworpen prijstabel met een maandelijkse\/jaarlijkse omschakeling verandert een standaard prijstabel in iets veel dynamischers en gebruikersgerichters. Het geeft niet alleen opties weer, maar leidt het oog actief, benadrukt besparingen en elimineert vergelijkingsfricties.<\/p>\n\n\n\n

In deze handleiding leer je hoe je een overzichtelijke maandelijkse en jaarlijkse prijstabel kunt maken in WordPress met behulp van een tabelformaat dat er geweldig uitziet op elk apparaat.<\/p>\n\n\n\n

<\/span>
\n

Maandelijkse\/jaarlijkse prijzen Toggle<\/p>\n\n\n\n

Maandelijks<\/p>\n <\/div>\n

Jaarlijks<\/p>\n <\/div><\/nav>

\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

Basis<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Onderneming<\/p>\n<\/div><\/th>\n<\/tr>

\n

Voor particulieren<\/p>\n<\/div><\/td>\n\n

\n

Voor starters<\/p>\n<\/div><\/td>\n\n

\n

Voor grote bedrijven<\/p>\n<\/div><\/td>\n<\/tr>

\n

$99\/maand<\/p>\n<\/div><\/td>\n\n

\n

$199\/maand<\/p>\n<\/div><\/td>\n\n

\n

$299\/maand<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle analysefuncties<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 250.000 getraceerde bezoeken<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Normale ondersteuning<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 3 teamleden<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle analysefuncties<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 1.000.000 getraceerde bezoeken<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Premium ondersteuning<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 10 teamleden<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle analysefuncties<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 5.000.000 getraceerde bezoeken<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Speciale ondersteuning<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 50 teamleden<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Aan de slag<\/div><\/div><\/div><\/td>\n\n
Aan de slag<\/div><\/div><\/div><\/td>\n\n
Aan de slag<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

Basis<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Onderneming<\/p>\n<\/div><\/th>\n<\/tr>

\n

Voor particulieren<\/p>\n<\/div><\/td>\n\n

\n

Voor starters<\/p>\n<\/div><\/td>\n\n

\n

Voor grote bedrijven<\/p>\n<\/div><\/td>\n<\/tr>

\n

$990\/jaar<\/p>\n<\/div><\/td>\n\n

\n

$1990\/jaar<\/p>\n<\/div><\/td>\n\n

\n

$2990\/jaar<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle analysefuncties<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 250.000 getraceerde bezoeken<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Normale ondersteuning<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 3 teamleden<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle analysefuncties<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 1.000.000 getraceerde bezoeken<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Premium ondersteuning<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 10 teamleden<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Alle analysefuncties<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 5.000.000 getraceerde bezoeken<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Speciale ondersteuning<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Tot 50 teamleden<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Aan de slag<\/div><\/div><\/div><\/td>\n\n
Aan de slag<\/div><\/div><\/div><\/td>\n\n
Aan de slag<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n<\/div><\/div>\n\n\n

Gebouwd met Tableberg<\/a><\/p>\n<\/div><\/div>\n\n\n\n

\n\n\n\n

Zo voeg je een maandelijkse\/jaarlijkse prijsklok toe in WordPress<\/strong><\/h2>\n\n\n\n

Nu je weet hoe een prijstoog helpt om vergelijkingen te vereenvoudigen en de waarde te benadrukken, laten we de stappen doorlopen om er een te maken met behulp van de Tableberg plugin.<\/p>\n\n\n\n

Stap 1: Tableberg installeren en activeren<\/strong><\/h3>\n\n\n\n

Ga naar je WordPress dashboard, ga naar Plugins \u2192 Nieuwe toevoegen, zoek naar Tableberg, klik dan op Nu installeren, gevolgd door Activeren. Eenmaal geactiveerd vind je twee nieuwe blokken in de editor: Tableberg en Toggle for Tableberg.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Stap 2: Toggle toevoegen voor Tableberg-blok<\/strong><\/h3>\n\n\n\n

Open het bericht of de pagina waar u uw prijstabel wilt plaatsen. Klik op het plus-pictogram, zoek naar Toggle for Tableberg en voeg het blok in. Het begint standaard met drie tabbladen. Beweeg de muis over een tab om deze te verwijderen of klik op het plusteken om er meer toe te voegen. Voor deze opstelling houdt u slechts twee tabbladen over - \u00e9\u00e9n voor \"Maandelijks\" en \u00e9\u00e9n voor \"Jaarlijks\".<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Stap 3: De tabbladinstellingen configureren<\/strong><\/h3>\n\n\n\n

Als het blok geselecteerd is, gebruik je het instellingenpaneel aan de rechterkant om de opties Algemeen en Stijl aan te passen.<\/p>\n\n\n\n

Geef elk tabblad op het tabblad Algemeen een andere naam, kies welk tabblad standaard actief is en lijn de tabbladen naar wens uit. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Onder Stijl kun je kleuren aanpassen voor actieve en inactieve tabbladen, de afstand onder de toggle instellen en de randradius aanpassen om de hoeken af te ronden als je een zachtere uitstraling wilt.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Stap 4: Tabellen toevoegen binnen elk tabblad<\/strong><\/h3>\n\n\n\n

Klik op het eerste tabblad en maak de tabel. Dit zal uw maandelijkse prijstabel bevatten. Doe hetzelfde in het tweede tabblad en voeg de jaarlijkse versie toe. De structuur van beide tabellen moet hetzelfde blijven, met alleen gewijzigde prijzen en bijbehorende labels.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Stap 5: De tabellen aanpassen<\/strong><\/h3>\n\n\n\n

Voeg plannamen, doelgroeplabels, prijzen, functies en knoppen voor oproepen tot actie toe in elke kolom. Gebruik alineablokken, lijsten en knopblokken in de tabelcellen. <\/p>\n\n\n\n

Open dan de algemene instellingen om de kop- en voettekst in te stellen en pas indien nodig functies aan zoals een sticky header, sorteren en zoeken. Gebruik tot slot het tabblad stijl om de spati\u00ebring, achtergrondkleuren, randen en uitlijning te verfijnen voor een schone, consistente uitstraling in beide tabellen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Stap 6: Opslaan, bekijken en publiceren<\/strong><\/h3>\n\n\n\n

Vergeet niet om je werk eerst op te slaan. Gebruik vervolgens de preview-optie om te controleren hoe je toggle eruitziet op zowel desktop als mobiel. Zorg ervoor dat de tabwissel vloeiend verloopt en dat elke versie van de tabel duidelijk is. Als je tevreden bent, druk je op Publiceren om het live te zetten.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Laatste gedachten<\/strong><\/p>\n\n\n\n

Een maandelijkse\/jaarlijkse prijstoets is niet zomaar een ontwerptruc. Het is een praktische manier om flexibele factureringsopties te presenteren zonder je lay-out te overweldigen. Met Tableberg heb je geen extra plugins of aangepaste code nodig om het goed te doen. Je kunt een responsieve, goed gestructureerde prijstabel bouwen die bezoekers helpt plannen duidelijk te vergelijken en het plan te kiezen dat het beste bij hen past.<\/p>\n\n\n\n

Neem de tijd om je toggle met zorg in te stellen, dan krijg je een schonere pagina en een soepelere besluitvormingservaring voor je gebruikers.<\/p>","protected":false},"excerpt":{"rendered":"

Today’s buyers evaluate options in seconds: some scan prices, others compare features, and many debate monthly versus annual plans. In this split-second decision-making environment, your pricing table’s design becomes the decisive factor in conversions. If you run a service or subscription-based business, your pricing table needs to do more than list options to convert visitors […]<\/p>\n","protected":false},"author":9,"featured_media":8700,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8698","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\/2025\/05\/MonthlyYearly-Pricing-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\/8698","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=8698"}],"version-history":[{"count":39,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"predecessor-version":[{"id":8761,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/posts\/8698\/revisions\/8761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media\/8700"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}