Kalender toevoegen op je Wixx website

Kalender toevoegen op je Wixx website

Optie A: Wix Editor (klassiek)

1. 1
   Log in op je Wix-account en open je site in de Editor.
2. 2
   Ga naar de pagina waar de kalender moet komen (of maak een nieuwe pagina).
3. 3
   Klik links op Toevoegen (+).
4. 4
   Kies Embedden (of Meer) → HTML iFrame / Embed HTML.
5. 5
   Er verschijnt een grijs vak. Klik op Code invoeren (of Instellingen → Code).
6. 6
   Plak je Bookedin iFrame-code in het codeveld en bevestig (Toepassen / Gereed).
7. 7
   Positioneer het element waar je wilt en rek het op volledige paginabreedte.
8. 8
   Stel een geschikte hoogte in (bijv. 900–1100px) zodat er geen dubbele scrollbalk ontstaat.
9. 9
   Klik rechtsboven op Publiceren (of Opslaan → Publiceren) om live te zetten.

Optie B: Wix Studio (voorheen Editor X)

1. 1
   Open je site in Wix Studio.
2. 2
   Navigeer naar de gewenste pagina.
3. 3
   Klik links op Add (+) → Embed → Embed Code → iFrame/Custom Embed.
4. 4
   Plaats het Embed-element op de pagina en klik op Instellingen → Code.
5. 5
   Plak de Bookedin iFrame-code en bevestig (Apply/Toepassen).
6. 6
   Rek het element tot 100% breedte en geef het een vaste hoogte (start met ~900px).
7. 7
   Controleer in de Responsive weergave (desktop/tablet/mobiel) of alles netjes schaalt.
8. 8
   Klik op Publish om de wijziging live te zetten.

Handige tips

• checkHTTPS verplicht: Zorg dat de iFrame-URL met https:// begint; Wix blokkeert mixed content (http).
• checkHoogte & scroll: Zie je een interne scrollbalk? Vergroot de height in de iFrame-code of de containerhoogte in Wix.
• checkVolle breedte: Zet de container op Stretch (100%) of geef hem max-breedte in het page-grid voor een nette layout.
• checkMeerdere pagina’s: Herhaal bovenstaande stappen per pagina waar je de kalender wilt tonen.
• checkSnelheid: loading="lazy" is prima; verwijder het als je wil dat de kalender meteen rendert boven de vouw.