Responsive Buchungsseite: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
(46 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
[[Category:Einstellungen]]
 
 
[[Category:Buchungsseite_und_Widgets]]
 
[[Category:Buchungsseite_und_Widgets]]
 
[[Category:Anleitungen]]
 
[[Category:Anleitungen]]
 
[[Category:Buchungsseite]]
 
[[Category:Buchungsseite]]
  
  Diese Seite erklärt, wie sie die responsive Version der Buchungsseite einrichten.
+
  Diese Seite erklärt, wie Sie die responsive Version der Buchungsseite einrichten.
  
Durch das modulare Design haben sie volle Kontrolle über das Layout. Es stehen ihnen einige Standardlayouts zur Verfügung die sie aktiveren könen.
+
== Widget für die Website ==
 +
Gehen Sie zu EINSTELLUNGEN>BUCHUNGSSEITE->WIDGETS um den Code für  Website Widgets zu generieren.  
 
   
 
   
== Von adaptiver Version auf  responsive Version wechseln ==
+
== Responsive Buchungsseite einrichten ==
+
===Konzept===  
Gehen sie zu KONFIGURATION->BUCHUNGSSEITE und wählen sie "Version Buchungsseite"= Responsive. Damit aktivieren sie Layout 1.
+
Durch das modulare Design haben Sie volle Kontrolle über das Layout.
 +
 
 +
====Module====
 +
Module können hinzugefügt oder entfernt werden. Sie haben zusätzliche Einstellungen, worüber Sie auf die induviduellen Bedürfnisse zugeschnitten werden können. Für die meisten Module müssen Inhalte eingegeben werden. Verfügbare Module sind:
  
Wenn sie von der adaptiven auf die responsive Version wechseln müssen sie die Bilder erneut zuordnen. Gehen sie zu KONFIGURATION->BUCHUNGSSEITE ->BILDER. Wählen die die Einheit, dann "Offerte 1" und ordnen das/die Bilder zu, die sie zeigen möchten. Wenn sie mehr als eine Offerte aktiviert haben, wiederholen sie das für jede Offerte.
+
*Bilder Galerie oder Slider für Unterkunft, Einheiten und Offerten
 +
*Bild für Unterkunft, Einheiten und Offerten
 +
*Featues (Ausstattungsmerkmale) für Unterkunft und  Einheiten
 +
*Belegungskalender (ein oder mehrere Monate) für Unterkunft, Einheiten und Offerten
 +
*Preistabelle für Offerten
 +
*Beschreibungen für Unterkunft, Einheiten und Offerten
 +
*AGB
 +
*Karte
  
Die meisten Einstellungen werden automatisch übernommen.
+
====Templates====
 +
Es gibt eine Reihe von Tempates mit unterschiedlichen Modulen. Templates können wie zur Verfügung gestellt genutzt werden oder nach eigenen Bedürfnissen individualisiert werden.
  
HINWEIS: Wenn sie "Version Buchungsseite"=  Responsive auswählen ändert sich die Buchungsseite auf ihrer Website. Wenn sie nur testen wollen, können sie dies tun, in dem sie &version=3 zur URL ihrer Buchungsseite hinzufügen. Um die verschiedenen Layouts zu sehen fügen sie zu Nummer hinzu. z.B.  &version=3&layout=2 zeigt Layout 2. Alternativ können sie ihre Unterkunft zum Testen kopieren. Wenn sie das tun stellen sie sicher, dass alle Channel Manager Verbindungen in der kopierten Unterkunft deaktiviert sind. Für die zusätzlichen Einheiten fällt die normale Gebühr an.  
+
Der aktuelle Standard ist Template 7.
  
== Responsive Buchungsseite individualisieren ==
+
<div><ul>
   
+
<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 1</p> <p style="font-weight: bold;">Module:</p>
=== Bilder ===
+
Offerte:  Slider, Beschreibung 1, Kalender, Offerte Auswahl (Button/Selector),<br><br>
In KONFIGURATION->BUCHUNGSSEITE->BILDER können sie Bilder hochladen und den Modulen zuordnen.
+
Unterkunft Unten: Beschreibung 2]]
 +
[https://www.beds24.com/booking2.php?propid=13434&layout=1 Demo ansehen]
 +
</li>
  
===Anderes Layout auswählen===
+
<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 2</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>
 +
Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br>
 +
Unterkunft Unten: Beschreibung 2]]
 +
[https://www.beds24.com/booking2.php?propid=13434&layout=2 Demo ansehen]
 +
</li>
  
Gehen sie zu KONFIGURATION->BUCHUNGSSEITE-> DESIGN->LAYOUT und wählen sie das Layout, welches sie nutzen möchten.  
+
<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 3</p> <p style="font-weight: bold;">Module:</p>
 +
Einheit: Slider, Beschreibung <br><br>
 +
Offerte:  Preistabelle, Offerte Auswahl (Button/Selector),  Slider, Beschreibung 2<br><br>
 +
Unterkunft Unten: Beschreibung 2]]
 +
[https://www.beds24.com/booking2.php?propid=13434&layout=3 Demo ansehen]
 +
</li>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 4</p> <p style="font-weight: bold;">Module:</p>
 +
Unterkunft Oben: Slider<br><br>
 +
Offerte:  Bild, Beschreibung 1, Kalender,  Offerte Auswahl (Button/Selector), Beschreibung 2<br><br>
 +
Unterkunft Unten: Beschreibung 2]]
 +
[https://www.beds24.com/booking2.php?propid=13434&layout=4 Demo ansehen]
 +
</li>
 +
</ul></div>
  
  
 
<div><ul>  
 
<div><ul>  
<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 1</p> <p style="font-weight: bold;">Module:</p>
 
Offerte:  Slider, Beschreibung 1, Kalender,  Button/Selector,<br><br>
 
Unterkunft Unten: Beschreibung 2]] </li>
 
  
<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 2</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>
+
<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 5</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>
Offerte: Button/Selector, Preistabelle<br><br>
+
Offerte:  Kalender und Preistabelle,  Offerte Auswahl (Button/Selector)<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
+
Unterkunft Unten: Beschreibung 2]]
 +
[https://www.beds24.com/booking2.php?propid=13434&layout=5 Demo ansehen]
 +
</li>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 6</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Beschreibung 1<br><br>
 +
Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br>
 +
Eineheit Unten: Slider, Beschreibung]]
 +
