Boekingspagina op je eigen site
Je boekingspagina op je eigen site, en nergens anders
Drie manieren, allemaal naar dezelfde boekingspagina met dezelfde regels voor duur, buffers en werkgebied. Kies de knop als je snel wilt starten, de iframe als hij strak in je site moet zitten, of laat hem plaatsen.
- De knop werkt op elk pakket; de ingebouwde module vanaf Vakteam
- Alleen op de domeinen die jij opgeeft
- Geen account nodig voor je klant
?embed=1: dezelfde diensten als op de boekingspagina, zonder de zijkolom.De knop
De eenvoudigste en betrouwbaarste optie: een gewone link naar je boekingspagina, geopend in een nieuw tabblad. Geen iframe, geen hoogteproblemen, geen cookies om over na te denken, en beschikbaar in elk pakket, ook Start.
HTML
<a
href="https://vakmoment.nl/boeken/jansen-installatie"
target="_blank"
rel="noopener noreferrer"
class="afspraak-knop"
>
Plan direct een afspraak
</a>Geef de knop de opmaak van je eigen site: gebruik de knopklasse die je thema al heeft, of zet er zelf wat kleur en ruimte omheen. Wij schrijven je huisstijl niet voor.
- Werkt vrijwel overal. Elke websitebouwer kent een knop met een link.
- Niets kan hier stuk gaan. Geen iframehoogte, geen cookies, geen beveiligingsplugin die iets blokkeert.
De ingebedde module
Met ?embed=1 draait de boekingspagina zonder eigen kop en zijkolom mee in een iframe op je site: je eigen koptekst en menu staan er dan al omheen. Deze optie zit in Vakteam en Pro, niet in Start.
HTML
<iframe
src="https://vakmoment.nl/boeken/jansen-installatie?embed=1"
title="Plan een afspraak bij Jansen Installatie"
width="100%"
height="760"
loading="lazy"
style="border:0;border-radius:12px;overflow:hidden"
referrerpolicy="strict-origin-when-cross-origin"
></iframe>De ?embed=1-parameter is de enige aanpassing ten opzichte van de gewone boekingspagina: dezelfde stappen, dezelfde controles, alleen zonder de brede header en zijkolom die op je eigen site niets toevoegen.
WordPress
Beide varianten passen in de blokeditor, zonder plugin.
De meest voorkomende valkuil is een beveiligingsplugin die iframes standaard blokkeert. Test daarom altijd de hele flow na het plaatsen, niet alleen of de module zichtbaar is, maar ook of een afspraak echt bevestigd wordt.
Waarom het alleen op jouw domein werkt
Jij geeft zelf op welke domeinen de module mag draaien, onder “Boekingspagina” in het dashboard. Staat een domein er niet bij, dan weigert de browser het iframe daar. De lijst staat standaard leeg, dus zonder opgave gaat er nergens een deur open.
Dat is beveiliging, geen beperking. Een iframe op een vreemde site is een phishingpagina met jouw bedrijfsnaam erboven: de bezoeker ziet het adres van die site, niet van VakMoment. Pas als jij je eigen domein invult, gaat de deur voor precies dat domein open, voor niemand anders.
Hoogte en meebewegen
Een iframe groeit niet vanzelf mee met zijn inhoud. De ingebedde boekingspagina stuurt daarom zijn hoogte naar de insluitende pagina via postMessage, met een controle op de afzender:
JavaScript
window.addEventListener("message", (event) => {
if (event.origin !== "https://vakmoment.nl") return;
if (event.data?.type !== "vakmoment:height") return;
document.getElementById("vakmoment").style.height = event.data.height + "px";
});Controleer de hoogte. Kijk na het plaatsen of het venster meebeweegt met de stappen van de boeking.
Welke kies je?
Twijfel je welke past bij jouw site?
We bekijken samen je website en kiezen de knop of de iframe. Liever dat wij hem plaatsen? Dat kan voor € 149 eenmalig, exclusief btw.
Probeer 28 dagen gratis, zonder creditcard. Doorgaan doe je zelf onder Instellingen.