Dokumente

Widget einbetten

Wenn Sie Reservierungen von einer externen Website erhalten möchten, können Sie dies tun, indem Sie das Widget einbetten. Befolgen Sie diese Schritte:

  1. Gehen Sie zu den Widget-Einstellungen.

  2. Wählen Sie eine der beiden verfügbaren Optionen aus:

  • Einbetten einer Schaltfläche, die das Popup auslöst, um das Reservierungswidget anzuzeigen.
  • Das Reservierungswidget direkt auf der Seite einbetten, indem Sie ein iFrame verwenden.

  1. Kopieren Sie den Code aus dem dafür vorgesehenen Feld.

  2. Fügen Sie den Code in die gewünschte Seite ein. Stellen Sie sicher, dass Sie ihn als HTML-Code einfügen, nicht als reinen Text. Wenn Sie WordPress verwenden, fügen Sie ihn innerhalb eines HTML-Blocks ein.

Sie haben die Flexibilität, die Parameter des iFrames anzupassen, um sie an die Abmessungen Ihrer Seite anzupassen. Dies ermöglicht es Ihnen, die Breite und Höhe entsprechend Ihren Anforderungen anzupassen.

Fügen Sie den Text als HTML-Code ein.

Das Formular vollständig in die Seite einbetten.

Schaltfläche, um das Formular in einem Popup anzuzeigen.

Problem bei der Formularanzeige

Wenn das Widget nicht angezeigt wird, wenn es in eine andere Website eingefügt wird, liegt dies möglicherweise an einem Header in der Antwort. Befolgen Sie diese Schritte, um das Problem zu beheben:

  1. Problematischen Header identifizieren: Der Header, der das Problem verursacht, ist X-Frame-Options mit dem Wert "SAMEORIGIN".

  2. Bearbeiten Sie Ihre Nginx-Datei: Sie müssen Ihre Nginx-Konfigurationsdatei bearbeiten. Suchen Sie den Konfigurationsblock für Ihre Website oder Anwendung.

  3. Kommentieren Sie den Header aus: Finden Sie innerhalb des Nginx-Konfigurationsblocks die Zeile, die den problematischen Header hinzufügt, und kommentieren Sie sie aus. Hier ist ein Beispiel:

Vor der Bearbeitung:
add_header X-Frame-Options "SAMEORIGIN";
Nach der Bearbeitung:
# add_header X-Frame-Options "SAMEORIGIN";

  1. Speichern und Nginx neu laden: Speichern Sie die Änderungen an Ihrer Nginx-Konfigurationsdatei und laden Sie dann Nginx neu, um die Änderungen anzuwenden. Dies können Sie mit den folgenden Befehlen tun:

    sudo nginx -t # Konfiguration auf Syntaxfehler überprüfen
    sudo systemctl reload nginx # Nginx neu laden, um die Änderungen anzuwenden

Durch das Auskommentieren des X-Frame-Options-Headers in Ihrer Nginx-Konfiguration sollte das Widget angezeigt werden, wenn es in eine andere Website eingebettet wird.