Kategorie:Buchungsseite: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
Zeile 3: Zeile 3:
 
[[Category:Buchungsmaschine]]
 
[[Category:Buchungsmaschine]]
 
[[Category:Preise_und_Verfuegbarkeit]]
 
[[Category:Preise_und_Verfuegbarkeit]]
[[Category:Buchungsseite_und_Widgets]]
+
[[Category:Widgets]]
 
[[Category:Anleitungen]]
 
[[Category:Anleitungen]]
  ''Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSMASCHINE''
+
<div class="heading">Buchungsmaschine</div>
 +
  Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE
  
Sie können das Erscheinungsbild an den Look ihrer Website anpassen.
 
 
 
Nutzen sie die Auswahl um die Unterkunft auszuwählen. Wenn sie mehrere Unterkünfte haben wähl "Alle" alle Unterkünfte aus
 
 
Es stehen eine responsive und adaptive Version zur Verfügunb.
 
 
  __TOC__
 
  __TOC__
== Responsive Buchungsseite ==
+
=Buchungsmaschine einrichten=
Beispiele:
+
Über die Buchungsmaschine können Sie provisionsfreie Direktbuchungen erhalten.
  
<div><ul>
+
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> Dieser [https://www.beds24.com/wizard/wizard4.php?lang=de Wizard] führt Sie durch die Einrichtung.  
<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|160px]] </li>
 
<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|160p|]] </li>
 
<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|160px]] </li>
 
<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|160px]] </li>
 
<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|160px]] </li>
 
<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|160px]] </li>
 
</ul></div>
 
  
[[Responsive Buchungsseite|Hier]] finden sie eine Anleitung für die responsive Buchungsseite
+
=Buchungsseite=
 +
Auf der Buchungsseite nimmt der Gast die Buchung vor.
  
== Adaptive Buchungsseite ==
+
Die Buchungsseite kann über ein Code Snippet, welches wir zur Verfügung stellen auf Ihrer Website eingebunden werden.
Beispiele:
 
  
[[File:example-de.jpg]]
+
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Die aktuelle Version der Buchungsseite ist  "Responsive". Stellen Sie sicher, dass sowohl "Version Buchungsseite" als auch "Version Check-out Seite" auf "Responsive" eingestellt sind.  
  
[[Adaptive Buchungsseite|Hier]] finden sie eine Anleitung für die adaptive Buchungsseite
+
Die Buchungsseite ist vollständig anpassbar, und Sie haben die Möglichkeit, bei Bedarf mehrere Layouts einzurichten.
  
 +
Wir stellen Ihnen 7ayouts zur Verfügung, die Sie weiter anpassen können.  Das Layout, das als "Standard" eingestellt ist, wird standardmäßig verwendet und wenn die Facebook App auf Facebook verwendet wird.
  
== Buchungsseite für eine einzelne Einheit/Zimmer ==
+
Aktuelle Voreinstellung:  
Durch die Änderung der ID der URL können sie eine Buchungsseite für ein einzelnes Zimmer, Apartment oder Einheit erstellen.
+
[[File:layout7.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 7</p>]]
 
 
Gehen sie zu 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:'''
 
 
 
<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.
 
 
 
 
 
  Hinweis: 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.
 
 
 
== Widgets ==
 
Mit Hilfe des Widget Designers (KONFIGURATION -> BUCHUNGSMASCHINE'->WIDGETS) können sie Buchungswidgets für ihre Website erstellen, die ihre Buchungsseite öffnen.
 
  
 +
Weitere Layouts:
 +
<div><ul>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 1</p>]] </li>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 2</p>]] </li>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 3</p>]] </li>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 4</p>]] </li>
 +
<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 5</p>]] </li>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 6</p>]] </li>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout7.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 7</p>]] </li>
 +
</ul></div>
  
== Fehlersuche ==
+
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span>  <span style="font-weight: bold;" >Tip</span>  Wir empfehlen, dass Sie sich von unserem  [https://www.beds24.com/wizard/wizard2.php?lang=de Wizard]  durch die Einrichtung führen lassen.
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]]
+
=Widgets=
 +
Der Widget Designer ermöglicht es Ihnen, Ihre eigenen benutzerdefinierten Widgets zu erstellen, die Sie zu Ihrer Website hinzufügen können.

Version vom 15. Mai 2020, 14:54 Uhr

Buchungsmaschine
Diese Seite ist über das Menue  (KONFIGURATION) BUCHUNGSMASCHINE

1 Buchungsmaschine einrichten

Über die Buchungsmaschine können Sie provisionsfreie Direktbuchungen erhalten.

Tip Dieser Wizard führt Sie durch die Einrichtung.

2 Buchungsseite

Auf der Buchungsseite nimmt der Gast die Buchung vor.

Die Buchungsseite kann über ein Code Snippet, welches wir zur Verfügung stellen auf Ihrer Website eingebunden werden.

Die aktuelle Version der Buchungsseite ist "Responsive". Stellen Sie sicher, dass sowohl "Version Buchungsseite" als auch "Version Check-out Seite" auf "Responsive" eingestellt sind.

Die Buchungsseite ist vollständig anpassbar, und Sie haben die Möglichkeit, bei Bedarf mehrere Layouts einzurichten.

Wir stellen Ihnen 7ayouts zur Verfügung, die Sie weiter anpassen können. Das Layout, das als "Standard" eingestellt ist, wird standardmäßig verwendet und wenn die Facebook App auf Facebook verwendet wird.

Aktuelle Voreinstellung:

Layout 7

Weitere Layouts:

  • Layout 1

  • Layout 2

  • Layout 3

  • Layout 4

  • Layout 5

  • Layout 6

  • Layout 7

Tip Wir empfehlen, dass Sie sich von unserem Wizard durch die Einrichtung führen lassen.

3 Widgets

Der Widget Designer ermöglicht es Ihnen, Ihre eigenen benutzerdefinierten Widgets zu erstellen, die Sie zu Ihrer Website hinzufügen können.