Alle soorten velden die je kan gebruiken
Met een iFrame-code kun je eenvoudig je Bookedin kalender integreren in een Webflow-site. Hieronder lees je precies hoe je dat doet.
Zorg dat je de iFrame-code of de iFrame-URL uit Bookedin klaar hebt ( via Kalender → widget/iFrame).
Gebruik altijd https:// in de iFrame-URL (anders blokkeert Webflow de inhoud).
Log in op Webflow en open het project waarin je de kalender wilt toevoegen.
Ga naar de pagina waar de kalender moet komen.
Klik in de linkerbalk op het + Add Panel.
Scroll naar Components en zoek Embed (</> symbol).
Sleep het Embed-element naar de plek op de pagina waar je de kalender wilt tonen.
Er opent een code-venster.
Plak je iFrame-code (uit Bookedin) in het venster.
Klik op Save & Close.
Het iFrame schaalt standaard op 100% breedte, maar krijgt vaak een vaste hoogte.
Je kunt de height in de code aanpassen (bijv. 900 of 1200px), of gebruik maken van een responsive variant (zie hieronder).
Klik rechtsboven op Publish → kies je domein → Publish to Selected Domains.
Open je site en controleer of de kalender goed wordt geladen.
Kalender laadt niet? Controleer of de embed-URL correct is en begint met https://.
Scrollbalk zichtbaar? Vergroot de height of gebruik de responsive wrapper.
Embed niet zichtbaar in Designer? Webflow laat soms een leeg blok zien in de Editor; bekijk de live Published site om te testen.
Plaatsing site-breed: Wil je de kalender op alle pagina’s (bijv. in de footer)? Voeg dan het embed-codeblok toe in je Master Symbol / Footer component.
