Heb je een lijst met prijzen op je website? Bijvoorbeeld voor diensten zoals tuinonderhoud of voor software? Van de tech-wereld tot yogastudio’s, de meeste bedrijven kunnen wel een prijstabel gebruiken om duidelijker te maken wat ze aanbieden. De belangrijkste manier om dat te doen is door naar de beste WordPress prijstabelplugins te kijken en er vervolgens één op je website te implementeren.

Maar nu vraag je je wellicht af: waarom is het zo belangrijk om een prijstabel te hebben?

Het antwoord is vrij logisch, (je wilt toch meer conversies?) maar het is zeker een goed idee om het waarom achter de prijstabel te begrijpen. Waarom is een prijstabelplugin effectiever om iets te verkopen dan een gewone opsomming, paragraaf of zelfs een illustratie?

Door een strakke verkooppagina kun je je diensten beter benadrukken waardoor je beter verkoopt. Bekijk deze handige WordPress prijstabelplugins. 🛒Click to Tweet

Waar moet je op letten bij een prijstabelplugin voor WordPress

Nu we de voordelen van een prijstabel binnen je WordPress website begrijpen, kijken we naar enkele features die je daarbij graag zou willen zien:

We kunnen verder nog tientallen features noemen, maar dit is alvast een goede basis.

Een vergelijking van de beste WordPress prijstabelplugins (en hoe je er zelf één kunt maken)

  1. Responsive Pricing Table by WP Darko
  2. Go Pricing
  3. Pricing Tables WordPress Plugin – Easy Pricing Tables
  4. Pricing Table van Supsystic
  5. CSS3 Responsive WordPress Compare Pricing Tables
  6. ARPrice – Responsive WordPress Pricing Table Plugin
  7. WP Pricing Table Builder – Responsive Pricing Plans Plugin for WordPress
  8. Pricing Table – Price list, Price Table, Easy Pricing Table
  9. WRC Pricing Tables
  10. Zo maak je zelf een prijstabel in WordPress

Zoals je nu al kunt zien is er geen gebrek aan keuze als het gaat om prijstabelplugin. Sommige, ook erg goede, zijn gratis om te gebruiken, terwijl andere alleen betaalde opties bieden. Dat gezegd hebbende, alle plugins hieronder hebben hun plekje op de lijst verdiend, en sommige hebben specifieke, unieke features die ze perfect maken voor bepaalde sectoren of bedrijven.

1. Responsive Pricing Table by WP Darko

De Responsive Pricing Table plugin is één van de meer gebruiksvriendelijke prijstabelplugins en zit boordevol features. Het biedt een uitstekende gratis versie zonder beperkingen op hoeveel pakketten je kunt aanbieden of hoeveel tabellen je op je website zet. Maar je kunt wel upgraden naar de premium versie als je toegang wilt tot betere features zoals skins en een “equalizer” die alle kolomhoogten precies hetzelfde maakt.

Responsive Pricing Table WordPress Plugin
Responsive Pricing Table WordPress Plugin

Je maakt de prijstabellen in deze plugin met eenvoudige velden en duidelijke knoppen aan de back-end. Enkele van de ingebouwde velden zijn bijvoorbeeld prijzen, omschrijvingen, titels en icoontjes. Sommige custom knoppen bieden ruimte voor links naar bijvoorbeeld Stripe en PayPal, terwijl de custom CSS-klassen erg handig zijn voor gevorderde developers.

Kosten

Er is een gratis pakket beschikbaar.

Je kunt ook de premium plugin krijgen voor $19 op één site of $49 voor een onbeperkt aantal sites.

De Darko ontwikkelaars verkopen ook andere plugins, en ze bieden een compleet pakket plugins voor $79. Dat kan zeker een goede keuze zijn voor sommige bedrijven.

Features waardoor de Responsive Pricing Table plugin een goede keus is

2. Go Pricing

De Go Pricing app heeft geen gratis versie, maar is al wel duizenden keren verkocht en heeft geweldige beoordelingen op CodeCanyon. Daarnaast kost het slechts $27 om één van de beste prijstabelplugins van dit moment te krijgen.

Go Pricing - WordPress Responsive Pricing Tabel
Go Pricing – WordPress Responsive Pricing Tabel

