iFrame-Embed

Das einfachste Einbinden der Buchung: ein <iframe> mit der Buchungsseite.

Basis

<iframe
  src="https://ihr-slug.platzeo.de"
  width="100%"
  height="900"
  frameborder="0"
  title="Reservierung">
</iframe>

Dynamische Höhe

Für eine automatisch wachsende Höhe lauschen Sie auf postMessage-Events vom iFrame:

window.addEventListener("message", (e) => {
  if (e.origin !== "https://ihr-slug.platzeo.de") return;
  if (e.data?.type === "platzeo:height") {
    document.getElementById("platzeo-iframe").style.height = e.data.height + "px";
  }
});

Theming

Die Buchungsseite nutzt Ihr konfiguriertes Design. Für ein nahtloses Einbinden setzen Sie als Primärfarbe einen Ton, der zu Ihrer Website passt.