[https://www.beds24.com/booking2.php?propid=13434&layout=6 Demo ansehen]
 +
</li>
 +
<li style="display: inline-block; vertical-align: top;"> [[File:layout7.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 7</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>
 +
Einheit: Features <br><br>
 +
Offerte: Offerte Auswahl (Button/Selector), Belegungskalender]]
 +
[https://www.beds24.com/booking2.php?propid=13434&layout=2 Demo ansehen]
 +
</li>
 +
</ul></div>
 +
 
 +
====Layouts====
 +
Wenn Sie auf verschiedenen Webseiten oder Blogs eine andere Buchungsseite anzeigen möchten können Sie verschiedene Layouts anlegen.
  
<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 3</p> <p style="font-weight: bold;">Module:</p>
+
Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSSEITE ausgewählt ist.  
Offerte: Preistabelle, Button/Selector,  Slider, Beschreibung 2<br><br>
+
 
Unterkunft Unten: Beschreibung 2]] </li>
+
=== Bilder ===
</ul></div>
+
In KONFIGURATION->BUCHUNGSSEITE->BILDER können Sie Bilder hochladen und diese Unterkunft, Einheiten oder Offerten zuordnen.
 +
 
 +
=== Set up Wizard===
 +
Dieser [https://www.beds24.com/wizard/wizard2.php Set up Wizard] führt Sie durch die Schritte. Loggen Sie sich einfach mit Ihrem Benutzernamen und Passwort ein und folgen den Schritten.
  
 +
===Buchungsmaske invididualisieren===
 +
Gehen Sie zu KONFIGURATION->BUCHUNGSSEITE-> DESIGN->LAYOUT.
  
<div><ul>
+
Wenn Sie nur ein Layout benutzen möchten lassen Sie den selector für "Layout" dort sowie den Selector für "Standard Layout" in KONFIGURATION->BUCHUNGSSEITE auf 1.
<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 4</p> <p style="font-weight: bold;">Module:</p>
 
Unterkunft Oben: Slider<br><br>
 
Offerte:  Bild, Beschreibung 1, Kalender,  Button/Selector, Beschreibung 2<br><br>
 
Unterkunft Unten: Beschreibung 2]] </li>
 
<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 5</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>
 
Offerte: Kalender und Preistabelle,  Button/Selector<br><br>
 
Unterkunft Unten: Beschreibung 2]] </li>
 
<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 6</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Beschreibung 1<br><br>
 
Offerte: Button/Selector, Preistabelle<br><br>
 
Eineheit Unten: Slider, Beschreibung]] </li>
 
</ul></div>
 
  
=== Layout individualisieren===
+
==== Template auswählen ====
Gehen sie zu KONFIGURATION->BUCHUNGSSEITE -> DESIGN->LAYOUT. Wählen sie das Layout und klicken sie auf "Anpassen".  
+
Wählen Sie das Template welches sie nutzen möchten und klicken dann auf "Voreinstellung laden".  
  
==== Wählen sie, was sie anzeigen möchten ====
+
==== Module ändern ====
 
Die responsive  Buchungsseite besteht aus Abschnitten:
 
Die responsive  Buchungsseite besteht aus Abschnitten:
 
"Offerte" enthält die Standardofferte einer Einheit
 
"Offerte" enthält die Standardofferte einer Einheit
Zeile 69: Zeile 105:
  
  
Für jeden Abschnitt können sie aus verschiedenen Module wählen.  
+
Für jeden Abschnitt können Sie aus verschiedenen Modulen wählen. Für die meisten Module müssen Inhalte eingegeben werden. Klicken Sie auf die Kontexthilfe (? Icons) um zu sehen, wo die Inhalte eingegeben werden können.
 +
 
 +
Jedes Modul hat zusätzliche Einstellungen, die es ihnen erlauben, die Anzeige nach Ihren Bedürfnisen auszurichten. Zu den zusätzlichen Einstellungen gelangen Sie über einen Klick auf "Manage".
 +
 
 +
Diese  [https://www.beds24.com/booking2.php?propid=24226&lang=de Demosite] zeigt die wesentlichen Module.  
 +
 
  
 
'''Module Unterkunft'''
 
'''Module Unterkunft'''
Zeile 77: Zeile 118:
 
File:Policies.png|<p style=" text-align: center"><strong>Bedingungen</strong><br>[[Media:Policies.png|view large]]</p>
 
File:Policies.png|<p style=" text-align: center"><strong>Bedingungen</strong><br>[[Media:Policies.png|view large]]</p>
 
File:Map.png|<p style=" text-align: center"><strong>Karte</strong><br>[[Media:Map.png|view large]]</p>
 
File:Map.png|<p style=" text-align: center"><strong>Karte</strong><br>[[Media:Map.png|view large]]</p>
 +
File:Property_features.png|<p style=" text-align: center"><strong>Features</strong><br>[[Media:Property_features.png|große Ansicht]]</p>
 
</gallery>
 
</gallery>
  
 
+
*Wenn Sie Slider oder Bild benutzen und "Style" auf "Volle Breite" gestellt haben, müssen Sie sicher stellen, dass Position = Zeile 1 Position 1, Desktop = Volle Breite, Mobile = Volle Breite eingestellt sind. In Zeile 1 darf kein anderes Modul positioniert sein. Stellen Sie auch sicher, dass Sie alle nicht genutzen Module deaktivieren.
*Bedingungen zeigt die Informationen andie sie unter KONFIGURATION->UNTERKUNFT->BESCHREIBUNG eingegeben haben.
+
*Wenn Sie eine '''Google Map'''  zeigen wollen, müssen Sie Ihren Google Map API Key in KONFIGURATION->BUCHUNGSSEITE->DEVELOPERS eingeben. Normalerweise reicht ein kostenloser Key aus. Den Key können Sie hier generieren: https://developers.google.com/maps/documentation/javascript/get-api-key
*Die Karte benutzt die Koordinaten, die sie unter KONFIGURATION->UNTERKUNFT->BESCHREIBUNG eingegeben haben.
+
*AGB und Stornobedingungen können können über Template Variablen auch Buchungsbestätigungen und Auto Action Emails eingefügt werden. Ein Link zu den AGB kann überall eingefügt werden, wo Texte eingegeben werden können. Unter KONFIGURATION -> UNTERKÜNFTE -> FRAGEN BEI BUCHUNG kann  eine obligatorische  individuelle Frage mit Kästchen angelegt werden. Dann muss der Gast ankreuzen, dass der die AGB akzeptiert. Bei Bedarf kann ein Link eingefügt werden z.B:  "Die <a href="http://www.meinewebsite.de/agb" target="_blank">AGB </a> habe ich gelesen und akzeptiert." Tauschen Sie www.meinewebsite.de/agb gegen den Link zu Ihren AGB aus.
  
 
'''Module Einheit'''
 
'''Module Einheit'''
Zeile 88: Zeile 130:
 
File:Room_picture.png|<p style=" text-align: center"><strong>Einheit Bild </strong><br>[[Media:Room_picture.png|große Ansicht]]</p>
 
File:Room_picture.png|<p style=" text-align: center"><strong>Einheit Bild </strong><br>[[Media:Room_picture.png|große Ansicht]]</p>
 
File:Room_calendar.png<p style=" text-align: center"><strong>Einheit Kalender</strong><br>[[Media:Room_calendar.png|große Ansicht]]</p>
 
File:Room_calendar.png<p style=" text-align: center"><strong>Einheit Kalender</strong><br>[[Media:Room_calendar.png|große Ansicht]]</p>
File:Room_description.png|<p style=" text-align: center"><strong>Einheit Beschreibung</strong><br>[[Media:Room_description.png|große Ansichzt]]</p>
+
File:Room_description.png|<p style=" text-align: center"><strong>Einheit Beschreibung</strong><br>[[Media:Room_description.png|große Ansicht]]</p>
 +
File:Room_features.png|<p style=" text-align: center"><strong>Features</strong><br>[[Media:Room_features.png|große Ansicht]]</p>
 
</gallery>
 
</gallery>
  
Zeile 99: Zeile 142:
 
File:Pricetable.png|<p style=" text-align: center"><strong>Preistabelle </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricetable.png|große Ansicht]]</p>
 
