Änderungen

Diese Seite erklärt, wie sie 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 == Widget für die sie aktiveren könenWebsite ==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=== Durch das modulare Design haben Sie volle Kontrolle über das Layout.  Gehen sie zu KONFIGURATION->BUCHUNGSSEITE und wählen sie "Version Buchungsseite"= Responsive===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. Damit aktivieren sie Layout 1Fü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 EinheitGalerie oder Slider für Unterkunft, dann "Offerte 1" Einheiten und ordnen das/die Bilder zuOfferten*Bild für Unterkunft, die sie zeigen möchten. Wenn sie mehr als eine Offerte aktiviert habenEinheiten und Offerten*Featues (Ausstattungsmerkmale) für Unterkunft und Einheiten*Belegungskalender (ein oder mehrere Monate) für Unterkunft, wiederholen sie das Einheiten und Offerten*Preistabelle für jede Offerte. Offerten*Beschreibungen für Unterkunft, Einheiten und Offerten*AGB*Karte

Die meisten Einstellungen ====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 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 anDer aktuelle Standard ist Template 7.

<div><ul> <li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|200px|<p style= Responsive Buchungsseite individualisieren ="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>Unterkunft Unten: Beschreibung 2]] [https://www.beds24.com/booking2.php?propid=13434&layout== Bilder ===1 Demo ansehen]In KONFIGURATION-</li>BUCHUNGSSEITE->BILDER können sie Bilder hochladen und den Modulen zuordnen.

<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=Anderes Layout auswählen="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<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>BUCHUNGSSEITE<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> DESIGNTemplate 4</p> <p style="font-weight: bold;">Module:</p>Unterkunft Oben: Slider<br><br>LAYOUT und wählen sie das LayoutOfferte: Bild, Beschreibung 1, welches sie nutzen möchtenKalender, 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>

<li style="display: inline-block; vertical-align: top;"> [[File:layout2layout5.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 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>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: SliderBeschreibung 1<br><br>Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br>Unterkunft 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=2Demo 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=Die Facebook App nutzt das "Standard"display: inlineLayout, welches in KONFIGURATION-block; vertical-align: top;"> [[File:layout3BUCHUNGSSEITE ausgewählt ist.png|thumb|none|200px|<p style === Bilder ="font==In KONFIGURATION-weight: bold; text>BUCHUNGSSEITE-align: center">Layout 3</p> <p styleBILDER können Sie Bilder hochladen und diese Unterkunft, Einheiten oder Offerten zuordnen. === Set up Wizard==="font-weight: bold;">Module:</p>OfferteDieser [https: Preistabelle, Button/Selector, Slider, Beschreibung 2<br><br>Unterkunft Unten: Beschreibung 2]] </li><www.beds24.com/ul><wizard/div>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.

<div><ul> <li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style=Wenn Sie nur ein Layout benutzen möchten lassen Sie den selector für "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/dort sowie den 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: für 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">Standard Layout 6</p> <p style="fontin KONFIGURATION-weight: bold;">Module:</p> Unterkunft Oben: Beschreibung BUCHUNGSSEITE auf 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 Template welches sie das Layout nutzen möchten und klicken sie dann auf "AnpassenVoreinstellung laden".

==== Wählen sie, was sie anzeigen möchten Module ändern ====

Für jeden Abschnitt können sie 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 wählen.  

*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 anWenn Sie eine '''Google Map''' zeigen wollen, müssen Sie Ihren die sie unter Google Map API Key in KONFIGURATION->UNTERKUNFTBUCHUNGSSEITE->BESCHREIBUNG eingegeben habenDEVELOPERS 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 KoordinatenAGB 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, die sie unter wo Texte eingegeben werden können. Unter KONFIGURATION->UNTERKUNFTUNTERKÜNFTE ->BESCHREIBUNG eingegeben habenFRAGEN 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.

File:Room_description.png|<p style=" text-align: center"><strong>Einheit Beschreibung</strong><br>[[Media:Room_description.png|große AnsichztAnsicht]]</p>File:Room_features.png|<p style=" text-align: center"><strong>Features</strong><br>[[Media:Room_features.png|große Ansicht]]</p>

File:Button.png|<p style=" text-align: center"><strong>ButtonOfferte Auswahl </strong><br> Button (Buchung einer Einheit)<br>[[Media:Button.png|große Ansicht]]</p>File:Select.png|<p style=" text-align: center"><strong>SelectOfferte Auswahl</strong><br> Selekt (Buchung mehrerer EinehitenEinheiten)<br>[[Media:Select.png|große Ansicht]]</p>

*Marketing Spalte. Die Karte benutzt Marketingspalte wird nur in den Modulen "Preistabelle" und "Kalender und Preistabelle" angezeigt.*Für Offerten können die KoordinatenModule Kalender und Preistabelle und Kalender nicht gleichzeitig genutzt werden. Wenn Sie mehrere Offerten haben, zeigen die sie unter KONFIGURATION->UNTERKUNFT->BESCHREIBUNG eingegeben habenKalender die gleiche Verfügbarkeit für alle Offerten.

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

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

====Multiple Layout====Dort können Sie festlegen, ob Module auf Mobilgeräten*direkt angegzeigt werdenWenn sie verschiedene Layouts benutzen wollen, können sie das Layout *über einen Parameter zur URL definieren. BeispielLink angezeigt werden https://www.beds24.com/booking2.php?propid=13437&layout=2*nur auf Desktops aber nicht auf Mobilgeräten angegzeigt werden

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

Wenn Sie ihren Ihren Gästen eine mehrsprachige Buchungsseite anbieten möchten, können sie Sie auswählen, welche Sprachen sie anbieten. Wenn sie Sie mehr als eine Sprache aktivieren, können sie ihre 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.

Wenn sie Sie Raten benutzen, können sie in den Raten "Anfrage erlauben" = ja einstellen. Wenn sie Sie generell nur "Anfragen" erhalten möchten gehen sie Sie zu KONFIGURATION->UNTERKÜNFTE->REGELN und stellen "Buchungstyp" = AnfragelAnfrage === TripAdvisor Widgets ===Tripadvisor stellt Code Snippet für Bewertungswidgets zur Verfügung.  1. Kopieren Sie den Code aus Ihrem TripAdvisor Account.

*Wenn sie Sie mit CSS arbeiten können, können sie ihre Sie Ihre eigenen Styles anlegen

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

Wenn sie Sie multiple Unterkünfte haben, können sie Sie alle Unterkünfte in ihrem 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 HINWEIS://wikiWenn Sie "Version Buchungsseite"= Responsive auswählen ändert sich die Buchungsseite auf Ihrer Website.beds24Wenn Sie nur testen wollen, können Sie dies tun, in dem Sie &version=3 zur URL Ihrer Buchungsseite hinzufügen.com/indexUm die verschiedenen Layouts zu sehen fügen Sie zu Nummer hinzu.php?titlez.B. &version=3&layout=Category:Developers Hier] finden 2 zeigt Layout 2. Alternativ können sie weitere OptionenIhre 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.