Alle soorten velden die je kan gebruiken
Log in op je Wix-account en open je site in de Editor.
Ga naar de pagina waar de kalender moet komen (of maak een nieuwe pagina).
Klik links op Toevoegen (+).
Kies Embedden (of Meer) → HTML iFrame / Embed HTML.
Er verschijnt een grijs vak. Klik op Code invoeren (of Instellingen → Code).
Plak je Bookedin iFrame-code in het codeveld en bevestig (Toepassen / Gereed).
Positioneer het element waar je wilt en rek het op volledige paginabreedte.
Stel een geschikte hoogte in (bijv. 900–1100px) zodat er geen dubbele scrollbalk ontstaat.
Klik rechtsboven op Publiceren (of Opslaan → Publiceren) om live te zetten.
Open je site in Wix Studio.
Navigeer naar de gewenste pagina.
Klik links op Add (+) → Embed → Embed Code → iFrame/Custom Embed.
Plaats het Embed-element op de pagina en klik op Instellingen → Code.
Plak de Bookedin iFrame-code en bevestig (Apply/Toepassen).
Rek het element tot 100% breedte en geef het een vaste hoogte (start met ~900px).
Controleer in de Responsive weergave (desktop/tablet/mobiel) of alles netjes schaalt.
Klik op Publish om de wijziging live te zetten.
HTTPS verplicht: Zorg dat de iFrame-URL met https:// begint; Wix blokkeert mixed content (http).
Hoogte & scroll: Zie je een interne scrollbalk? Vergroot de height in de iFrame-code of de containerhoogte in Wix.
Volle breedte: Zet de container op Stretch (100%) of geef hem max-breedte in het page-grid voor een nette layout.
Meerdere pagina’s: Herhaal bovenstaande stappen per pagina waar je de kalender wilt tonen.
Snelheid: loading="lazy" is prima; verwijder het als je wil dat de kalender meteen rendert boven de vouw.
