Responsive Buchungsseite: Unterschied zwischen den Versionen

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


== Widget für die Website ==
== Widget für die Website ==
Gehen Sie zu EINSTELLUNGEN>BUCHUNGSMASCHINE->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 einrichten ==
== Responsive Buchungsseite einrichten ==
Zeile 89: Zeile 89:
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->BUCHUNGSMASCHINE ausgewählt ist.
Die Facebook App nutzt das "Standard" Layout, welches in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE ausgewählt ist.


=== Bilder ===
=== Bilder ===
Zeile 100: Zeile 100:
Gehen Sie zu KONFIGURATION->BUCHUNGSMASCHINE-> BUCHUNGSSEITE->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->BUCHUNGSMASCHINE 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 {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE   auf 1.  


==== Template auswählen ====
==== Template auswählen ====
Zeile 132: Zeile 132:


*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->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
*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
*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 {#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.


'''Module Einheit'''
'''Module Einheit'''
Zeile 173: Zeile 173:


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


Aktuelle Standardeinstellungen sind:
Aktuelle Standardeinstellungen sind:
Zeile 229: Zeile 229:


==== Verhalten ====
==== Verhalten ====
Ä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.
Ä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->BUCHUNGSMASCHINE->BUCHUNGSSEITE->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 ==
== Mobilgeräte ==
Zeile 252: Zeile 252:


== Weitere Optionen  ==
== Weitere Optionen  ==
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.
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===  
=== 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  {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE.
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 ===
Zeile 275: Zeile 275:


=== Zusätzliche Informationen und Warnungen ===
=== Zusätzliche Informationen und Warnungen ===
Zusätzliche Informationen können unter  {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE > BUCHUNGSSEITE > 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  {{#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===  
=== 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 > 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  {#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT >  DEVELOPER "Einfügen in HTML" eingeben.


=== Chat hinzufügen===
=== Chat hinzufügen===
Chat Systeme stellen eine Skript zur Verfügung, welches in  {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > DEVELOPER "Einfügen in HTML" eingeben werden kann.
Chat Systeme stellen eine Skript zur Verfügung, welches in  {#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT >  DEVELOPER "Einfügen in HTML" eingeben werden kann.


==Multiple Layouts==
==Multiple Layouts==
Zeile 288: Zeile 288:
Das "Standard" Layout wird in  {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE ausgewählt.
Das "Standard" Layout wird in  {{#fas:cog}} (KONFIGURATION)  BUCHUNGSMASCHINE ausgewählt.


Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSMASCHINE ausgewählt ist.  
Die Facebook App nutzt das "Standard" Layout, welches in {#fas:cog}} (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 298: Zeile 298:
== Developer ==
== Developer ==


Funktionen für Entwickler sind in   {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE >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
Zeile 328: Zeile 328:
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->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.  
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 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).
  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 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).