Wat maakt de Go Pricing plugin zo bijzonder? Om te beginnen heeft het bijzonder strak vormgegeven tabellen, met moderne kleuren en een hoop witruimte zodat het er niet volgepropt uitziet. Je kunt verder kiezen uit een grote verzameling thema’s, waarvan sommige specifiek zijn ontworpen voor bepaalde sectoren. We vinden het ook erg prettig dat de plugin goed integreert met diverse pagebuilders en shortcodes heeft, zodat je geen volleerd programmeur hoeft te zijn om prijstabellen te maken.

Kosten

Een eenmalige prijs van $27 met de optie om een jaar langer ondersteuning te krijgen voor $8,25.

Features waardoor Go Pricing een goede keus is

3. Pricing Tables WordPress Plugin – Easy Pricing Tables

Als je op zoek bent naar strakke vergelijkingstabellen zonder toeters en bellen, dan is de Pricing Tables WordPress plugin waarschijnlijk een interessante optie voor je. Het heeft zowel gratis als premium versies, waarvan de betaalde versie begint bij $29 per jaar voor één website en eindigt bij $99 per jaar voor een onbeperkt aantal websites. Enkele van de premium features zijn echt heel cool, zoals een WooCommerce addon en een Google Analytics integratie.

Pricing Tables WordPress Plugin – Easy Pricing Tables
Pricing Tables WordPress Plugin – Easy Pricing Tables

Enkele van de andere integraties voor de premium versies zijn onder meer Easy Digital Downloads, Stripe en een Pricing Toggle addon. Verder kun je je ontwerpproces direct beginnen met wel 10 vooraf ingestelde ontwerpen. Zoals gezegd is het één van de eenvoudigere prijstabelplugins, dus vooral prettig als je niet op zoek bent naar animaties of fancy graphics.

Kosten

De basisplugin is gratis.

De premium plugin begint bij $29 per jaar voor één site, is $59 per jaar voor vijf sites, en $99 per jaar voor een onbeperkt aantal.

Features waardoor Easy Pricing Tables een goede keus is

4. Pricing Table by Supsystic

Het ontwikkelingsteam van Supsystic staat bekend om het maken van allerlei plugins voor fotogalerijen, popups, datatabellen en meer. We kijken nu echter alleen naar de Pricing Table plugin, die aangeboden wordt als een gratis oplossing met alsnog best wat features waarmee je zeker iets moois kunt neerzetten. Om precies te zijn, biedt de gratis versie features voor templates, animaties als je je muis eroverheen beweegt, en customizations van knoppen. Je kunt zelfs eenvoudig de informatie voor je overzicht importeren en exporteren.

Pricing Table door Supsystic
Pricing Table by Supsystic

We vinden de look van de premium plugin echt mooi, zeker aangezien het begint bij $39 voor één site en je daar een enorm pakket aan premium templates en rolverdelingen bij krijgt. In het algemeen zou ik zeggen dat dit één van de beste prijstabelplugins is om gewoon alleen de gratis basisplugin van te gebruiken, en de betaalde versie van te laten zitten. Maar tegelijk zijn de premium templates wel echt heel mooi, en ze kosten ook weer niet zo veel.

Kosten

Er is een gratis pakket beschikbaar.

Je kunt upgraden naar premium voor $39 voor één website. Of $69 voor ondersteuning op vijf sites. Of $149 voor een onbeperkt aantal websites.

Features waardoor de Pricing Table plugin van Supsystic een goede keus is

5. CSS3 Responsive WordPress Compare Pricing Tables

Voor slechts $20 biedt de CSS3 Responsive prijstabelplugin echt waar voor je geld. Het wordt uitsluitend verkocht op CodeCanyon, maar onthoud wel dat er geen gratis versie beschikbaar is. Maar de meeste mensen zullen niet wakker liggen van het uitgeven van $20 voor een prijsplugin met geweldige beoordelingen en reviews. De plugin biedt prachtige templates, zodat je meteen kunt beginnen. Je kunt kleuren en lettertypen veranderen, en je beste pakketten benadrukken.

CSS3 Responsive WordPress Compare Pricing Tables
CSS3 Responsive WordPress Compare Pricing Tables

