Wix

Voeg Bookingmood toe aan je Wix-website, zodat gasten de beschikbaarheid kunnen bekijken en je accommodatie direct kunnen boeken zonder je site te verlaten. Je stelt het één keer in; daarna verschijnt elke wijziging in Bookingmood automatisch op je website.

Maak een widget#

• Maak een widget in Bookingmood. In Widgets lees je hoe.

• Klik op Insluiten en kopieer de oEmbed-link. Die heb je in de volgende stap nodig.

Voeg de widget toe aan Wix#

• Open de pagina waarop je de widget wilt tonen.

• Klik op + Elementen toevoegen.

• Klik op Code embedden > Embeds > HTML insluiten.

• Plak de oEmbed-link in het veld voor het websiteadres en klik op Toepassen.

• Pas het formaat van het element aan zodat het goed op je pagina past.

• Zet Dev Mode aan en plak de volgende code in de code-editor. Die geeft de zoekparameters van de pagina, zoals data en aantal gasten, door aan de widget.

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 });
      }
    });
});

Klaar. Wijzigingen die je in Bookingmood maakt, verschijnen nu automatisch op je website.

Kijk je liever? In deze video zie je dezelfde stappen.

Veelgestelde vragen#

Waarom past de widget zijn hoogte niet automatisch aan?#

Wix ondersteunt het dynamisch aanpassen van de grootte van ingesloten frames niet, dus je stelt het formaat zelf in de editor in. Wil je dat Wix dit gaat ondersteunen, dien dan een verzoek in op het Wix-forum.

Waar krijg ik meer hulp met Wix?#

Voor uitgebreide hulp met je Wix-site kun je terecht bij Wix Rocket.