Eingebetteter Iframe: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
 
Zeile 98: Zeile 98:
 
*Ihren Google Maps API-Schlüssel in {{#fas:cog}} (KONFIGURATION) > BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT> DEVELOPER eingegeben haben  
 
*Ihren Google Maps API-Schlüssel in {{#fas:cog}} (KONFIGURATION) > BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT> DEVELOPER eingegeben haben  
 
*Zugriff von Ihrer URL mit dem API-Schlüssel erlaubt haben (muss in der Google Cloud Platform eingestellt werden)
 
*Zugriff von Ihrer URL mit dem API-Schlüssel erlaubt haben (muss in der Google Cloud Platform eingestellt werden)
 +
*Die "Karten-JavaScript-API" in Google (diejenige für die Einbettung von Karten in Websites) aktiviert ist
 
*Zahlungen in Google aktiviert sind
 
*Zahlungen in Google aktiviert sind

Aktuelle Version vom 29. Juni 2020, 10:45 Uhr

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

1 Code Snippe tgenerieren

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 Verfügbare Daten zeigen als nicht verfügbar an

Wahrscheinlich haben Sie keine Preise für die Auswahl des Gastes. Nutzen Sie den "Preis Checker" zur Überprüfung.

Aktualisierungen, die Sie im KALENDER gemacht haben werden sofort übertragen. Bei Änderungen an Einstellungen, die Einfluss auf die Verfügbarkeit haben wie Anzahl der Einheiten in den Einstellungen für die Einheiten in den Einstellungen der Einheiten kann die Aktualisierung bis zu 24 Stunden dauern.

7.2 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.3 Seite ist unsicher

Höchstwahrscheinlich haben Sie einen Link zu einem Bild, das nicht sicher gehostet wird.

7.4 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 Parameter aus der URL des Iframe.

Stellen Sie auch sicher, dass die Auswahloptionen im Widget identisch mit denen auf der Buchungsseite sind.

Wenn Sie den Gästen auf Ihrer Buchungsseite erlauben, mehrere Zimmer zu buchen, wird die Anzahl der Gäste niemals aus dem Widget transportiert.

7.5 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.6 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.

7.7 Google Map wird nicht angezeigt

Stellen Sie sicher, dass Sie alle relevanten Einstellungen vorgenommen haben:

  • Ihren Google Maps API-Schlüssel in (KONFIGURATION) > BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT> DEVELOPER eingegeben haben
  • Zugriff von Ihrer URL mit dem API-Schlüssel erlaubt haben (muss in der Google Cloud Platform eingestellt werden)
  • Die "Karten-JavaScript-API" in Google (diejenige für die Einbettung von Karten in Websites) aktiviert ist
  • Zahlungen in Google aktiviert sind