De meeste prijstabellen op deze lijst zijn (natuurlijk) responsive, maar deze ziet er echt bijzonder goed uit tijdens het testen op zowel mijn telefoon als tablet. Het lijkt erop dat ook de ontwikkelaars erg “responsive” zijn en graag nieuwe features maken en dan als updates publiceren. Tijdens het schrijven van dit artikel waren er bijvoorbeeld al drie grote featurereleases, met verschuivende kolommen, responsive mode, en importeren en exporteren van data.

Kosten

$20 voor alle features.

Je kunt nog $5,63 extra betalen om de ondersteuning met een jaar te verlengen. Er is geen gratis plugin beschikbaar.

Features waardoor CSS3 Pricing Tables Grids een goede keus is

6. ARPrice – Responsive WordPress Pricing Table Plugin

De ARPrice plugin is ook via de CodeCanyon website te koop, voor de prijs van $23. Het begint ons op te vallen dat het voor veel bedrijven en mensen vaak een beter idee is om deze superlage prijzen te betalen voor plugins met alle features dan om voor gratis plugins te gaan die níet alle benodigde functies bieden. In ieder geval biedt deze prijstabelplugin enkele van de beste visuals binnen deze lijst, doordat het verschillende media-items ondersteunt, zoals achtergrondafbeeldingen en iconen.

ARPrice – WordPress Prijstabel Plugin
ARPrice – WordPress Prijstabel Plugin

Het ontwerpen doe je via een visuele editor die precies laat zien hoe je prijstabel er aan de voorkant uit zal gaan zien. Je kunt vervolgens kiezen of je prijzen zijn gebaseerd op bijvoorbeeld maandelijkse of jaarlijkse abonnementen. Je start het proces door een template te kiezen, en vervolgens kun je de data importeren, looks veranderen, en het lettertype kiezen. Kortgezegd, de ARPrice plugin biedt een prachtige interface met nog mooie resultaten aan de front-end.

Kosten

Een eenmalige prijs van $23, waarbij je nog $6,75 kunt betalen om je ondersteuning te verlengen met een jaar.

Features waardoor ARPrice een goede keus is

7. WP Pricing Table Builder — Responsive Pricing Plans Plugin for WordPress

Dit is nog een premium prijstabelplugin tegen een goede prijs. De WP Pricing Table Builder biedt ongeveer 90 templates waar je meteen je tanden in kunt zetten. Er is ook een generator voor custom thema’s en een builder met sleepfunctie zodat alles volledig visueel te ontwerpen is.

WP Pricing Table Builder - Responsive Pricing Plans Plugin for WordPress
WP Pricing Table Builder – Responsive Pricing Plans Plugin for WordPress

Ik vind dit een fijne plugin, omdat het niet een templateverzameling probeert te zijn met honderden opties. In plaats daarvan kun je zien dat de developers gericht zijn op kwaliteit, en hebben ze tijd en energie gestopt in het perfectioneren van de templates die ze wél aanbieden. De generator voor een kleurenschema is een interessante feature die je eigenlijk nergens anders ziet. Hiermee kun je een kleurenschema genereren op basis van één kleur. Daardoor weet je dat de kleuren van je prijstabel perfect passen.

Kosten

De plugin kost $24.

Upgrade naar 12 maanden ondersteuning voor $7,13.

Features waardoor de WP Pricing Table Builder een goede keus is

8. Pricing Table – Price list, Price Table, Easy Pricing Table

De Pricing Table – Price List plugin is gemaakt door A WP Life. Het is een wat nieuwere, maar gerespecteerde oplossing. De gratis versie heeft opties voor customization, inclusief een aantal templates. Animaties worden ook meegeleverd, en je kunt items zoals icoontjes en featurelijsten toevoegen. Plaats verder “Nu kopen” knoppen bij de lijsten en gebruik tags zoals “Hot” of “Populair”.

Zorgen trage pagina’s voor minder sales en lagere omzet? Profiteer van de voor prestaties geoptimaliseerde architectuur van Kinsta en breng de verkoop omhoog! Bekijk onze hostingpakketten!

Pricing Table – Price list, Price Table, Easy Pricing Table
Pricing Table – Price list, Price Table, Easy Pricing Table

De premium versie van de plugin geeft al die features, plus nog eens 19 templates. Het kost slechts $9,99 dus als je een template ziet dat bij je merk past, kun je je er geen buil aan vallen.

Kosten

Gratis voor de basisplugin en $9,99 voor de premium versie.

Features waardoor de Pricing Table een goede keus is