File:Pricetable.png|<p style=" text-align: center"><strong>Preistabelle </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricetable.png|große Ansicht]]</p>
 
File:Pricecalendar.png|<p style=" text-align: center"><strong>Preistabelle und Kalender </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricecalendar.png|große Ansicht]]</p>
 
File:Pricecalendar.png|<p style=" text-align: center"><strong>Preistabelle und Kalender </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricecalendar.png|große Ansicht]]</p>
File:Button.png|<p style=" text-align: center"><strong>Button</strong><br>[[Media:Button.png|große Ansicht]]</p>
+
File:Button.png|<p style=" text-align: center"><strong>Offerte Auswahl </strong><br> Button (Buchung einer Einheit)<br>[[Media:Button.png|große Ansicht]]</p>
File:Select.png|<p style=" text-align: center"><strong>Select</strong><br> (Buchung mehrerer Einehiten)<br>[[Media:Select.png|große Ansicht]]</p>
+
File:Select.png|<p style=" text-align: center"><strong>Offerte Auswahl</strong><br> Selekt (Buchung mehrerer Einheiten)<br>[[Media:Select.png|große Ansicht]]</p>
 
File:Offer_description.png|<p style=" text-align: center"><strong>Offerte Beschreibung</strong><br>[[Media:Offer_description.png|große Ansicht]]</p>
 
File:Offer_description.png|<p style=" text-align: center"><strong>Offerte Beschreibung</strong><br>[[Media:Offer_description.png|große Ansicht]]</p>
 
</gallery>
 
</gallery>
  
Die Karte benutzt die Koordinaten, die sie unter KONFIGURATION->UNTERKUNFT->BESCHREIBUNG eingegeben haben.
+
*Marketing Spalte. Die Marketingspalte wird nur in den Modulen "Preistabelle" und "Kalender und Preistabelle" angezeigt.
 +
*Für Offerten können die Module Kalender und Preistabelle und Kalender nicht gleichzeitig genutzt werden. Wenn Sie mehrere Offerten haben, zeigen die Kalender die gleiche Verfügbarkeit für alle Offerten.  
  
HINWEIS: Für Offerten können die Module Kalender und Preistabelle und Kalender nicht gleichzeitig genutzt werden. Wenn sie mehrere Offerten haben, zeigen die Kalender die gleiche Verfügbarkeit für alle Offerten.
 
  
Platzierung:  Module sind in Zeilen angeordnet. Jeder Abschnitt kann mehrere Zeilen haben.  
+
Module sind in Zeilen angeordnet. Jeder Abschnitt kann mehrere Zeilen haben.  
  
 +
Width on desktop and mobile: Jede Zeile hat 12 Spalten. Die Breite eines Moduls ist über die Spalten definiert.
  
Width on desktop and mobile: Jede Zeile hat 12 Spalten. Die Breite eines Moduls ist über die Spalten definiert.
 
 
[[Image:row.png|600px|link=]]
 
[[Image:row.png|600px|link=]]
 
[[Media:row.png|große Ansicht]]
 
[[Media:row.png|große Ansicht]]
  
 
In alle "Beschreibung" Module kann Text oder HTLM eingefügt werden.
 
 
Klicken sie auf  "Manage" um die Einstellungen eines Moduls zu ändern. Für alle Module können sie einstellen, ob sie immer sichtbar sind oder sich über einen Link öffnen.
 
 
Wenn sie eines oder mehrere dieser Module aktiviert haben,:
 
*Einheit Beschreibung 1  ("Einheit mehr Details"  der adaptiven Buchungsseite)
 
*Offerte Beschreibung 1 ("Offerte Zusammenfassung" der adaptiven Buchungsseite)
 
*Offerte Beschreibung  2 ("Offerte mehr Details" der adaptiven Buchungsseite)
 
*Marketing Spalte
 
Gehen sie  KONFIGURATION->BUCHUNGSSEITE->EINHEIT INHALT um den Inhalt des Moduls anzulegen oder zu ändern.
 
 
Wenn sie eines oder mehrere dieser Module aktiviert haben,:
 
*Unterkunft Beschreibung 1 ("Header" der adaptiven Buchungsseite)
 
*Unterkunft Beschreibung  2 ("Footer"der adaptiven Buchungsseite)
 
*Unterkunft Beschreibung - Buchungsseite 1 ("Kurzbeschreibung Unterkunft " der adaptiven Buchungsseite)
 
