De booking widget (op je eigen website)

Bijgewerkt op 2026-07-01

BedFlow bevat een standalone booking widget (public/booking-widget.html) die je op je eigen website kan embedden — geen iframe nodig, pure HTML/CSS/JS.

Waar vind je het?

De widget leeft op jouw BedFlow server: https://bedflow.eu/booking-widget.html.

Embed in je WordPress / Statamic / eigen site via een link of iframe:

<a href="https://bedflow.eu/booking-widget.html" class="book-button">Direct boeken</a>

Features

6-staps flow: datums → kamers → extras → gastgegevens → overzicht → bevestiging
Meertalig (NL / EN / FR / DE) met automatische taaldetectie + runtime switching
Responsive (mobile, tablet, desktop)
Multi-room: gast kan meerdere kamers boeken in één sessie
Extras: wellness, ontbijt, toeslagen, honesty bar items
Verplichte kosten: automatisch inbegrepen in de prijs (zie hieronder)
Wellness slot picker: integratie met WellnessBookingService
Live beschikbaarheid: via /api/booking/availability en /api/booking/calendar
Proforma + Stripe: na submit krijgt gast email met betaallink
Kleuren aanpasbaar: de widget leest kleuren + logo per property uit de Huisstijl-tab

Prijsopbouw in het overzicht

In de reservatie-samenvatting ziet de gast per extra hoe de prijs is opgebouwd: eenheidsprijs × aantal × personen × nachten. Een kaasplank voor 4 personen staat er dus als Kaasplank (€18,00 × 4 pers) — dezelfde uitsplitsing als bij de toeristenbelasting. Zo is een per-persoon- of per-nacht-extra nooit een verrassing bij het afrekenen.

Verplichte kosten (bv. eindschoonmaak of linnen bij een vakantiewoning) staan in de extras-stap automatisch aangevinkt met een Verplicht-label. De gast kan ze niet uitvinken en ze tellen meteen mee in het totaal. Lees meer: Verplichte kosten.

Landenlijst in de taal van de gast

Het gastformulier bevat de volledige landenlijst (alle 249 ISO-landen). De landnamen verschijnen in de taal van de widget — een Franse gast ziet Belgique / Pays-Bas / Allemagne, geen Engelse lijst — en zijn per taal alfabetisch gesorteerd. Bovenaan staat een quick-pick-groep met populaire landen (België, Nederland, Duitsland, Frankrijk, Verenigd Koninkrijk, Luxemburg, Verenigde Staten), daaronder de rest.

Kanaal in de DB

Widget-boekingen krijgen source = 'direct' en channel = 'website'. Zo kan je ze in je Email Automations filteren (bv. andere email voor website-gasten vs OTA-gasten).

In/uitschakelen

Instellingen → Integraties → Booking Widget — toggle aan/uit. Uitgeschakeld = widget toont "Boekingen momenteel niet beschikbaar".

Settings die widget gedrag bepalen

In Instellingen → Settings → Booking Widget tab:

Check-in / check-out uren
Minimum / maximum nachten
Gratis annuleren tot X dagen — de infotekst die de gast in de widget ziet
Voorschot percentage (of vast bedrag)
Meernachtenkorting
Toeristenbelasting per volw per nacht
Vraag geboortedatum toggle (default uit)
Per-taal teksten per stap: je kan de hoofdtitel van elke stap overriden

Per property, onder Instellingen → Mijn property:

Annuleringsbeleid (sectie Annulering): kies het beleid (Flexibel / Late-cancel / Niet-terugbetaalbaar) dat Booking.com én je eigen widget tonen, en stel het gratis-annuleren-venster in uren in — tot 4320 uur (180 dagen). Zo kan ook een lange annuleringstermijn, normaal bij vakantiewoningen: 48 = 2 dagen, 168 = 1 week, 1008 = 6 weken.
Voorwaarden-links (sectie Booking-widget gedrag): de URL's van je algemene voorwaarden en je annuleringsbeleid. Ingevuld → de gast ziet klikbare links bij het akkoord-vinkje. Leeg gelaten → de widget toont dezelfde tekst zonder link, zodat de gast nooit op een kapotte (404) link klikt.
Kleuren + logo via de Huisstijl-tab.

FAQ

Kan ik een annuleringstermijn van 6 weken instellen? Ja. Het venster stel je in uren in: 1008 uur = 6 weken. Het maximum is 4320 uur (180 dagen).

Mijn gast klaagde dat de landenlijst in het Engels stond — is dat opgelost? Ja. De landenlijst volgt nu de taal van de widget en is per taal correct gesorteerd.

De voorwaarden-link in de widget gaf een 404. Wat nu? Vul de URL's van je eigen voorwaarden-pagina's in bij Booking-widget gedrag op je property. Zolang die leeg zijn, toont de widget bewust geen link.