9. WRC Pricing Tables

De WRC Pricing Tables plugin wordt aangeboden als gratis plugin, maar er is ook een upgrade beschikbaar voor $10. De premium versie is iets geavanceerder, heeft meer dan 500 extra templates, een PayPal integratie en prijsschakelaars zodat gebruikers gemakkelijk kunnen schakelen tussen bijvoorbeeld maandelijkse en jaarlijkse pakketten. Bij het premium pakket komt nog een handjevol extra features, dus die is zeker het overwegen waard, zeker gezien de lage prijs.

WRC Pricing Tables
WRC Pricing Tables

De gratis plugin is prima voor het maken van eenvoudige prijstabellen en je kunt een onbeperkt aantal rijen en kolommen gebruiken. Al het ontwerpen doe je via een editor met sleepfunctie. Eén van onze favoriete dingen aan de WRC Pricing Tables plugin is dat je een kleurkiezer kunt gebruiken, waarbij je één kleur kiest en de plugin een random tabel voor je ontwerpt.

Kosten

Gratis. $10 voor de premium versie.

Features waardoor WRC Pricing Tables een goede keus is

Wat is nou de beste WordPress prijstabelplugin voor jou?

De plugins hierboven kun je allemaal meteen gaan testen. Maar ik zal wat aanbevelingen doen waardoor het hopelijk iets makkelijker wordt.

Alle andere plugins op deze lijst hebben ook hun voordelen. Maar dit zijn de plugins die ik het meest handig vind.

Maar wat nou als je niet een plugin wilt gebruiken maar je eigen prijstabel wilt coderen?

Dat doe je zo!

Zo maak je zelf een prijstabel in WordPress

Het maken van je eigen prijstabel doe je via HTML-code, waarmee je de structuur opzet, en dan CSS voor de styling.

Om te beginnen log je in bij je WordPress website, navigeer naar het dashboard en klik op Pagina’s → Nieuwe toevoegen. Je kunt ook de code toevoegen aan een al bestaande pagina waar je je prijstabel graag wilt laten zien.

Als de WordPress editor geladen is, ga je naar de tekstmodus en plak je de volgende code:

<div class="pricing-table">
<div class="one-third first">
<ul>
       <li class="header">Basic</li>
       <li class="grey-blue">$ 9.99 / year</li>
<li>List Item #1</li>
<li>List Item #2</li>
<li>List Item #3</li>
              <li>List Item #4</li>
              <li>List Item #5</li>
</ul>
<a class="pricing-button" href="#">Sign Me Up!</a>
</div>
<div class="middle one-third">
<ul> 
       <li class="header-blue">Pro</li>
       <li class="light-blue">$ 99.99 / year</li>
<li>List Item #1</li>
<li>List Item #2</li>
<li>List Item #3</li>
               <li>List Item #4</li>
               <li>List Item #5</li>
</ul>
<a class="pricing-button" href="#">Sign Me Up!</a> 
</div>
<div class="one-third">
<ul>
       <li class="header">Business</li>
       <li class="grey-blue">$ 199.99 / year</li>
<li>List Item #1</li>
<li>List Item #2</li>
<li>List Item #3</li>
               <li>List Item #4</li>
               <li>List Item #5</li>
</ul>
<a class="pricing-button" href="#">Sign Me Up!</a> 
</div>
</div>

De code is vrij eenvoudig: eerst maken we een ‘div’ om de code voor de prijstabel in te zetten en later makkelijk via de CSS te kunnen stijlen. Daarna, aangezien we drie tabellen gaan maken, stoppen we ze allemaal in een kolom van één derde. Het laatste deel is de tabel zelf, met toegevoegde klassen voor een header en prijspunt zodat dat extra opvalt.

Voordat je op Publiceren of Bijwerken klikt, let erop dat je alle tekst vervangen hebt tussen de [pre]<li> en </li>[/pre] tags met je eigen tekst en dat je de link naar je betalingsformulier hebt toegevoegd bij het href deel.

Als je eenmaal alle informatie hebt toegevoegd, kun je op Publiceren klikken als je een nieuwe pagina aan het maken bent of op Bijwerken als de pagina al bestond en je alleen een nieuwe tabel toevoegt.

Als je nu naar je pagina kijkt, zul je zien dat de tabel er vrij saai uitziet. Laten we dus wat styling toevoegen.

