Änderungen

Zur Navigation springen Zur Suche springen

Eingebetteter Iframe

4.148 Bytes hinzugefügt, 17:10, 15. Mai 2020
Die Seite wurde neu angelegt: „Category:Buchungsseite Category:Buchungsmaschine Category:Widgets <div class="heading">Eingebetteter Iframe</div> Diese Seite ist über das Menue…“
[[Category:Buchungsseite]]
[[Category:Buchungsmaschine]]
[[Category:Widgets]]
<div class="heading">Eingebetteter Iframe</div>
Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > EINGEBETTETER IFRAME und erklärt, wie Sie die Buchungseite auf Ihrer Website einbetten können.

__TOC__
=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.

<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> 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.

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

=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:

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

= 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:''' <code>https://www.beds24.com/booking.php?propid=2035</code>

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: <code>https://www.beds24.com/booking.php?roomid=3561</code>


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:'''

<nowiki>[beds24-box roomid="3561"]</nowiki>

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.

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

=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 [https://wiki.beds24.com/index.php?title=Category:Developers englischsprachigen Wiki].

=Troubleshooting=
== 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|Scroll_Iframe_to_the_top_of_the_page]]

== Probleme auf Mobilgeräten ==
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.

Navigationsmenü