Zo zet je een boekingssysteem op je salonwebsite

Knop of widget: wat past bij jouw website?

Een boekingsknop is een link naar je boekingspagina; een boekingswidget toont die pagina in je eigen site. De knop werkt op elke website en overal daarbuiten (Instagram-bio, Google Bedrijfsprofiel, WhatsApp), de widget houdt de bezoeker op je eigen pagina. Beide leiden naar dezelfde boekingspagina, dus de agenda, de bevestiging per e-mail en de aanbetaling via iDEAL zijn hetzelfde.

Stap 0: zet je boekingspagina klaar in Planobook

Voordat je iets op je website plaatst, moet de boekingspagina kloppen: behandelingen met duur en prijs, medewerkers, openingstijden en je kleuren. Dat doe je in Planobook in een halfuur:

1. Start je gratis proefperiode van 14 dagen en kies je salonnaam; je boekingspagina staat meteen op planobook.nl/jouw-salon.
2. Zet je diensten met duur en prijs, je medewerkers en je openingstijden erin.
3. Ga naar Instellingen › Widget. Daar pas je de kleuren van je boekingspagina aan, zie je een live voorbeeld en vind je onder "Op je eigen website" de insluitcode met een knop Kopiëren.
4. Maak zelf een proefafspraak op je telefoon, zodat je ziet wat je klant ziet.

De insluitcode ziet er zo uit (met je eigen salonnaam in plaats van jouw-salon):

<iframe src="https://planobook.nl/jouw-salon" width="100%" height="700" frameborder="0" style="border: none; border-radius: 8px;"></iframe>

De hoogte (height) mag je aanpassen; 700 pixels is een goed begin. Alleen je publieke boekingspagina kan in een iframe staan; je agenda en instellingen zijn bewust niet insluitbaar.

Hoe zet je een boekingssysteem op WordPress?

In WordPress plak je de insluitcode in een blok Aangepaste HTML, of je maakt een knop met als link je boekingspagina. Zonder plugin:

1. Log in op je WordPress-site en open de pagina waar je het boeken wilt tonen (bijvoorbeeld "Afspraak maken"), of maak die pagina aan.
2. Klik op het plusje en voeg het blok Aangepaste HTML toe.
3. Plak de insluitcode uit Planobook (Instellingen › Widget) in het blok en klik op Voorvertoning om het resultaat te zien.
4. Voor een knop in je menu of op je homepage: voeg het blok Knoppen toe, typ "Afspraak maken" en plak als link https://planobook.nl/jouw-salon.
5. Klik op Bijwerken en bekijk de pagina op je telefoon.

Gebruik je een thema met een eigen bouwer (Elementor, Divi, WPBakery)? Zoek dan het element "HTML" of "Code" en plak dezelfde code. De namen kunnen per versie verschillen, de werking niet.

Hoe zet je een boekingssysteem op Wix?

In Wix voeg je een element voor insluitcode toe en plak je daarin de iframe-code uit Planobook. Zo doe je dat in de editor:

1. Open je site in de Wix-editor en ga naar de pagina waar je wilt boeken.
2. Klik op Toevoegen (het plusje) en kies Insluiten, daarna het element voor eigen code of een HTML-iframe.
3. Kies "Code" en plak de insluitcode uit Planobook. Trek het element breed en zet de hoogte op minimaal 700 pixels.
4. Wil je ook een knop? Voeg een knop toe, typ "Afspraak maken" en koppel die aan de webadres-link https://planobook.nl/jouw-salon.
5. Klik op Publiceren en test op je telefoon.

Op sommige gratis Wix-pakketten is eigen code beperkt. Dan werkt de knop met de link altijd.

Hoe zet je een boekingssysteem op Squarespace?

In Squarespace plaats je de insluitcode in een Code-blok, of je maakt een knop met de link naar je boekingspagina. Stap voor stap:

