Wix

Sluit Bookingmood widgets in in de websitebouwer Wix in een paar makkelijke stappen.

Een widget maken

  • Je moet eerst een widget maken in Bookingmood. Lees hier hoe je dat doet: Widget maken.

Toevoegen aan Wix

  • Open de pagina waar je de widget wilt insluiten.

  • Klik op + Elementen toevoegen.

Elementen toevoegen

  • Klik op Code embedden > Embeds > HTML insluiten.

HTML insluiten

  • Plak de oEmbed code van de widget die je hebt gemaakt en klik op Toepassen.

Plak de Bookingmood oEmbed URL in het website address veld

  • Pas het formaat van het frame aan zodat het goed op je website past

Formaat wijzigen

  • Als laatste: zet "Dev Mode" aan en voeg het volgende code snippet toe in de code editor:

import wixLocationFrontend from "wix-location-frontend";

$w.onReady(() => {
  const s = new Set();
  const search = wixLocationFrontend.url.split("?")[1] ?? "";
  for (const iframe of $w("HtmlComponent"))
    iframe.onMessage(() => {
      if (!s.has(iframe)) {
        s.add(iframe);
        iframe.postMessage({ search });
      }
    });
});
Wix Velo editor met ingevulde code

🎉 Je bent klaar en alles is ingesteld! Wijzigingen die je aanbrengt in de kalender worden automatisch doorgevoerd op je website.

Heb je meer hulp nodig met Wix? Vraag het Wix Rocket
Wix biedt geen ondersteuning voor het dynamisch aanpassen van de grootte van iframes. Schrijf hen dan een verzoek.

Video