Als je een child-thema gebruikt zoals zou moeten, kun je de volgende code toevoegen aan het stylesheet van je child-thema, en anders aan de Custom CSS editor.

Het eerste deel van de code zorgt ervoor dat de prijstabel wordt weergegeven in drie kolommen. Als je er meer nodig hebt, dan kun je deze klassen ook eenvoudig vervangen:

/* ## Column Classes
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}

.one-third,
.two-sixths {
width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}

.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;

}
.first {
clear: both;
margin-left: 0;
}

Het tweede deel van de code voegt de daadwerkelijke styling toe aan de tabellen.

/* ## Pricing Table
 --------------------------------------------- */

.pricing-table {
 line-height: 1;
 }
 li.header {
 background-color: #2f79a9;
 color: #fff !important;
 font-size: 25px;
 border-bottom: 1px solid #2f79a9 !important;
 margin-bottom: 0 !important;
 }
 li.grey-blue {
 background-color: #569dcc;
 color: #fff !important;
 font-size: 20px;
 }

li.header-blue {
 background-color: #00b9eb;
 color: #fff !important;
 border-bottom: 1px solid #00b9eb !important;
 font-size: 25px;
 margin-bottom: 0 !important;
 }
 li.light-blue {
 background-color: #72dffd;
 color: #fff !important;
 font-size: 20px;
 }

.middle {
 box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
 }
 .pricing-table .one-third {
 background-color: #fff;
 margin: 20px 5px;
 padding: 40px;
 width: 32.33%;
 }

.pricing-table .one-third:nth-child(3n+1),
 .pricing-table .one-third:nth-child(3n+2),
 .pricing-table .one-third:nth-child(3n) {
 border: 1px solid #ddd;
 }

.pricing-table .one-third ul {
 margin: 0;
 }

.pricing-table ul li {
 border-bottom: 1px solid #ddd;
 color: #333;
 margin-bottom: 10px;
 padding: 10px;
 text-align: center;
 list-style-type: none;
 }

.pricing-table a.pricing-button {
 background-color: #00b9eb;
 border: 3px solid #00b9eb;
 color: #fff;
 display: block;
 text-align: center;
 padding: 16px 24px;
 }

.pricing-table a.pricing-button:hover {
 background-color: #000;
 border: 3px solid #000;
 color: #fff;
 }

/* Pricing Table - Media Queries for Mobile Devices
 --------------------------------------------- */

@media only screen and (max-width: 1140px) {
 .pricing-table .one-third {
 width: 32%;
 }
 }

@media only screen and (max-width: 800px) {
 .pricing-table .one-third {
 width: 100%;
 }
 }

@media only screen and (max-width: 568px) {
 .pricing-table .one-third {
 width: 100%;
 }
 }

@media only screen and (max-width: 480px) {
 .pricing-table .one-third {
 width: 100%;
 }
 }

@media only screen and (max-width: 420px) {
 .pricing-table .one-third {
 width: 100%;
 margin: 20px 0;
 }
 }

We hebben wat eenvoudige styling toegevoegd voor prijstabellen en de header en prijs wat opvallender gemaakt. We hebben ook een schaduw toegevoegd aan de middelste tabel om die extra te benadrukken. Als laatste hebben we wat mediaquery’s toegevoegd zodat de tabellen responsive zijn.

Dit is hoe je prijstabel er aan het einde uit moet zien.
Dit is hoe je prijstabel er aan het einde uit moet zien.

Als je de CSS fragmenten hebt geplakt, kun je op Bestand bijwerken klikken. Kijk nu naar je pagina of alles naar wens weergegeven wordt.

Als je nog vragen hebt over prijstabellen, of nog betere suggesties hebt, laat het ons weten in de reacties!


Bespaar tijd en kosten en maximaliseer siteprestaties met:

  • Directe hulp van WordPress-hostingexperts, 24/7.
  • Cloudflare Enterprise integration.
  • Globaal bereik met 29 datacenters verspreid over de wereld.
  • Optimalisatie met onze ingebouwde Application Performance Monitoring.

Dat alles en nog veel meer, in één pakket zonder langlopende contracten, met migraties en een 30 dagen geld-terug-garantie. Bekijk onze pakketten of neem contact op met sales om het pakket te vinden dat bij je past.