Waarom je op je eigen site wilt laten boeken
Veel venues sturen bezoekers vanaf hun WordPress-site door naar een externe boekingspagina. Dat werkt, maar het kost je op drie manieren wat.
Ten eerste haakt er onderweg altijd iemand af. Elke klik tussen "ik wil dit" en "ik heb geboekt" kost conversie, en een pagina die er ineens anders uitziet, wekt twijfel bij mensen die je nog niet kennen. Ten tweede bouw je met een externe pagina aan de vindbaarheid van dat platform in plaats van aan die van jou. En ten derde raak je het overzicht kwijt: wat er op je eigen site gebeurt, kun je meten; wat daarbuiten gebeurt, veel minder.
Boeken vanaf je eigen domein lost dat op. De bezoeker blijft waar hij is, het proces voelt als onderdeel van je site, en de pagina waarop geboekt wordt is een pagina die jij in Google omhoog kunt krijgen.
Drie manieren om te koppelen
In oplopende volgorde van werk en vrijheid:
- Een link of knop. Je zet een knop "Reserveren" die naar je boekingspagina wijst. Werkt in vijf minuten, maar je verliest de bezoeker van je site.
- Een widget insluiten. Je plaatst een stukje code op je eigen pagina; het boeken gebeurt gewoon binnen je site. Voor de meeste venues is dit de juiste keuze.
- Zelf bouwen op de API. Je haalt faciliteiten en beschikbare tijden op en maakt zelf boekingen aan. Volledige vrijheid over vormgeving en flow, maar het is echt bouwwerk.
Optie 2 dekt verreweg de meeste gevallen. Kies optie 3 pas als je een concrete reden hebt waarom de widget niet volstaat — een eigen ontwerp, een afwijkende volgorde van stappen, of een boekingsflow die met andere dingen op je site verweven is.
De widget insluiten in WordPress
Een insluitbare widget is in de kern twee regels HTML: een tag waarin staat om welke venue het gaat, en een scriptregel die de widget inlaadt. Kleur en weergave zet je erin als attribuut, zodat het bij je site past. Diezelfde twee regels werken in WordPress, in React, in Vue en in platte HTML — er is niets WordPress-specifieks aan.
In WordPress heb je twee routes:
- Blok "Aangepaste HTML". Maak een pagina (bijvoorbeeld /reserveren/), voeg het blok Aangepaste HTML toe en plak de code erin. Klaar. Let op: WordPress staat scripttags in dat blok alleen toe voor beheerders met voldoende rechten — op een multisite-installatie moet dat door de netwerkbeheerder gebeuren.
- Een plugin met een shortcode. Installeer je de plugin via Plugins → Nieuw → Plugin uploaden, dan plaats je overal op je site een shortcode en stel je kleur en weergave één keer centraal in. Handig als je de widget op meerdere pagina's wilt, of als je pagebuilder moeilijk doet over ruwe HTML.
Die tweede route is er ook voor VenueFlow, als downloadbare plugin via de developerpagina. Wees eerlijk over wat dat is: een zip die je zelf uploadt, geen plugin uit de officiële WordPress-directory. Voor het resultaat maakt dat niets uit, maar je moet hem niet zoeken via Plugins → Nieuw → zoeken.
Waar je de boekingsknop neerzet
De plek is belangrijker dan de techniek. Drie dingen die in de praktijk het meeste opleveren:
- Eén vaste reserveerpagina waar alles samenkomt, met een duidelijke URL die je overal kunt delen — ook in je Google-bedrijfsprofiel en op social media.
- De widget op de pagina waar mensen erover lezen. Wie net je escape room heeft bekeken, wil daar boeken en niet eerst terug naar het menu.
- Een knop in je hoofdmenu die opvalt. Geen menu-item tussen twintig andere, maar een knop met een kleur die de rest niet heeft.
Controleer daarna op je telefoon of het geheel nog werkt. Meer dan de helft van je bezoekers boekt mobiel, en een boekingsblok dat op een laptop prima oogt maar op een telefoon half buiten beeld valt, kost je direct omzet.
Waar het in de praktijk misgaat
Een paar dingen die je een middag kunnen kosten als je ze niet weet:
- Cachingplugins. WP Rocket, LiteSpeed en soortgenoten stellen scripts uit of voegen ze samen. Zie je de widget niet verschijnen, sluit hem dan uit van optimalisatie en leeg de cache voordat je verder zoekt.
- Pagebuilders die HTML strippen. Elementor, Divi en WPBakery hebben elk hun eigen HTML-element; plak de code daarin en niet in een tekstveld dat opmaak filtert.
- Een beveiligingsplugin of firewall die externe scripts blokkeert. Zeldzamer, maar het gebeurt.
- Http versus https. Draait je site nog deels op http, dan blokkeert de browser de widget stilletjes. Je ziet het alleen in de console van je browser.
Werkt het niet, dan is de snelste diagnose: open de pagina, druk op F12 en kijk in het tabblad Console. Negen van de tien keer staat daar letterlijk wat er misgaat.
Wanneer je beter zelf bouwt op de API
Een publieke REST API met een OpenAPI-spec geeft je de bouwstenen: faciliteiten ophalen, beschikbare tijden opvragen, een slot vlak voor het afronden nog even herverifiëren, en een boeking aanmaken. Daarmee kun je een reserveerscherm bouwen dat exact doet wat jij wilt.
Dat is zinnig als je een eigen ontwerp hebt dat je niet wilt loslaten, als het boeken onderdeel is van een grotere flow, of als je site geen WordPress is maar bijvoorbeeld een React- of Vue-applicatie. Reken op een dag of meer voor een nette implementatie, inclusief foutafhandeling — een slot dat tussen kiezen en betalen volgeboekt raakt, moet je netjes opvangen.
Wat je vooraf wilt weten staat op de developerpagina: endpoints, voorbeelden, foutcodes en de OpenAPI-spec om te downloaden. Twijfel je nog over het systeem eronder, lees dan eerst een reserveringssysteem kiezen.
Wat het kost
Het koppelen zelf kost niets: de widget en de API zitten in elk plan. Wat je betaalt is het boekingssysteem eronder. Bij VenueFlow is dat €0 per maand plus €2 per boeking op Free, €10 plus €1,50 op Plus en €25 plus €1,00 op Pro — alle functies in elk plan, exclusief btw. De volledige rekensom, ook voor andere aanbieders, staat in wat kost een boekingssysteem en op de prijzenpagina.
Laat je de koppeling bouwen, dan komt daar eenmalig werk van een bouwer bij. Voor een widget op een bestaande WordPress-site is dat meestal een uurtje; voor een eigen flow op de API loopt het op.
Met VenueFlow
Je krijgt een insluitbare boekingswidget die je in WordPress, React, Vue of platte HTML plaatst, met een instelbare accentkleur en drie weergaven (weekstrip, kalender, dagbalk). Voor WordPress staat er een downloadbare plugin met shortcode klaar. Wil je zelf bouwen, dan is er de publieke REST API met OpenAPI-spec op /developer/.
Met de testmodus loop je de hele boekingsflow met testbetalingen door voordat je hem live zet — inclusief de bevestigingsmail. Start gratis of bekijk eerst alle functies. Kom je van een spreadsheet, dan helpt van Excel naar online reserveren je op weg.