Responsive Buchungsseite: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 12: | Zeile 12: | ||
== Responsive Buchungsseite individualisieren == | == Responsive Buchungsseite individualisieren == | ||
===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 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 | |||
*Bild für Unterkunft, Einheiten und Offerten | |||
*Featues (Ausstattungsmerkmale) für Unterkunft und Einheiten | |||
*Belegunbskalender (ein oder mehrere Monate) für Unterkunft, Einheiten und Offerten | |||
*Preistabelle für Offerten | |||
*Beschreibungen für Unterkunft, Einheiten und Offerten | |||
*AGB | |||
*Karte | |||
====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. | |||
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"> | <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> | ||
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]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <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]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <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> | ||
| Zeile 39: | Zeile 48: | ||
<div><ul> | <div><ul> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 4</p> <p style="font-weight: bold;">Module:</p> | ||
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]] </li> | ||
<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <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]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <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]] </li> | ||
</ul></div> | </ul></div> | ||
=== Layout | ====Layouts==== | ||
Wenn sie auf verschiedenen Webseiten oder Blogs eine andere Buchungsseite anzeigen möchten können sie verschiedne Layouts anlegen. | |||
Die Facebook App nutzt das "Standard" Layout. | |||
=== Bilder === | |||
In KONFIGURATION->BUCHUNGSSEITE->BILDER können sie Bilder hochladen und den Modulen zuordnen. | |||
===Buchungsmaske invididualisieren=== | |||
==== | 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. | ||
==== Module auswählen und positionieren ==== | |||
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 84: | Zeile 102: | ||
*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. | *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. | ||
*Features können unter KONFIGURATION->UNTERKÜNFTE->BESCHREIBUNG eingegeben haben. Wenn sie auf "Manage" klicken können sie die Breite der Spalten anpassen. | *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 107: | Zeile 126: | ||
File:Offer_description.png|<p style=" text-align: center"><strong>Offerte Beschreibung</strong><br>[[Media:Offer_description.png|große Ansicht]]</p> | File:Offer_description.png|<p style=" text-align: center"><strong>Offerte Beschreibung</strong><br>[[Media:Offer_description.png|große Ansicht]]</p> | ||
</gallery> | </gallery> | ||
Die '''Karte''' benutzt die Koordinaten, die sie unter KONFIGURATION->UNTERKUNFT->BESCHREIBUNG eingegeben haben. | Die '''Karte''' benutzt die Koordinaten, die sie unter KONFIGURATION->UNTERKUNFT->BESCHREIBUNG eingegeben haben. | ||
| Zeile 128: | Zeile 145: | ||
Wenn sie eines oder mehrere dieser Module aktiviert haben,: | Wenn sie eines oder mehrere dieser Module aktiviert haben,: | ||
*Einheit Beschreibung 1 | *Einheit Beschreibung 1 gehen sie KONFIGURATION->UNTERKÜNFTE->EINHEITEN->SETUP um den Inhalt des Moduls anzulegen oder zu ändern. | ||
*Offerte Beschreibung 1 | *Offerte Beschreibung 1 gehen sie KONFIGURATION->UNTERKÜNFTE->OFFERTEN um den Inhalt des Moduls anzulegen oder zu ändern. | ||
*Offerte Beschreibung 2 | *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. | *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,: | Wenn sie eines oder mehrere dieser Module aktiviert haben,: | ||
*Unterkunft Beschreibung 1 | *Unterkunft Beschreibung 1 | ||
*Unterkunft Beschreibung 2 | *Unterkunft Beschreibung 2 | ||
*Unterkunft Beschreibung - Buchungsseite 1 | *Unterkunft Beschreibung - Buchungsseite 1 | ||
*Unterkunft Beschreibung - Buchungsseite 3 | *Unterkunft Beschreibung - Buchungsseite 3 | ||
*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. | ||
| Zeile 143: | Zeile 160: | ||
Sie können die Änderungen unter diesem Layout oder einem anderen Layout speichern. Die Option "auf Voreinstellung zurücksetzen" entfernt alle Änderungen. | 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 ==== | ||
| Zeile 213: | Zeile 229: | ||
ö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. | ||
== Internationalisierung == | == Internationalisierung == | ||