Responsive Buchungsseite: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
[[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.


== 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>BUCHUNGSSEITE->WIDGETS um den Code für  Website Widgets zu generieren.  
   
   
== Responsive Buchungsseite einrichten ==
== Responsive Buchungsseite einrichten ==
===Konzept===  
===Konzept===  
Durch das modulare Design haben sie volle Kontrolle über das Layout.  
Durch das modulare Design haben Sie volle Kontrolle über das Layout.  


====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
Zeile 77: Zeile 77:


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


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


=== Set up Wizard===
=== 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 Sie den Schritten.  
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===
===Buchungsmaske invididualisieren===
Gehen sie zu KONFIGURATION->BUCHUNGSSEITE-> DESIGN->LAYOUT.
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.  
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.  


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


==== Module ändern ====
==== Module ändern ====
Zeile 105: Zeile 105:




Für jeden Abschnitt können sie aus verschiedenen Module 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.
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".  
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.  
  Diese  [https://www.beds24.com/booking2.php?propid=24226&lang=de Demosite] zeigt die wesentlichen Module.  
Zeile 121: Zeile 121:
</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.  
*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.  
*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.


'''Module Einheit'''
'''Module Einheit'''
Zeile 147: Zeile 147:


*Marketing Spalte. Die Marketingspalte wird nur in den Modulen "Preistabelle" und "Kalender und Preistabelle" angezeigt.
*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.  
*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.  




Zeile 221: Zeile 221:


====  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 ==
== Mobilgeräte ==
Zeile 233: Zeile 233:
== 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 246: Zeile 246:


=== 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 KONFIGURATION->UNTERKÜNFTE->REGELN und stellen  "Buchungstyp" = Anfrage


=== 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. Kopieren sie 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".  
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
Stellen Sie sicher, dass das Modul welches Sie nutzen möchten aktiviert ist


=== Triptease Preisvergleichs Widget===
=== Triptease Preisvergleichs Widget===
Um diese Funktion zu nutzen benötigen sie einen Account mit Triptease. Weitere Informationen hierzu finden sie [[Triptease.com|hier]].
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 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.
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===  
=== 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->BUCHUNGSSEITE ->DEVELOPER "Einfügen in HTML" eingeben.


==Multiple Layouts==
==Multiple Layouts==
Zeile 273: Zeile 273:
Die Facebook App nutzt das "Standard" Layout, welches in KONFIGURATION->BUCHUNGSSEITE ausgewählt ist.  
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
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
  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.
ö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 283: Zeile 283:
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 305: Zeile 305:


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