Boekingssysteem voor WordPress
Zet een boekbare kalender op je WordPress-site door één stukje code in een HTML-blok te plakken. Geen plugin die je moet bijhouden, geen commissie per boeking, en je site blijft net zo snel als hij was.
- check_circleGeen plugin nodig
- check_circleWerkt met Gutenberg, Elementor en Divi
- check_circleIn tien minuten online
Een HTML-blok, geen plugin
De meeste boekingsoplossingen voor WordPress zijn een plugin. Die moet je installeren, bijwerken en in de gaten houden, en bij elke WordPress-update kan er iets breken. Bookedin werkt anders: je krijgt een iFrame-code uit je dashboard en die plak je in een gewoon HTML-blok op de pagina waar je kalender moet staan.
Daardoor staat de kalender los van je WordPress-installatie. Hij draait op de servers van Bookedin, hij maakt je site niet zwaarder en er is geen plugin die verouderd kan raken. Werk je met Gutenberg, Elementor, Divi of de klassieke editor, dan werkt dezelfde code overal.
Beschikbaarheid die klopt
Bezoekers zien welke dagen of tijden vrij zijn en boeken zelf. Dubbele boekingen zijn daarmee uitgesloten.
Betaling bij de boeking
Gasten rekenen af met iDEAL, Bancontact of creditcard, inclusief aanbetaling, borg en extra’s.
Meebewegend met je thema
De kalender schaalt mee met de breedte die hij krijgt en past zich aan de kleuren van je site aan.
De kalender op je WordPress-pagina zetten
Werkt op elke WordPress-site waar je zelf pagina’s kunt bewerken. Reken op een minuut of tien.
Maak je kalender
Maak een gratis account aan en maak je eerste kalender. Vul je tarieven in en kies of je per uur, dag of nacht verhuurt. Zie maak je eerste kalender.
Kopieer de code
In je dashboard staat bij de kalender een iFrame-code. Kopieer die in zijn geheel, inclusief de begin- en eindtag.
Plak hem in een HTML-blok
Open in WordPress de pagina waar de kalender moet komen, voeg een HTML-blok toe, plak de code en publiceer de pagina.
Waar je het HTML-blok vindt
Elke editor heeft een eigen naam voor hetzelfde ding: een blok waar je eigen HTML in kwijt kunt.
Gutenberg (blokeditor)
- 1Klik op de + waar de kalender moet komen.
- 2Zoek op Aangepaste HTML en kies dat blok.
- 3Plak je code en klik op Bijwerken.
Elementor
- 1Open de pagina met Bewerken met Elementor.
- 2Sleep de widget HTML naar je sectie.
- 3Plak je code in het veld en klik op Publiceren.
Divi
- 1Open de pagina in de Divi Builder.
- 2Voeg een module Code toe.
- 3Plak je code en sla de pagina op.
Klassieke editor
- 1Open de pagina en klik op het tabblad Tekst.
- 2Plak je code op de juiste plek in de broncode.
- 3Klik op Bijwerken. Ga niet terug naar Visueel voor je opslaat.
Beaver Builder
- 1Open de pagina in de builder.
- 2Voeg de module HTML toe.
- 3Plak je code en klik op Gereed.
In een widget of zijbalk
- 1Ga naar Weergave › Widgets.
- 2Voeg een widget Aangepaste HTML toe.
- 3Plak je code en sla op.
Vier dingen die het meestal zijn
Veelgemaakte fouten
- closeDe code in het tabblad Visueel geplakt in plaats van in een HTML-blok
- closeEen cacheplugin die nog de oude pagina toont
- closeEen beveiligingsplugin die iframes uit de pagina haalt
- closeMaar een deel van de code gekopieerd
Zo los je het op
- checkPlak de code opnieuw in een blok Aangepaste HTML
- checkLeeg je cache en herlaad de pagina
- checkZet de beveiligingsplugin even uit om te testen
- checkKopieer de code in zijn geheel uit je dashboard
Wat dit scheelt ten opzichte van een plugin
Je site blijft snel
Er komt geen extra PHP en geen extra databasetabel bij. De kalender laadt apart en houdt je pagina licht.
Minder om bij te houden
Geen plugin die je moet updaten en geen verouderde plugin die een gat in je site openzet.
Geen commissie
Je betaalt een vast bedrag per maand, niet een percentage van elke boeking via je eigen site.
Werkt ook elders
Stap je ooit over naar een ander systeem, dan werkt dezelfde code op Wix, Squarespace en Webflow.
Hulp bij het plaatsen
Kom je er niet uit, dan kijkt support met je mee. Neem contact op.
Eerst zien hoe het eruitziet?
Bekijk een werkende kalender voordat je hem op je eigen WordPress-site zet, of vraag een demo aan waarin we het samen doorlopen.
Veelgestelde vragen
Nee. Bookedin werkt met een iFrame-code die je in een gewoon HTML-blok plakt. Je hoeft dus geen plugin te installeren, wat scheelt in laadtijd, updates en beveiligingsrisico’s. De kalender draait op de servers van Bookedin en staat los van je WordPress-installatie.
Ja. Elke paginabouwer heeft een element waarin je eigen HTML kwijt kunt: in Gutenberg is dat het blok Aangepaste HTML, in Elementor de widget HTML, in Divi de module Code en in Beaver Builder de module HTML. Plak de code daarin en je bent klaar.
Meestal is de code in de visuele editor geplakt in plaats van in een HTML-blok; WordPress haalt de iframe er dan uit. Plak de code opnieuw in een blok Aangepaste HTML. Blijft het leeg, dan haalt vaak een beveiligings- of cacheplugin de iframe weg: leeg je cache en zet de betreffende plugin tijdelijk uit om te controleren.
Ja. Zet de pagina op een sjabloon zonder zijbalk en geef het blok of de sectie de volledige breedte. De kalender schaalt automatisch mee met de ruimte die hij krijgt, op desktop en op mobiel.
Op een eigen WordPress-installatie werkt het altijd. Op WordPress.com moet je een betaald pakket hebben dat eigen HTML en iframes toestaat; op het gratis pakket worden iframes geblokkeerd.
Bij Bookedin betaal je een vast bedrag per maand of per jaar, en geen commissie over je boekingen. Elk pakket bevat twee kalenders. De actuele bedragen staan op de prijzenpagina en je kunt veertien dagen gratis uitproberen.
Heb je andere vragen? Dan kan je ons altijd mailen via info@bookedin.nl.
