Eingebetteter Iframe

Eingebetteter Iframe

Diese Seite ist über das Menue  (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > EINGEBETTETER IFRAME und erklärt, wie Sie die Buchungseite auf Ihrer Website einbetten können. 

1 Code Snippe generieren

Stelen Sie die Parameter im Iframe Generator ein und klicken dann auf "Code generieren". Fügen Sie diesen Code auf Ihrer Website ein.

Wenn Sie von einem Widget auf Ihre eingebettete Website umleiten dürfen Sie die Einstellungen für "Erster Check-in", "Aufenthalt" und "Anzahl Gäste" nicht ändern.

2 Wordpress

Für Wordpress können Sie unser Wordpress Plugin nutzen oder den Code im "text" Modus einfügen.

3 Multiple Unterkünfte

Stellen Sie "Unterkünfte" = Alle um den Iframe Code für die Buchungsseite für multiple Unterkünfte zu generieren.

Wenn ein Gast bei einer der gelisteten Unterkünfte auf "Buchen" klickt öffnet sich die Buchungsseite der gewählten Unterkunft, wo der Gast die Buchung durchführen kann.

Wenn Sie auch eingebettete Immobilienbuchungsseiten haben und den Gast auf diese Seite weiterleiten möchten, gehen Sie zu {#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE > VERHALTEN und stellen "Redirect" = "Nur bei mehreren Unterkünften" und geben dort die URL der Buchungsseite der Unterkunft gefolgt von der URL auf die Sie umleiten wollen wie in diesem Beispiel ein:

https://beds24.com/booking.php?propid=12341&redirect=https://www.mywebsite/propertyA

4 Buchungsseite für eine einzelne Einheit/Zimmer

Durch die Änderung der ID der URL können sie eine Buchungsseite für ein einzelnes Zimmer, Apartment oder Einheit erstellen.

Gehen sie zu {#fas:cog}} (KONFIGURATION) UNTERKÜNFTE > EINHEITEN und kopieren die ID für die Unterkunft:

Beispiel: https://www.beds24.com/booking.php?propid=2035

propid=2035 ist die ID für die Unterkunft

roomid=3561 it die ID für die Einheit für welche sie eine Buchungsseite erstellen wollen

Link: https://www.beds24.com/booking.php?roomid=3561

Mit der selben Methode können sie ein Buchungswidget für ein Einheit erstellen. Suchen sie im Code nach der propid und tauschen das propid gegen roomid aus und die Nummer gegen die ID der Einheit.

In Wordpress

Wenn sie Wordpress benutzen können sie die ID der Einheit in den Short Code einfügen.

Beispiel:

[beds24-box roomid="3561"]

zeigt eine Buchungsbox für Einheit 3561. Weitere Informationen finden sie direkt im Plugin wenn sie sich bei Wordpress einloggen und dann zu SETTINGS -> BEDS24 gehen.

5 Widgets

Mit Hilfe des Widget Designers {#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS) können sie Buchungswidgets für ihre Website erstellen, die ihre Buchungsseite öffnen.

6 Optionen für Enwickler

Entwickler können nach der Buchung auf eine individuelle Seite umleiten. Die Einstellung ist "URL nach Buchung" in {#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE > VERHALTEN.

Weitere Optionen finden Sie englischsprachigen Wiki.

7 Troubleshooting

7.1 Scrollbar

Es gibt zwei mögliche Gründe für das Erscheinen: 1. Der Iframe hat nicht genügend Höhe für den Inhalt. Erhöhen Sie den Wert im Parameter height in der Buchung. In diesem Link beträgt die Höhe zum Beispiel 1500 (height="1500"):

<iframe style="max-width: 100%; border: none; overflow: auto;" src="https://www.beds24.com/booking2.php?propid=3103&numdisplayed=5&numnight=1&numadult=2-1&referer=iframe/" height="1500" width="800"></iframe>

2. Der Container auf Ihrer Website, der den Iframe enthält, hat nicht genügend Höhe.

7.2 Termine und/oder Gästezahlen werden nicht vom Widget transportiert

Dies geschieht, wenn Sie die Daten und/oder die Anzahl der Gäste in der URL angeben. Entfernen Sie die Parameter numadult und advanadvancedays und aus der URL des Iframe.

7.3 Iframe nach oben scrollen

Manchmal kommt es vor, dass beim Wechsel innerhalb eines Iframes von einer langen Seite zu einer kürzeren der Gast auf dem unteren Ende der Seite landet, was dann wie eine 'leere Seite' aussieht. Schauen Sie in diesem Hilfedokument nach, was es für Lösungen für dieses Problem gibt:

Scroll_Iframe_to_the_top_of_the_page

7.4 Probleme auf Mobilgeräten

Wenn der Inhalt abgeschnitten wird, haben Sie höchstwahrscheinlich nicht genug Breite oder Höhe Element, in dem der Iframe eingebettet ist. Vergrößern Sie entweder die Breite und Höhe oder versuchen Sie es mit einer kleineren Schriftgröße.

Iframes on Mobilgeräten sind problematisch. Stellen Sie sicher, dass Sie folgendes im <head> haben: <meta name="viewport" content="width=device-width, initial-scale=1">. Wenn sie die Buchungsseite als Iframe einbetten empfehlen wir eine spezielle mobile Seite einzurichten, welche statt der Seite auf der sie den Iframe eingebettet haben die Buchungsseite in einem neuen Fenster öffnet.