*Unterkunft Beschreibung  - Buchungsseite 3 ("Preiskalender Header Header " der adaptiven Buchungsseite)
 
 
 
Gehen sie  KONFIGURATION->BUCHUNGSSEITE->DESIGN->INHALT um den Inhalt des Moduls anzulegen oder zu ändern.
 
  
 
Sie können die Änderungen unter diesem Layout oder einem anderen Layout speichern. Die Option "auf Voreinstellung zurücksetzen" entfernt alle Änderungen.  
 
Sie können die Änderungen unter diesem Layout oder einem anderen Layout speichern. Die Option "auf Voreinstellung zurücksetzen" entfernt alle Änderungen.  
Zeile 141: Zeile 164:
 
==== Farben und Schriften ====  
 
==== Farben und Schriften ====  
 
Farben und Schriften  KONFIGURATION->BUCHUNGSSEITE->DESIGN->STYLE geändert werden.
 
Farben und Schriften  KONFIGURATION->BUCHUNGSSEITE->DESIGN->STYLE geändert werden.
 +
 +
Aktuelle Voreinstellungen sind:
 +
 +
{| class="wikitable"
 +
| '''Einstellung '''|| '''Wert'''
 +
|-
 +
|Hintergrundfarbe Seite  ||#f4f4f4
 +
|-
 +
|Hintergrundfarbe Content  ||#f4f4f4
 +
|-
 +
|Textfarbe Content ||#424242
 +
|-
 +
|Farbe Link ||#008acc
 +
|-
 +
|Farbe Rahmen ||#dfdfdf
 +
|-
 +
|Highlightfarbe von ||#ffffff
 +
|-
 +
|Highlightfarbe bis ||#ffffff
 +
|-
 +
|Highlightfarbe Text ||#424242
 +
|-
 +
|Formular Hintergrundfarbe ||#ffffff
 +
|-
 +
|Formular Textfarbe ||#424242
 +
|-
 +
|Hintergrundfarbe gewählte Daten  ||none
 +
|-
 +
|Textfarbe gewählte Daten ||#222222
 +
|-
 +
|Hintergrundfarbe verfügbare Daten  ||#f2f2f2
 +
|-
 +
|Textfarbe verfügbare Daten ||#424242
 +
|-
 +
|Hintergrundfarbe Daten auf Anfrage  ||#dddddd
 +
|-
 +
|Textfarbe Daten auf Anfrage ||#777777
 +
|-
 +
|Hintergrundfarbe nicht verfügbare Daten  ||#f2dede
 +
|-
 +
|Textfarbe nicht verfügbare Daten ||#a94442
 +
|-
 +
|Button Stil  ||flat
 +
|-
 +
|Farbe Button ||#008acc
 +
|-
 +
|Text Button ||#ffffff
 +
|-
 +
|Schriftart ||Arial (Helvetica)
 +
|-
 +
|Schriftgröße  ||14px
 +
|-
 +
|}
  
 
==== Verhalten ====
 
==== Verhalten ====
Zeile 146: Zeile 222:
  
 
====  Inhalt ====  
 
====  Inhalt ====  
Zusätzliche Informationen können der Buchungsseite in KONFIGURATION->BUCHUNGSSEITE->DESIGN->INHALT hinzugefügt werden. Hier können sie auch die Warnhinweise ändern, die erscheinen, wenn eine Einheit nicht verfügbar ist.
+
Zusätzliche Informationen können der Buchungsseite in KONFIGURATION->BUCHUNGSSEITE->DESIGN->INHALT hinzugefügt werden. Hier können Sie auch die Warnhinweise ändern, die erscheinen, wenn eine Einheit nicht verfügbar ist.
  
 +
== Mobilgeräte ==
 +
Jeds Modul hat zusätzliche Einstellungen, die es ihnen erlauben, die Anzeige auf Desktop und Mobilgeräten nach Ihren Bedürfnisen auszurichten. Zu den zusätzlichen Einstellungen gelangen Sie in "Layout"  über einen Klick auf "Manage".
  
====Multiple Layout====
+
Dort können Sie festlegen, ob Module auf Mobilgeräten
Wenn sie verschiedene Layouts benutzen wollen, können sie das Layout über einen Parameter zur URL definieren. Beispiel
+
*direkt angegzeigt werden
 
+
*über einen Link angezeigt werden
https://www.beds24.com/booking2.php?propid=13437&layout=2
+
*nur auf Desktops aber nicht auf Mobilgeräten angegzeigt werden
  
öffnet die Buchungsseite in Layout 1. Wenn sie Wordpress benutzen können sie dem Shortcode einen Parameter hinzufügen. Weitere Informationen finden sie in den Plugin Einstellungen.
 
 
== Internationalisierung ==
 
== Internationalisierung ==
 
===Währungsrechner ===
 
