Responsive Buchungsseite: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(63 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 2: Zeile 2:
[[Category:Anleitungen]]
[[Category:Anleitungen]]
[[Category:Buchungsseite]]
[[Category:Buchungsseite]]
[[Category:Buchungsmaschine]]
<div class="heading">Responsive Buchungsseite</div>
Diese Seite ist über das Menue  {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT > LAYOUT und erklärt, wie Sie die responsive Version der Buchungsseite einrichten.


  Diese Seite erklärt, wie sie die responsive Version der Buchungsseite einrichten.
==Buchungsmaschine konfigurieren ==
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tipp</span> Dieser [https://beds24.com/wizard/wizard4.php?lang=de Wizard] führt Sie durch die Konfiguration der Buchungsmaschine.


== Widget für die Website ==
== Widget für die Website ==
Gehen sie zu EINSTELLUNGEN>BUCHUNGSSEITE->WIDGETS um den Code für  Website Widgets zu generieren.  
Gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS um den Code für  Website Widgets zu generieren.
   
 
== Responsive Buchungsseite individualisieren ==
Gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > WIDGETS > IFRAME GENERATOR um den Code zum Einbetten der Buchungsseite in Ihre Website zu generieren.
Verwenden Sie die Kontexthilfe (?icons) für Informationen über die iFrame-Einstellungen.
 
== Responsive Buchungsseite einrichten ==
 
<embedvideo service="youtube">https://youtu.be/hy0trWoKYe8</embedvideo>
 
===Konzept===  
===Konzept===  
Durch das modulare Design haben sie volle Kontrolle über das Layout.  
Durch das modulare Design haben Sie volle Kontrolle über das Layout.
 
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span>  <span style="font-weight: bold;" >Tipp</span> Dieser [https://beds24.com/wizard/wizard2.php?lang=de Wizard] führt Sie durch die Individualisierung der Buchungsseite.


====Module====
====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
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
*Bilder Galerie oder Slider für Unterkunft, Einheiten und Offerten (Stellen Sie sicher, dass alle Bildformate gleich sind, mischen Sie nicht Hoch- und Querformat)
*Bild für Unterkunft, Einheiten und Offerten
*Bild für Unterkunft, Einheiten und Offerten
*Featues (Ausstattungsmerkmale) für Unterkunft und  Einheiten
*Featues (Ausstattungsmerkmale) für Unterkunft und  Einheiten
*Belegunbskalender (ein oder mehrere Monate) für Unterkunft, Einheiten und Offerten
*Belegungskalender (ein oder mehrere Monate) für Unterkunft, Einheiten und Offerten
*Preistabelle für Offerten
*Preistabelle für Offerten
*Beschreibungen für Unterkunft, Einheiten und Offerten
*Beschreibungen für Unterkunft, Einheiten und Offerten
Zeile 25: Zeile 37:


====Templates====
====Templates====
Es gibt eine Reihe von Tempates mit unterschiedlichen Modulen. Templates können wir zur Verfügung gestellt genutzt werden oder nach eigenen Bedürfnissen individualisiert werden.   
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.
Der aktuelle Standard ist Template 7.


<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">Templae 1</p> <p style="font-weight: bold;">Module:</p>
<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://beds24.com/booking2.php?propid=13434&layout=2 Demo ansehen]
</li>
 
<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>
Offerte:  Slider, Beschreibung 1, Kalender,  Offerte Auswahl (Button/Selector),<br><br>
Offerte:  Slider, Beschreibung 1, Kalender,  Offerte Auswahl (Button/Selector),<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
Unterkunft Unten: Beschreibung 2]]  
[https://beds24.com/booking2.php?propid=13434&layout=1 Demo ansehen]
</li>


<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>
<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>
Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
Unterkunft Unten: Beschreibung 2]]  
[https://beds24.com/booking2.php?propid=13434&layout=2 Demo ansehen]
</li>


<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>
<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>
Einheit: Slider, Beschreibung <br><br>
Offerte:  Preistabelle, Offerte Auswahl (Button/Selector),  Slider, Beschreibung 2<br><br>
Offerte:  Preistabelle, Offerte Auswahl (Button/Selector),  Slider, Beschreibung 2<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
Unterkunft Unten: Beschreibung 2]]  
[https://beds24.com/booking2.php?propid=13434&layout=3 Demo ansehen]
</li>
 
</ul></div>
</ul></div>


Zeile 49: Zeile 74:
Unterkunft Oben: Slider<br><br>
Unterkunft Oben: Slider<br><br>
Offerte:  Bild, Beschreibung 1, Kalender,  Offerte Auswahl (Button/Selector), Beschreibung 2<br><br>
Offerte:  Bild, Beschreibung 1, Kalender,  Offerte Auswahl (Button/Selector), Beschreibung 2<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
Unterkunft Unten: Beschreibung 2]]  
[https://beds24.com/booking2.php?propid=13434&layout=4 Demo ansehen]
</li>
 
<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>
<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:  Kalender und Preistabelle,  Offerte Auswahl (Button/Selector)<br><br>
Offerte:  Kalender und Preistabelle,  Offerte Auswahl (Button/Selector)<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
Unterkunft Unten: Beschreibung 2]]
[https://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>
<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>
Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br>
Eineheit Unten: Slider, Beschreibung]] </li>
Eineheit Unten: Slider, Beschreibung]]  
[https://beds24.com/booking2.php?propid=13434&layout=6 Demo ansehen]
</li>
 
</ul></div>
</ul></div>


====Layouts====
====Layouts====
Wenn sie auf verschiedenen Webseiten oder Blogs eine andere Buchungsseite anzeigen möchten können sie verschiedne Layouts anlegen.
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.  
Die Facebook App nutzt das "Standard" Layout, welches in  {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE  ausgewählt ist.


=== Bilder ===
=== Bilder ===
In KONFIGURATION->BUCHUNGSSEITE->BILDER können sie Bilder hochladen und den Modulen zuordnen.
In {{#fas:cog}} (KONFIGURATION) > BUCHUNGSMASCHINE > BILDER können Sie Bilder hochladen und diese Unterkunft, Einheiten oder Offerten zuordnen.
 
<embedvideo service="youtube">https://www.youtube.com/watch?v=lXFa0MPO8TU</embedvideo>
 
=== Set up Wizard===
Dieser [https://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===
===Buchungsmaske invididualisieren===
Gehen Sie zu {{#fas:cog}} (KONFIGURATION) > BUCHUNGSMASCHINE > BUCHUNGSSEITE > LAYOUT.


Gehen sie zu KONFIGURATION->BUCHUNGSSEITE-> DESIGN->LAYOUT und wählen sie das Layout, welches sie nutzen möchten und klicken sie auf  "Anpassen" für das Layout, welches sie bearbeiten möchten.  
Wenn Sie nur ein Layout benutzen möchten lassen Sie den selector für "Layout" dort sowie den Selector für "Standard Layout" in  {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE  auf 1.  


==== Module auswählen und positionieren ====
==== Template auswählen ====
Wählen Sie das Template welches sie nutzen möchten und klicken dann auf "Standardeinstellung laden".
 
==== 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 80: Zeile 122:




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.


Diese  [https://www.beds24.com/booking2.php?propid=24226&lang=de Demosite] zeigt die wesentlichen Module.  
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".  


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".  
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span>  <span style="font-weight: bold;" >Tipp</span> Diese  [https://www.beds24.com/booking2.php?propid=24226&lang=de Demosite] zeigt die wesentlichen Module.  




Zeile 96: Zeile 138:
</gallery>
</gallery>


*Wenn sie Slider oder Bild benutzen und "Style" auf "Volle Breit" 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 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 an, die sie unter KONFIGURATION->UNTERKUNFT->BESCHREIBUNG eingegeben haben.
*Wenn Sie eine '''Google Map''' zeigen wollen, müssen Sie Ihren Google Map API Key in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > 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 Stellen Sie sicher, dass Sie alle relevanten Einstellungen in Google vornehmen.  
*Die Karte benutzt die Koordinaten, die sie unter KONFIGURATION->UNTERKÜNFTE->BESCHREIBUNG eingegeben haben. Falls notwendig kann ein API Key unter KONFIGURATION->BUCHUNGSSEITE->DEVELOPER eingegeben werden.
*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 {{#fas:cog}} (KONFIGURATIONUNTERKÜ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.
*Features können unter KONFIGURATION->UNTERKÜNFTE->BESCHREIBUNG eingegeben haben. Wenn sie auf "Manage" klicken können sie die Breite der Spalten anpassen. 
*AGB und Stornobedingungen können unter  KONFIGURATION->UNTERKÜNFTE->BESCHREIBUNG eingeben. Sie werden auf der Buchungsseite angezeigt, wenn sie das entsprechende Modul in KONFIGURATION->BUCHUNGSSEITE->LAYOUT aktivieren. Über Template Variablen können die Texte auch in 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 111: Zeile 151:
</gallery>
</gallery>


*Features können unter KONFIGURATION->UNTERKÜNFTE->EINHEITEN->SETUP eingegeben haben.


'''Module Offerten'''
'''Module Offerten'''
Zeile 125: Zeile 164:
</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.
<embedvideo service="youtube">https://youtu.be/Duluca3zmwg</embedvideo>


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.
*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.  
Zeile 138: Zeile 177:




In alle "Beschreibung" Module kann Text oder HTLM eingefügt werden.
Sie können die Änderungen unter diesem Layout oder einem anderen Layout speichern. Die Option "auf Standardeinstellung zurücksetzen" entfernt alle Änderungen.
 
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  gehen sie  KONFIGURATION->UNTERKÜNFTE->EINHEITEN->SETUP um den Inhalt des Moduls anzulegen oder zu ändern.
*Offerte Beschreibung 1 gehen sie  KONFIGURATION->UNTERKÜNFTE->OFFERTEN um den Inhalt des Moduls anzulegen oder zu ändern.
*Offerte Beschreibung  2  gehen sie  KONFIGURATION->UNTERKÜNFTE->OFFERTEN um den Inhalt des Moduls anzulegen oder zu ändern.
*Marketing Spalte - gehen sie  KONFIGURATION->UNTERKÜNFTE->OFFERTEN um den Inhalt des Moduls anzulegen oder zu ändern.
 
Wenn sie eines oder mehrere dieser Module aktiviert haben,:
*Unterkunft Beschreibung 1
*Unterkunft Beschreibung  2
*Unterkunft Beschreibung - Buchungsseite 1
*Unterkunft Beschreibung  - Buchungsseite 3
*Marketing Spalte. Die Marketingspalte wird nur in den Modulen "Preistabelle" und "Kalender und Preistabelle" angezeigt.
 
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.  


==== Farben und Schriften ====  
==== Farben und Schriften ====  
Farben und Schriften  KONFIGURATION->BUCHUNGSSEITE->DESIGN->STYLE geändert werden.
Farben und Schriften  {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > STYLE geändert werden.


Aktuelle Voreinstellungen sind:
Aktuelle Standardeinstellungen sind:


{| class="wikitable"
{| class="wikitable"
Zeile 175: Zeile 195:
|Farbe Link ||#008acc
|Farbe Link ||#008acc
|-
|-
|Farbe Rahmen ||#4dfdfdf
|Farbe Rahmen ||#dfdfdf
|-
|-
|Highlightfarbe von ||#ffffff
|Highlightfarbe von ||#ffffff
Zeile 216: Zeile 236:


==== Verhalten ====
==== Verhalten ====
Änderungen zum Öffnen und Schließen der Buchungsseite können in  KONFIGURATION->BUCHUNGSSEITE->DESIGN->VERHALTEN vorgenommen werden
Änderungen zum Öffnen und Schließen der Buchungsseite können in  {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > VERHALTEN vorgenommen werden Hier können Sie auch einen Spamschutz aktivieren.


====  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 {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > 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".
 
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


== 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  ==
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.
Allgemeine Einstellungen, die für alle Layout gelten wie Standardeinstellungen für Anzahl von Gästen, Buchungsdauer, Preisanzeige etc. befinden sich in   {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT.
 
=== Webfonts===
[https://wiki.beds24.com/index.php/Google_Font_on_Booking_Page Hier] wird erklärt, wie Webfonts eingebunden werden können.  
=== Buchung einzelner oder mehrerer Einheiten===
=== 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.
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 {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT.


=== 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" = Anfrage
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 {{#fas:cog}} (KONFIGURATION)  BUCHUNGSSEITE und stellen  "Buchungstyp" = Anfrage
 
=== Zusätzliche Nachrichten und Warnungen ===
Zusätzliche Nachrichten können auf der Buchungsseite in {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT  >INHALT hinzugefügt werden. Hier können Sie auch die Standard-Warnmeldungen ändern, die angezeigt werden, wenn ein Zimmer nicht verfügbar ist.
 
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Die Warnung für den Mindestaufenthalt wird auf Offertesniveau angezeigt.
Wenn die Nachricht zum Mindestaufenthalt nicht auf Ihrer Seite angezeigt wird, sind alle Ihre Offerte auf 'Nur wenn verfügbar' eingestellt.
 
Sie müssen mindestens 1 Offerte = Immer haben, dann wird die Warnung für den Mindestaufenthalt angezeigt, wenn die Suchdetails nicht verfügbar sind.
 
=== Ein Logo zu Ihrer Seite hinzufügen ===
* Gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BILDER und wählen Sie die zu importierende Datei.
* Scrollen Sie zum Bild und klicken Sie auf "Bearbeiten", scrollen Sie bis zum Ende der Seite und kopieren Sie die URL.
* Gehen Sie zu  {{#fas:cog}}  (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > INHALT "Beschreibung Unterkunft 1"
* Clicken Sie 'Bearbeiten', Suchen Sie dann das Symbol "Bild" und fügen Sie die URL in das URL-Feld ein, fügen Sie ggf. eine Beschreibung hinzu, ändern Sie die Größe nach Bedarf und klicken Sie auf OK. Verwenden Sie die anderen Funktionen, um das Bild wie gewünscht zu positionieren (Mitte, links, rechts).
* Klicken Sie auf Speichern.
 
=== Spamschutz ===
Sie können sich über Ihre Buchungsseite vor Spam schützen in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > VERHALTEN.
 
*Setzen Sie "Captcha Code" auf "Pflichtfeld", damit Ihre Gäste einen Captcha-Code eingeben müssen, um die Buchung fortzusetzen.
 
*Setzen Sie "Code per Email" auf "Pflichtfeld",
damit Ihr Gast die Buchung nur fortsetzen kann, wenn er einen Code eingibt, der automatisch an ihn gesendet wurde.


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


1. Kopierens sei den Code aus ihrem TripAdvisor Account.
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 Warnungen ===
Zusätzliche Informationen können unter  {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTERKUNFT> CONTENT angelegt werden. Hier können Sie auch die Wanrungen 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  {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT >  DEVELOPER "Einfügen in HTML" eingeben.
 
=== Chat hinzufügen===
Chat Systeme stellen eine Skript zur Verfügung, welches in  {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT >  DEVELOPER "Einfügen in HTML" eingeben werden kann.
 
==Barrierefreiheit==
Die Buchungsseite hat eine Basisoptimierung für barrierefeien Zugang.
 
Wenn Barrierefreiheit für Sie wichtig ist müssen Sie zusätzlich darauf achten:
 
1. Dass Sie Farben mit hohem Kontrast wählen. Empfohlen sind:
 
Hintergrundfarbe Seite: ffffff


2. Fügen sie den Code ein, indem sie im Modul auf "Bearbeiten" klicken und dann auf "Quellcode".
Hintergrundfarbe Content: ffffff
   
Textfarbe Content: 000000
   
Farbe Link: 1a5176
   
Farbe Rahmen: bdbdbd
   
Highlightfarbe von: ffffff
   
Highlightfarbe bis: ffffff
   
HighlightfarbeText: 000000
Formular Hintergrundfarbe : ffffff
   
Formular Textfarbe : 000000
Hintergrundfarbe gewählte Daten: f2f2f2
   
Textfarbe gewählte Daten: 000000
Hintergrundfarbe verfügbare Daten: 12852b
   
Textfarbe verfügbare Daten: ffffff 
Hintergrundfarbe Daten auf Anfrage: def7e3
   
Textfarbe Daten auf Anfrage: 000000
Hintergrundfarbe nicht verfügbare Daten: db5148
   
Textfarbe nicht verfügbare Daten: ffffff


Stellen sie sicher, dass das Modul welches sie nutzen möchten aktiviert ist
2. Wenn sich Ihre Buchungsseite als neue Seite/Tab öffnet, oder als Landingpage für Google genutzt wird, sollten Sie oben  eine Unterkunftsbeschreibung mit H1 und idealerweise auch H2 Unterschriften hinzufügen.


==Multiple Layouts==
==Multiple Layouts==
Wenn sie verschiedene Layouts benutzen wollen, können sie das Layout über einen Parameter zur URL definieren. Beispiel
Sie können bis zu 6 verschiedene Layouts gleichzeitig einsetzen.
 
Das "Standard" Layout wird in  {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE ausgewählt.


  https://www.beds24.com/booking2.php?propid=13437&layout=2
Die Facebook App nutzt das "Standard" Layout, welches in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE ausgewählt ist.  


ö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.
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


Die Facebook App nutzt das "Standard" Layout.
https://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 ==


Funktionen für Entwickler sind in KONFIGURATION->BUCHUNGSSEITE->DEVELOPER verfügbar.
Funktionen für Entwickler sind in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > 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 282: Zeile 397:


== 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 ==
== Von adaptiver Version auf  responsive Version wechseln ==
   
   
Gehen sie zu KONFIGURATION->BUCHUNGSSEITE und wählen sie "Version Buchungsseite"=  Responsive. Damit aktivieren sie Layout 1.
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 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.  
Wenn Sie von der adaptiven auf die responsive Version wechseln müssen Sie die Bilder erneut zuordnen. Gehen Sie zu {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > 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.
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 die die "Unterkunft klonen" Funktion in SUBACCOUNT (Menue oben rechts) nutzen, um die Änderungen auf ihre "echte" Unterkunft zu übertragen.
<embedvideo service="youtube">https://www.youtube.com/watch?v=UOK8Hs_PnOM</embedvideo>
 
  NOTE: 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 Einstellungen  "klonen", um die Änderungen auf Ihre "echte" Unterkunft zu übertragen. Um diese Funktion zu nutzeb, klicken Sie auf das 'User Icon' oben rechts und dann auf 'Account Management' (im alten Control Panel gehen Sie zu SUB ACCOUNTS im Menu oben rechts).