Phoenix

Voeg Bookingmood toe aan je Phoenix-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 Ingesloten insluitcode. Die heb je in de volgende stap nodig.

Voeg de widget toe aan Phoenix#

Phoenix voert geen scripts uit in HTML-blokken. Daarom voeg je de widget en het script dat de hoogte regelt apart toe.

• Klik op het +-pictogram om inhoud toe te voegen.

• Klik op HTML en plak de insluitcode die je hebt gekopieerd.

• Verwijder de delen script en style, zodat alleen het iframe overblijft.

• Klik op + Toevoegen.

• Ga naar Instellingen > Custom scripts.

• Voeg een script toe met deze instellingen:

  • Naam: een naam naar keuze, bijvoorbeeld Bookingmood resize

  • Scriptplaatsing: body-tag

  • GDPR compliance: Functional (user consent not required)

  • Optimaliseer script voor Pagespeed: uit

• Plak de volgende code en sla op. Krijg je een waarschuwing, dan kun je die gerust negeren.

<script>
  window.addEventListener("message", function (event) {
    try {
      const height = JSON.parse(event.data).height;
      if (!(height > 0)) return;
      const frames = document.getElementsByTagName("iframe");
      for (const frame of frames) {
        const frameWindow =
          frame.contentWindow || frame.contentDocument.defaultView;
        if (frameWindow === event.source) {
          frame.height = height;
          frame.style.borderRadius = "12px";
          frame.style.width = "100%";
          frame.style.border = "none";
        }
      }
    } catch {}
  });
</script>

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