===Währungsrechner ===
Wenn sie Gästen die Möglichkeit geben wollen, Preise in eine andere Währung umgerechnet zu sehen, können sie den Währungsrechner aktivieren. Fügen sie beispielsweise &cur=EUR or &cur=USD  zur URL der Buchungsseite hinzu um die Seite direkt mit einem Umrechnungskurs zu öffen. Wenn sie Wordpress mit Short Codes benutzen, fügen sie cur=EUR oder cur=USD  Zum Short Code hinzu. Klicken sie   [https://wiki.beds24.com/index.php?title=Category:Developers hier] für eine komplette Liste der Währungscodes.
+
Wenn Sie Gästen die Möglichkeit geben wollen, Preise in eine andere Währung umgerechnet zu sehen, können Sie den Währungsrechner aktivieren. Fügen Sie beispielsweise &cur=EUR or &cur=USD  zur URL der Buchungsseite hinzu um die Seite direkt mit einem Umrechnungskurs zu öffen. Wenn Sie Wordpress mit Short Codes benutzen, fügen Sie cur=EUR oder cur=USD  Zum Short Code hinzu. Klicken Sie   [https://wiki.beds24.com/index.php?title=Category:Developers hier] für eine komplette Liste der Währungscodes.
  
 
=== Sprachen ===
 
=== Sprachen ===
Wenn Sie ihren Gästen eine mehrsprachige Buchungsseite anbieten möchten, können sie auswählen, welche Sprachen sie anbieten. Wenn sie mehr als eine Sprache aktivieren, können sie ihre Beschreibungen, Informationen und Benachrichtigungen über Tabs mehrsprachig eingeben.
+
Wenn Sie Ihren Gästen eine mehrsprachige Buchungsseite anbieten möchten, können Sie auswählen, welche Sprachen sie anbieten. Wenn Sie mehr als eine Sprache aktivieren, können Sie Ihre Beschreibungen, Informationen und Benachrichtigungen über Tabs mehrsprachig eingeben.
 
 
Die Sprachversion kann über einen Spachselektor ausgewählt werden. Die "Standardsprache Buchungsseite" legt fest, welche Sprachfassung als Erstes angezeigt wird. Wenn sie einen eingebetteten Iframe auf einer mehrsprachigen Website benutzen, können sie für jede Sprachversion die passende Buchungsseite einbetten. Klicken sie [[Sprachen|hier]] für eine Anleitung.
 
  
 +
Die Sprachversion kann über einen Spachselektor ausgewählt werden. Die "Standardsprache Buchungsseite" legt fest, welche Sprachfassung als Erstes angezeigt wird. Wenn Sie einen eingebetteten Iframe auf einer mehrsprachigen Website benutzen, können Sie für jede Sprachversion die passende Buchungsseite einbetten. Klicken Sie [[Sprachen|hier]] für eine Anleitung.
  
 
== Weitere Optionen  ==
 
== Weitere Optionen  ==
Zeile 171: Zeile 247:
  
 
=== Anfragen erlauben, wenn kein Preis gefunden wird ===
 
=== Anfragen erlauben, wenn kein Preis gefunden wird ===
Wenn sie Raten benutzen, können sie in den Raten "Anfrage erlauben" = ja einstellen. Wenn sie generell nur "Anfragen" erhalten möchten gehen sie zu KONFIGURATION->UNTERKÜNFTE->REGELN und stellen  "Buchungstyp" = Anfragel
+
Wenn Sie Raten benutzen, können sie in den Raten "Anfrage erlauben" = ja einstellen. Wenn Sie generell nur "Anfragen" erhalten möchten gehen Sie zu KONFIGURATION->UNTERKÜNFTE->REGELN und stellen  "Buchungstyp" = Anfrage
 +
 
 +
=== TripAdvisor Widgets  ===
 +
Tripadvisor stellt Code Snippet für Bewertungswidgets zur Verfügung.
 +
 
 +
1. Kopieren Sie den Code aus Ihrem TripAdvisor Account.
  
 +
2. Fügen Sie den Code ein, indem Sie im Modul auf "Bearbeiten" klicken und dann auf "Quellcode".
 +
 +
Stellen Sie sicher, dass das Modul welches Sie nutzen möchten aktiviert ist
 +
 +
=== Triptease Preisvergleichs Widget===
 +
Um diese Funktion zu nutzen benötigen Sie einen Account mit Triptease. Weitere Informationen hierzu finden Sie [[Triptease.com|hier]].
 +
 +
=== Zusätzliche Informationen und Warungen ===
 +
Zusätzliche Informationen können unter KONFIGURATION->BUCHUNGSSEITE->DESIGN->CONTENT angelegt werden. Hier können Sie auch die Warungen individualisieren, die angezeigt werden, wenn keine Verfügbarkeit vorhanden ist.
 +
 +
=== Cookies===
 +
Sie können ein Tool wie dieses https://cookieconsent.insites.com/download/ nutzen, welches ein Skript erzeugt, dass Sie in KONFIGURATION->BUCHUNGSSEITE ->DEVELOPER "Einfügen in HTML" eingeben.
 +
 +
==Multiple Layouts==
 +
Sie können bis zu 6 verschiedene Layouts gleichzeitig einsetzen.
 +
 +
Das "Standard" Layout wird in KONFIGURATION->BUCHUNGSSEITE ausgewählt.
 +
 +
Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSSEITE ausgewählt ist.
 +
 +
Wenn Sie verschiedene Layouts benutzen wollen, können Sie vor dem "Speichern" den Selektor auf die gewünschte Nummer ändern.  Um ein anderes als das Standard Layout zu öffnen können Sie über einen Parameter zur URL definieren. Beispiel
 +
 +
https://www.beds24.com/booking2.php?propid=13437&layout=2
 +
 +
öffnet die Buchungsseite in Layout 1. Wenn Sie Wordpress benutzen können sie dem Shortcode einen Parameter hinzufügen. Weitere Informationen finden Sie in den Plugin Einstellungen.
  
 
== Developer ==
 
== Developer ==
Zeile 178: Zeile 284:
 
Funktionen für Entwickler sind in  KONFIGURATION->BUCHUNGSSEITE->DEVELOPER verfügbar.
 
Funktionen für Entwickler sind in  KONFIGURATION->BUCHUNGSSEITE->DEVELOPER verfügbar.
  
*Wenn sie mit CSS arbeiten können, können sie ihre eigenen Styles anlegen
+
*Wenn Sie mit CSS arbeiten können, können Sie Ihre eigenen Styles anlegen
 
*Scripts z.B. für Google Analytics können eingefügt werden
 
*Scripts z.B. für Google Analytics können eingefügt werden
 
*Alle fixen Texte auf der Buchungsseite können ausgetauscht werden
 
*Alle fixen Texte auf der Buchungsseite können ausgetauscht werden
  
Stripe und Paymill verlinken ihre eigenen Buttons, die nicht verändert werden können. Um den Buttontext eines anderen Gateways zu ändern können sie ein Code Snippet unter "HTML" einfügen
+
Stripe und Paymill verlinken Ihre eigenen Buttons, die nicht verändert werden können. Um den Buttontext eines anderen Gateways zu ändern können Sie ein Code Snippet unter "HTML" einfügen
  
 
  Anleitung:  
 
  Anleitung:  
Zeile 200: Zeile 306:
  
 
== Multiple Unterkünfte ==
 
== Multiple Unterkünfte ==
Wenn sie multiple Unterkünfte haben, können sie alle Unterkünfte in ihrem Account auf einer Buchungsseite anzeigen. Diese verlinkt auf die Buchungsseiten der einzelnen Unterkünfte, wo die Buchung vorgenommen wird.  
+
Wenn Sie multiple Unterkünfte haben, können Sie alle Unterkünfte in Ihrem Account auf einer Buchungsseite anzeigen. Diese verlinkt auf die Buchungsseiten der einzelnen Unterkünfte, wo die Buchung vorgenommen wird.
 +
 
 +
== Von adaptiver Version auf  responsive Version wechseln ==
 +
 +
Gehen Sie zu KONFIGURATION->BUCHUNGSSEITE und wählen Sie "Version Buchungsseite"=  Responsive. Damit aktivieren Sie Layout 1.
 +
 
 +
Wenn Sie von der adaptiven auf die responsive Version wechseln müssen Sie die Bilder erneut zuordnen. Gehen Sie zu KONFIGURATION->BUCHUNGSSEITE ->BILDER. Wählen Sie die Einheit, dann "Offerte 1" und ordnen das/die Bilder zu, die Sie zeigen möchten. Wenn Sie mehr als eine Offerte aktiviert haben, wiederholen Sie das für jede Offerte.
 +
 
 +
Die meisten Einstellungen werden automatisch übernommen.
  
[https://wiki.beds24.com/index.php?title=Category:Developers Hier] finden sie weitere Optionen.
+
HINWEIS: Wenn Sie "Version Buchungsseite"=  Responsive auswählen ändert sich die Buchungsseite auf Ihrer Website. Wenn Sie nur testen wollen, können Sie dies tun, in dem Sie &version=3 zur URL Ihrer Buchungsseite hinzufügen. Um die verschiedenen Layouts zu sehen fügen Sie zu Nummer hinzu. z.B.  &version=3&layout=2 zeigt Layout 2. Alternativ können sie Ihre Unterkunft zum Testen kopieren. Wenn Sie das tun stellen Sie sicher, dass alle Channel Manager Verbindungen in der kopierten Unterkunft deaktiviert sind. Für die zusätzlichen Einheiten fällt die normale Gebühr an. Wenn Sie mit den Anpassungen fertig sind können Sie die "Unterkunft klonen" Funktion in SUBACCOUNT (Menue oben rechts) nutzen, um die Änderungen auf Ihre "echte" Unterkunft zu übertragen.

Version vom 22. November 2018, 16:06 Uhr


Diese Seite erklärt, wie Sie die responsive Version der Buchungsseite einrichten.

1 Widget für die Website

Gehen Sie zu EINSTELLUNGEN>BUCHUNGSSEITE->WIDGETS um den Code für Website Widgets zu generieren.

2 Responsive Buchungsseite einrichten

2.1 Konzept

Durch das modulare Design haben Sie volle Kontrolle über das Layout.

2.1.1 Module

Module können hinzugefügt oder entfernt werden. Sie haben zusätzliche Einstellungen, worüber Sie auf die induviduellen Bedürfnisse zugeschnitten werden können. Für die meisten Module müssen Inhalte eingegeben werden. Verfügbare Module sind:

  • Bilder Galerie oder Slider für Unterkunft, Einheiten und Offerten
  • Bild für Unterkunft, Einheiten und Offerten
  • Featues (Ausstattungsmerkmale) für Unterkunft und Einheiten
  • Belegungskalender (ein oder mehrere Monate) für Unterkunft, Einheiten und Offerten
  • Preistabelle für Offerten
  • Beschreibungen für Unterkunft, Einheiten und Offerten
  • AGB
  • Karte

2.1.2 Templates

Es gibt eine Reihe von Tempates mit unterschiedlichen Modulen. Templates können wie zur Verfügung gestellt genutzt werden oder nach eigenen Bedürfnissen individualisiert werden.

Der aktuelle Standard ist Template 7.

  • Template 1

    Module:

    Offerte: Slider, Beschreibung 1, Kalender, Offerte Auswahl (Button/Selector),

    Unterkunft Unten: Beschreibung 2

    Demo ansehen

  • Template 2

    Module:

    Unterkunft Oben: Slider

    Offerte: Offerte Auswahl (Button/Selector), Preistabelle

    Unterkunft Unten: Beschreibung 2

    Demo ansehen

  • Template 3

    Module:

    Einheit: Slider, Beschreibung

    Offerte: Preistabelle, Offerte Auswahl (Button/Selector), Slider, Beschreibung 2

    Unterkunft Unten: Beschreibung 2

    Demo ansehen

  • Template 4

    Module:

    Unterkunft Oben: Slider

    Offerte: Bild, Beschreibung 1, Kalender, Offerte Auswahl (Button/Selector), Beschreibung 2

    Unterkunft Unten: Beschreibung 2

    Demo ansehen


  • Template 5

    Module:

    Unterkunft Oben: Slider

    Offerte: Kalender und Preistabelle, Offerte Auswahl (Button/Selector)

    Unterkunft Unten: Beschreibung 2

    Demo ansehen

  • Template 6

    Module:

    Unterkunft Oben: Beschreibung 1

    Offerte: Offerte Auswahl (Button/Selector), Preistabelle

    Eineheit Unten: Slider, Beschreibung

    Demo ansehen

  • Template 7

    Module:

    Unterkunft Oben: Slider

    Einheit: Features

    Offerte: Offerte Auswahl (Button/Selector), Belegungskalender

    Demo ansehen

2.1.3 Layouts

Wenn Sie auf verschiedenen Webseiten oder Blogs eine andere Buchungsseite anzeigen möchten können Sie verschiedene Layouts anlegen.

Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSSEITE ausgewählt ist.

2.2 Bilder

In KONFIGURATION->BUCHUNGSSEITE->BILDER können Sie Bilder hochladen und diese Unterkunft, Einheiten oder Offerten zuordnen.

2.3 Set up Wizard

Dieser Set up Wizard führt Sie durch die Schritte. Loggen Sie sich einfach mit Ihrem Benutzernamen und Passwort ein und folgen den Schritten.

2.4 Buchungsmaske invididualisieren

Gehen Sie zu KONFIGURATION->BUCHUNGSSEITE-> DESIGN->LAYOUT.

Wenn Sie nur ein Layout benutzen möchten lassen Sie den selector für "Layout" dort sowie den Selector für "Standard Layout" in KONFIGURATION->BUCHUNGSSEITE auf 1.

2.4.1 Template auswählen

Wählen Sie das Template welches sie nutzen möchten und klicken dann auf "Voreinstellung laden".

2.4.2 Module ändern

Die responsive Buchungsseite besteht aus Abschnitten: "Offerte" enthält die Standardofferte einer Einheit

  • Eine Offerte wird immer angezeigt
  • Zusätzliche Offerten (z.B. für nicht erstattbare Preise oder Pakete) sind optional
  • Alle anderen Abschnitte sind optional.

Sections.jpg große Ansicht


Für jeden Abschnitt können Sie aus verschiedenen Modulen wählen. Für die meisten Module müssen Inhalte eingegeben werden. Klicken Sie auf die Kontexthilfe (? Icons) um zu sehen, wo die Inhalte eingegeben werden können.

Jedes Modul hat zusätzliche Einstellungen, die es ihnen erlauben, die Anzeige nach Ihren Bedürfnisen auszurichten. Zu den zusätzlichen Einstellungen gelangen Sie über einen Klick auf "Manage".

Diese  Demosite zeigt die wesentlichen Module. 


Module Unterkunft

  • Wenn Sie Slider oder Bild benutzen und "Style" auf "Volle Breite" gestellt haben, müssen Sie sicher stellen, dass Position = Zeile 1 Position 1, Desktop = Volle Breite, Mobile = Volle Breite eingestellt sind. In Zeile 1 darf kein anderes Modul positioniert sein. Stellen Sie auch sicher, dass Sie alle nicht genutzen Module deaktivieren.
  • Wenn Sie eine Google Map zeigen wollen, müssen Sie Ihren Google Map API Key in KONFIGURATION->BUCHUNGSSEITE->DEVELOPERS eingeben. Normalerweise reicht ein kostenloser Key aus. Den Key können Sie hier generieren: https://developers.google.com/maps/documentation/javascript/get-api-key
  • AGB und Stornobedingungen können können über Template Variablen auch Buchungsbestätigungen und Auto Action Emails eingefügt werden. Ein Link zu den AGB kann überall eingefügt werden, wo Texte eingegeben werden können. Unter KONFIGURATION -> UNTERKÜNFTE -> FRAGEN BEI BUCHUNG kann eine obligatorische individuelle Frage mit Kästchen angelegt werden. Dann muss der Gast ankreuzen, dass der die AGB akzeptiert. Bei Bedarf kann ein Link eingefügt werden z.B: "Die <a href="http://www.meinewebsite.de/agb" target="_blank">AGB </a> habe ich gelesen und akzeptiert." Tauschen Sie www.meinewebsite.de/agb gegen den Link zu Ihren AGB aus.

Module Einheit


Module Offerten

  • Marketing Spalte. Die Marketingspalte wird nur in den Modulen "Preistabelle" und "Kalender und Preistabelle" angezeigt.
  • Für Offerten können die Module Kalender und Preistabelle und Kalender nicht gleichzeitig genutzt werden. Wenn Sie mehrere Offerten haben, zeigen die Kalender die gleiche Verfügbarkeit für alle Offerten.


Module sind in Zeilen angeordnet. Jeder Abschnitt kann mehrere Zeilen haben.

Width on desktop and mobile: Jede Zeile hat 12 Spalten. Die Breite eines Moduls ist über die Spalten definiert.

Row.png große Ansicht


Sie können die Änderungen unter diesem Layout oder einem anderen Layout speichern. Die Option "auf Voreinstellung zurücksetzen" entfernt alle Änderungen.


2.4.3 Farben und Schriften

Farben und Schriften KONFIGURATION->BUCHUNGSSEITE->DESIGN->STYLE geändert werden.

Aktuelle Voreinstellungen sind:

Einstellung Wert
Hintergrundfarbe Seite #f4f4f4
Hintergrundfarbe Content #f4f4f4
Textfarbe Content #424242
Farbe Link #008acc
Farbe Rahmen #dfdfdf
Highlightfarbe von #ffffff
Highlightfarbe bis #ffffff
Highlightfarbe Text #424242
Formular Hintergrundfarbe #ffffff
Formular Textfarbe #424242
Hintergrundfarbe gewählte Daten none
Textfarbe gewählte Daten #222222
Hintergrundfarbe verfügbare Daten #f2f2f2
Textfarbe verfügbare Daten #424242
Hintergrundfarbe Daten auf Anfrage #dddddd
Textfarbe Daten auf Anfrage #777777
Hintergrundfarbe nicht verfügbare Daten #f2dede
Textfarbe nicht verfügbare Daten #a94442
Button Stil flat
Farbe Button #008acc
Text Button #ffffff
Schriftart Arial (Helvetica)
Schriftgröße 14px

2.4.4 Verhalten

Änderungen zum Öffnen und Schließen der Buchungsseite können in KONFIGURATION->BUCHUNGSSEITE->DESIGN->VERHALTEN vorgenommen werden

2.4.5 Inhalt

Zusätzliche Informationen können der Buchungsseite in KONFIGURATION->BUCHUNGSSEITE->DESIGN->INHALT hinzugefügt werden. Hier können Sie auch die Warnhinweise ändern, die erscheinen, wenn eine Einheit nicht verfügbar ist.

3 Mobilgeräte

Jeds Modul hat zusätzliche Einstellungen, die es ihnen erlauben, die Anzeige auf Desktop und Mobilgeräten nach Ihren Bedürfnisen auszurichten. Zu den zusätzlichen Einstellungen gelangen Sie in "Layout" über einen Klick auf "Manage".

Dort können Sie festlegen, ob Module auf Mobilgeräten

  • direkt angegzeigt werden
  • über einen Link angezeigt werden
  • nur auf Desktops aber nicht auf Mobilgeräten angegzeigt werden

4 Internationalisierung

4.1 Währungsrechner

Wenn Sie Gästen die Möglichkeit geben wollen, Preise in eine andere Währung umgerechnet zu sehen, können Sie den Währungsrechner aktivieren. Fügen Sie beispielsweise &cur=EUR or &cur=USD zur URL der Buchungsseite hinzu um die Seite direkt mit einem Umrechnungskurs zu öffen. Wenn Sie Wordpress mit Short Codes benutzen, fügen Sie cur=EUR oder cur=USD Zum Short Code hinzu. Klicken Sie hier für eine komplette Liste der Währungscodes.

4.2 Sprachen

Wenn Sie Ihren Gästen eine mehrsprachige Buchungsseite anbieten möchten, können Sie auswählen, welche Sprachen sie anbieten. Wenn Sie mehr als eine Sprache aktivieren, können Sie Ihre Beschreibungen, Informationen und Benachrichtigungen über Tabs mehrsprachig eingeben.

Die Sprachversion kann über einen Spachselektor ausgewählt werden. Die "Standardsprache Buchungsseite" legt fest, welche Sprachfassung als Erstes angezeigt wird. Wenn Sie einen eingebetteten Iframe auf einer mehrsprachigen Website benutzen, können Sie für jede Sprachversion die passende Buchungsseite einbetten. Klicken Sie hier für eine Anleitung.

5 Weitere Optionen

Allgemeine Einstellungen, die für alle Layout gelten wie Voreinstellungen für Anzahl von Gästen, Buchungsdauer, Preisanzeige etc. befinden sich in KONFIGURATION->BUCHUNGSSEITE-> DESIGN.

5.1 Buchung einzelner oder mehrerer Einheiten

Sie können die Buchung nur einer Einheit oder mehrerer Einheiten erlauben oder Gästen die Wahl geben. Die Einstellung hierfür befindet sich in KONFIGURATION->BUCHUNGSSEITE-> DESIGN.

5.2 Anfragen erlauben, wenn kein Preis gefunden wird

Wenn Sie Raten benutzen, können sie in den Raten "Anfrage erlauben" = ja einstellen. Wenn Sie generell nur "Anfragen" erhalten möchten gehen Sie zu KONFIGURATION->UNTERKÜNFTE->REGELN und stellen "Buchungstyp" = Anfrage

5.3 TripAdvisor Widgets

Tripadvisor stellt Code Snippet für Bewertungswidgets zur Verfügung.

1. Kopieren Sie den Code aus Ihrem TripAdvisor Account.

2. Fügen Sie den Code ein, indem Sie im Modul auf "Bearbeiten" klicken und dann auf "Quellcode".

Stellen Sie sicher, dass das Modul welches Sie nutzen möchten aktiviert ist

5.4 Triptease Preisvergleichs Widget

Um diese Funktion zu nutzen benötigen Sie einen Account mit Triptease. Weitere Informationen hierzu finden Sie hier.

5.5 Zusätzliche Informationen und Warungen

Zusätzliche Informationen können unter KONFIGURATION->BUCHUNGSSEITE->DESIGN->CONTENT angelegt werden. Hier können Sie auch die Warungen individualisieren, die angezeigt werden, wenn keine Verfügbarkeit vorhanden ist.

5.6 Cookies

Sie können ein Tool wie dieses https://cookieconsent.insites.com/download/ nutzen, welches ein Skript erzeugt, dass Sie in KONFIGURATION->BUCHUNGSSEITE ->DEVELOPER "Einfügen in HTML" eingeben.

6 Multiple Layouts

Sie können bis zu 6 verschiedene Layouts gleichzeitig einsetzen.

Das "Standard" Layout wird in KONFIGURATION->BUCHUNGSSEITE ausgewählt.

Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSSEITE ausgewählt ist.

Wenn Sie verschiedene Layouts benutzen wollen, können Sie vor dem "Speichern" den Selektor auf die gewünschte Nummer ändern. Um ein anderes als das Standard Layout zu öffnen können Sie über einen Parameter zur URL definieren. Beispiel

https://www.beds24.com/booking2.php?propid=13437&layout=2

öffnet die Buchungsseite in Layout 1. Wenn Sie Wordpress benutzen können sie dem Shortcode einen Parameter hinzufügen. Weitere Informationen finden Sie in den Plugin Einstellungen.

7 Developer

Funktionen für Entwickler sind in KONFIGURATION->BUCHUNGSSEITE->DEVELOPER verfügbar.

  • Wenn Sie mit CSS arbeiten können, können Sie Ihre eigenen Styles anlegen
  • Scripts z.B. für Google Analytics können eingefügt werden
  • Alle fixen Texte auf der Buchungsseite können ausgetauscht werden

Stripe und Paymill verlinken Ihre eigenen Buttons, die nicht verändert werden können. Um den Buttontext eines anderen Gateways zu ändern können Sie ein Code Snippet unter "HTML" einfügen

Anleitung: 
<script type="text/javascript">
$(document).ready(function() { $("#buttoncustominstruction").val("the new text"); }); 
</script>
Authorize.Net: 
<script type="text/javascript">
$(document).ready(function() { $("#buttonauthorizenet").val("the new text"); }); 
</script>
Paypal
<script type="text/javascript">
$(document).ready(function() { $("#buttonpaypal").val("the new text"); }); 
</script>

8 Multiple Unterkünfte

Wenn Sie multiple Unterkünfte haben, können Sie alle Unterkünfte in Ihrem Account auf einer Buchungsseite anzeigen. Diese verlinkt auf die Buchungsseiten der einzelnen Unterkünfte, wo die Buchung vorgenommen wird.

9 Von adaptiver Version auf responsive Version wechseln

Gehen Sie zu KONFIGURATION->BUCHUNGSSEITE und wählen Sie "Version Buchungsseite"= Responsive. Damit aktivieren Sie Layout 1.

Wenn Sie von der adaptiven auf die responsive Version wechseln müssen Sie die Bilder erneut zuordnen. Gehen Sie zu KONFIGURATION->BUCHUNGSSEITE ->BILDER. Wählen Sie die Einheit, dann "Offerte 1" und ordnen das/die Bilder zu, die Sie zeigen möchten. Wenn Sie mehr als eine Offerte aktiviert haben, wiederholen Sie das für jede Offerte.

Die meisten Einstellungen werden automatisch übernommen.

HINWEIS: Wenn Sie "Version Buchungsseite"=  Responsive auswählen ändert sich die Buchungsseite auf Ihrer Website. Wenn Sie nur testen wollen, können Sie dies tun, in dem Sie &version=3 zur URL Ihrer Buchungsseite hinzufügen. Um die verschiedenen Layouts zu sehen fügen Sie zu Nummer hinzu. z.B.  &version=3&layout=2 zeigt Layout 2. Alternativ können sie Ihre Unterkunft zum Testen kopieren. Wenn Sie das tun stellen Sie sicher, dass alle Channel Manager Verbindungen in der kopierten Unterkunft deaktiviert sind. Für die zusätzlichen Einheiten fällt die normale Gebühr an. Wenn Sie mit den Anpassungen fertig sind können Sie die "Unterkunft klonen" Funktion in SUBACCOUNT (Menue oben rechts) nutzen, um die Änderungen auf Ihre "echte" Unterkunft zu übertragen.