De booking widget (op je eigen website)

Bijgewerkt op 2026-04-22

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
  • 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: via Instellingen β†’ Booking Widget tab kan je primary/accent/etc configureren

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
  • Voorschot percentage (of vast bedrag)
  • Meernachtenkorting
  • Toeristenbelasting per volw per nacht
  • Vraag geboortedatum toggle (default uit)
  • Algemene voorwaarden + Annuleringsbeleid URLs
  • Kleuren: primaire, accent, borders, achtergrond
  • Per-taal teksten per stap: je kan de hoofdtitel van elke stap overriden