Responsive Buchungsseite: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Zeile 6: Zeile 6:


== 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 EINSTELLUNGEN>BUCHUNGSMASCHINE->WIDGETS um den Code für  Website Widgets zu generieren.  
   
   
== Responsive Buchungsseite einrichten ==
== Responsive Buchungsseite einrichten ==
Zeile 81: Zeile 81:
Wenn Sie auf verschiedenen Webseiten oder Blogs eine andere Buchungsseite anzeigen möchten können Sie verschiedene 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, welches in KONFIGURATION->BUCHUNGSSEITE ausgewählt ist.
Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSMASCHINE ausgewählt ist.


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


=== Set up Wizard===
=== Set up Wizard===
Zeile 90: Zeile 90:


===Buchungsmaske invididualisieren===
===Buchungsmaske invididualisieren===
Gehen Sie zu KONFIGURATION->BUCHUNGSSEITE-> DESIGN->LAYOUT.
Gehen Sie zu KONFIGURATION->BUCHUNGSMASCHINE-> BUCHUNGSSEITE->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.  
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->BUCHUNGSMASCHINE auf 1.  


==== Template auswählen ====
==== Template auswählen ====
Zeile 124: Zeile 124:


*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 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
*Wenn Sie eine '''Google Map'''  zeigen wollen, müssen Sie Ihren  Google Map API Key in KONFIGURATION->BUCHUNGSMASCHINE->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.
*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.


Zeile 165: Zeile 165:


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


Aktuelle Voreinstellungen sind:
Aktuelle Voreinstellungen sind:
Zeile 221: Zeile 221:


==== Verhalten ====
==== Verhalten ====
Änderungen zum Öffnen und Schließen der Buchungsseite können in  KONFIGURATION->BUCHUNGSSEITE->DESIGN->VERHALTEN vorgenommen werden Hier können Sie auch einen Spamschutz aktivieren.
Änderungen zum Öffnen und Schließen der Buchungsseite können in  KONFIGURATION->BUCHUNGSMASCHINE->BUCHUNGSSEITE->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 KONFIGURATION->BUCHUNGSMASCHINE->BUCHUNGSSEITE->INHALT hinzugefügt werden. Hier können Sie auch die Warnhinweise ändern, die erscheinen, wenn eine Einheit nicht verfügbar ist.


== Mobilgeräte ==
== Mobilgeräte ==
Zeile 244: Zeile 244:


== 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 Voreinstellungen für Anzahl von Gästen, Buchungsdauer, Preisanzeige etc. befinden sich in  KONFIGURATION->BBUCHUNGSMASCHINE->BUCHUNGSSEITE.


=== Webfonts===  
=== Webfonts===  
[https://wiki.beds24.com/index.php/Google_Font_on_Booking_Page Hier] wird erklärt, wie Webfonts eingebunden werden können.  
[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 KONFIGURATION->BUCHUNGSMASCHINE->BUCHUNGSSEITE.


=== Anfragen erlauben, wenn kein Preis gefunden wird ===
=== Anfragen erlauben, wenn kein Preis gefunden wird ===
Zeile 267: Zeile 267:


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


=== Cookies===  
=== 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.
Sie können ein Tool wie dieses https://cookieconsent.insites.com/download/ nutzen, welches ein Skript erzeugt, dass Sie in KONFIGURATION->BUCHUNGSMASCHINE ->DEVELOPER "Einfügen in HTML" eingeben.


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


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


Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSSEITE ausgewählt ist.  
Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSMASCHINE 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
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
Zeile 287: Zeile 287:
== Developer ==
== Developer ==


Funktionen für Entwickler sind in  KONFIGURATION->BUCHUNGSSEITE->DEVELOPER verfügbar.
Funktionen für Entwickler sind in  KONFIGURATION->BUCHUNGSMASCHINE->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
Zeile 317: Zeile 317:
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 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.  
Wenn Sie von der adaptiven auf die responsive Version wechseln müssen Sie die Bilder erneut zuordnen. Gehen Sie zu 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 Sie die "Unterkunft klonen" Funktion in SUBACCOUNT (Menue oben rechts) nutzen, um die Änderungen auf Ihre "echte" Unterkunft zu übertragen.
  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.