1. Open de pagina in de editor en klik op Bewerken.
2. Voeg een blok toe en kies Code. Zet het type op HTML.
3. Plak de insluitcode uit Planobook en sla op.
4. Voor een knop in de navigatie: voeg een Knop-blok toe met de tekst "Afspraak maken" en de link https://planobook.nl/jouw-salon; of maak in de navigatie een link die naar je boekingspagina gaat.
5. Sla op, bekijk de pagina op mobiel en controleer of de widget niet wordt afgesneden. Zet anders de hoogte hoger.

Hoe zet je een boekingssysteem op Jimdo?

In Jimdo gebruik je een HTML- of widgetelement voor de insluitcode, of een knop met je boekingslink. Zo gaat dat:

1. Open de pagina in de Jimdo-editor en klik op Element toevoegen.
2. Kies het element voor eigen code (HTML of widget) en plak de insluitcode uit Planobook.
3. Of voeg een Knop toe met de tekst "Afspraak maken" en de externe link https://planobook.nl/jouw-salon.
4. Sla op en bekijk de pagina op je telefoon.

Staat eigen code in jouw Jimdo-pakket niet aan, dan is de knop met de link de weg.

Geen website? Zo boek je klanten zonder eigen site

Je boekingspagina op planobook.nl/jouw-salon werkt op zichzelf: zet de link overal waar klanten je al vinden, en activeer de ingebouwde salonwebsite als je meer wilt tonen dan boeken alleen. Dat is de Planobook-route:

1. Instagram-bio: zet je boekingslink in je profiel en noem "boek via de link in mijn bio" in je posts en stories.
2. Google Bedrijfsprofiel: voeg je boekingslink toe als afspraaklink, zodat mensen die je in Google of Maps vinden meteen kunnen boeken. Hoe dat werkt, lees je in Google Bedrijfsprofiel voor salons.
3. WhatsApp en e-mail: zet de link in je WhatsApp-bedrijfsprofiel en in je e-mailhandtekening; een QR-code aan de balie werkt voor klanten in de salon. Alle plekken staan in je boekingslink delen.
4. Ingebouwde salonwebsite: activeer de salonwebsite in Planobook. Je kiest een thema en onderdelen (behandelingen, team, foto's, openingstijden, webshop) en de site staat op hetzelfde adres als je boekingspagina. Een eigen domeinnaam koppelen kan niet.

Checklist: zo weet je dat het goed staat

• De knop "Afspraak maken" staat in je menu en bovenaan je homepage, zichtbaar zonder scrollen op een telefoon.
• De widget toont de hele boekingspagina zonder afsnijden; verhoog anders de height in de code.
• Je hebt zelf een proefafspraak gemaakt en de bevestigingsmail ontvangen.
• Dezelfde boekingslink staat op Instagram, Google Bedrijfsprofiel en WhatsApp.
• Behandelingen, prijzen en openingstijden op je website zijn gelijk aan die in Planobook; de boekingspagina is leidend.

Elke boeking via je eigen website komt zonder commissie in je agenda: Planobook kost €39,95 per maand inclusief 2 medewerkers, exclusief btw, met 0% commissie op boekingen, webshop, cadeaubonnen en aanbetalingen. Hoe de boekingspagina achter je knop werkt, lees je op online boeken voor salons; wat het kost staat in de tarieven.

Bronnen en controle

• Planobook: boekingspagina op planobook.nl/jouw-salon; Instellingen › Widget met live voorbeeld en de insluitcode onder "Op je eigen website"; alleen de publieke boekingspagina is insluitbaar, de app niet. Gecontroleerd in de code op 20 oktober 2026.
• Planobook: ingebouwde salonwebsite met thema's en onderdelen op planobook.nl/jouw-salon, geen eigen domeinnaam; bevestiging en herinneringen per e-mail (24 uur en 1 uur vooraf); aanbetaling via iDEAL met de eigen Mollie-koppeling. Zie salonwebsite en online boeken.
• De namen van blokken en elementen in WordPress, Wix, Squarespace en Jimdo kunnen per versie en pakket verschillen; zoek in je bouwer naar "HTML", "Code" of "Insluiten".

Dit artikel is gecontroleerd op 20 oktober 2026.