Buchungsseite Layout - Versionsgeschichte

Annette: Weiterleitung nach Responsive Buchungsseite erstellt

2015-10-28T11:29:38Z

Weiterleitung nach Responsive Buchungsseite erstellt

← Nächstältere Version		Version vom 28. Oktober 2015, 11:29 Uhr
Zeile 1:		Zeile 1:
	[[~~Category:Buchungsseite~~]]		#REDIRECT [[Responsive_Buchungsseite]]
	~~Diese Seite ist über das Menue KONFIGURATION->BUCHUNGSSEITE->DESIGN->LAYOUT~~

	~~Wenn sie die responsive Version gewählt haben wählen sie hier das Layout, welches sie nutzen möchten.~~

Annette am 27. Oktober 2015 um 17:41 Uhr

2015-10-27T17:41:05Z

← Nächstältere Version		Version vom 27. Oktober 2015, 17:41 Uhr
Zeile 1:		Zeile 1:
	[[Category:Buchungsseite]]		[[Category:Buchungsseite]]
			Diese Seite ist über das Menue KONFIGURATION->BUCHUNGSSEITE->DESIGN->LAYOUT

	~~Wählen~~ sie das Layout, welches sie nutzen möchten.		Wenn sie die responsive Version gewählt haben wählen sie hier das Layout, welches sie nutzen möchten.

Annette: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „Category:Buchungsseite Wählen sie das Layout, welches sie nutzen möchten.“

2015-10-27T17:40:08Z

Der Seiteninhalt wurde durch einen anderen Text ersetzt: „Category:Buchungsseite Wählen sie das Layout, welches sie nutzen möchten.“

Änderungen zeigen

Annette am 27. Oktober 2015 um 17:31 Uhr

2015-10-27T17:31:05Z

← Nächstältere Version		Version vom 27. Oktober 2015, 17:31 Uhr
Zeile 9:		Zeile 9:

	Durch das modulare Design haben sie volle Kontrolle über das Layout. Es stehen ihnen einige Standardlayouts zur Verfügung die sie aktiveren könen.		Durch das modulare Design haben sie volle Kontrolle über das Layout. Es stehen ihnen einige Standardlayouts zur Verfügung die sie aktiveren könen.
	== '''1. ~~Ativieren~~'''==		== '''1. Aktivieren'''==
	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.

Annette am 27. Oktober 2015 um 17:29 Uhr

2015-10-27T17:29:26Z

← Nächstältere Version		Version vom 27. Oktober 2015, 17:29 Uhr
Zeile 96:		Zeile 96:


	Width on desktop and mobile: ~~Each row which consists of~~ 12 ~~columns~~. ~~The number of columns defines the width of the module~~.		Width on desktop and mobile: Jede Zeile hat 12 Spalten. Die Breite eines Moduls ist über die Spalten definiert.
	[[Image:row.png\|600px\|link=]]		[[Image:row.png\|600px\|link=]]
	[[Media:row.png\|view large]]		[[Media:row.png\|view large]]


	~~All~~ "~~Description~~" ~~Modules allow to enter text or html content~~.		In alle "Beschreibung" Module kann Text oder HTLM eingefügt werden.

	~~Click on~~ "Manage" ~~to customise the settings of a module~~. ~~All modules can be set to always display or to be available via a link~~.		Klicken sie auf "Manage" um die Einstellungen eines Moduls zu ändern. Für alle Module können sie einstellen, ob sie immer sichtbar sind oder sich über einen Link öffnen.

	~~If you have activated one or more of these modules~~:		Wenn sie eines oder mehrere dieser Module aktiviert haben,:
	*~~Room Description~~ 1 ("~~Room more~~ Details" ~~on the adaptive booking page~~)		*Einheit Beschreibung 1 ("Einheit mehr Details" der adaptiven Buchungsseite)
	*~~Offer Description~~ 1 ("~~Offer Summary~~" ~~on the adaptive booking page~~)		*Offerte Beschreibung 1 ("Offerte Zusammenfassung" der adaptiven Buchungsseite)
	*~~Offer Description~~ 2 ("~~Offer more~~ Details" ~~on the adaptive booking page~~)		*Offerte Beschreibung 2 ("Offerte mehr Details" der adaptiven Buchungsseite)
	*Marketing ~~Column~~		*Marketing Spalte
	~~Go to~~ ~~SETTINGS~~->~~BOOKING PAGE~~->~~ROOM CONTENT to enter the content for the modules~~.		Gehen sie KONFIGURATION->BUCHUNGSSEITE->EINHEIT INHALT um den Inhalt des Moduls anzulegen oder zu ändern.

			Wenn sie eines oder mehrere dieser Module aktiviert haben,:
			*Unterkunft Beschreibung 1 ("Header" der adaptiven Buchungsseite)
			*Unterkunft Beschreibung 2 ("Footer"der adaptiven Buchungsseite)
			*Unterkunft Beschreibung - Buchungsseite 1 ("Kurzbeschreibung Unterkunft " der adaptiven Buchungsseite)
			*Unterkunft Beschreibung - Buchungsseite 3 ("Preiskalender Header Header " der adaptiven Buchungsseite)

	~~If you have activated one or more of these modules:~~
	*Property Description 1 ("Header" on the adaptive booking page)
	*Property Description 2 ("Footer" on the adaptive booking page)
	*Property Description - Booking Page 1 ("Property Summary Description " on the adaptive booking page)
	*Property Description - Booking Page 3 ("Price Calendar Header " on the adaptive booking page)

	~~Go to SETTINGS~~->~~BOOKING PAGE~~->~~PAGE~~ DESIGN->~~CONTENT and enter the content of the module~~		Gehen sie KONFIGURATION->BUCHUNGSSEITE->DESIGN->INHALT um den Inhalt des Moduls anzulegen oder zu ändern.

			== Bilder ==
			In KONFIGURATION->BUCHUNGSSEITE->BILDER können sie Bilder hochladen und den Modulen zuordnen.

	~~NOTE: Some of these settings might be moved. This help page will always have the current location for each setting.~~		== Farben und Schriften==
	== ~~Pictures~~ ==		Farben und Schriften KONFIGURATION->BUCHUNGSSEITE->DESIGN->STYLE geändert werden.
	~~To upload pictures and assign them to modules go to SETTINGS~~->~~BOOKING PAGE~~->~~PICTURES~~

	== ~~Colors and Fonts~~ ==		== Verhalten ==
	~~To customise colors and fonts go to SETTINGS~~->~~BOOKING PAGE~~->~~PAGE~~ DESIGN->~~STYLE~~		Änderungen zum Öffnen und Schließen der Buchungsseite können in KONFIGURATION->BUCHUNGSSEITE->DESIGN->VERHALTEN vorgenommen werden

	== ~~Behaviour~~ ==		== Inhalt==
	~~Changes on how the booking page opens and closes can be made~~ in ~~SETTINGS~~->~~BOOKING PAGE~~->~~PAGE~~ DESIGN->~~BEHAVIOUR~~		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.

	== ~~Content~~ ==		== Developer ==
	~~Additional messages can be added to the booking page~~ in ~~SETTINGS~~->~~BOOKING PAGE~~->~~PAGE DESIGN->CONTENT. This is also where you can change the default warning messages which show when a room is not available~~.		Funktionen für Entwickler sind in KONFIGURATION->BUCHUNGSSEITE->DEVELOPER verfügbar.

	~~== Developers ==~~		*Wenn sie mit CSS arbeiten können, können sie ihre eigenen Styles anlegen
	~~Advanced functions are available in SETTINGS->BOOKING PAGE->DEVELOPER~~		*Scripts z.B. für Google Analytics können eingefügt werden
			*Alle fixen Texte auf der Buchungsseite können ausgetauscht werden

	*If you are comfortable working with CSS you can apply your own styles		[https://wiki.beds24.com/index.php?title=Category:Developers Hier] finden sie weitere Optionen.
	*Add scripts e.g. ~~for Google Analytics~~
	*Exchange any fixed text on the booking page

	~~[[:category:Developers \|Here]] you can find more developer options.~~		== Von adaptiver Version auf responsive Version wechseln ==
			Die meisten Einstellungen werden automatisch übernommen.
	== ~~Switching from Adaptive Booking Page to Responsive Booking Page~~ ==
	~~If you are switching from the adaptive version of the booking page to the responsive version most customisations will be automatically applied~~.

Annette am 27. Oktober 2015 um 17:04 Uhr

2015-10-27T17:04:05Z

← Nächstältere Version		Version vom 27. Oktober 2015, 17:04 Uhr
Zeile 39:		Zeile 39:
	<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">Layout 4</p> <p style="font-weight: bold;">Module:</p>		<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 4</p> <p style="font-weight: bold;">Module:</p>
	~~Einheit~~ Oben: Slider<br><br>		Unterkunft Oben: Slider<br><br>
	Offerte: ~~Slider~~, Beschreibung 1, Kalender, Button/Selector, Beschreibung 2<br><br>		Offerte: Bild, Beschreibung 1, Kalender, 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">Layout 5</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>		<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>

Annette am 27. Oktober 2015 um 17:03 Uhr

2015-10-27T17:03:24Z

← Nächstältere Version		Version vom 27. Oktober 2015, 17:03 Uhr
Zeile 38:		Zeile 38:

	<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">Layout 4</p> <p style="font-weight: bold;">Module:</p>~~vertical-align: top;~~		<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 4</p> <p style="font-weight: bold;">Module:</p>
	Einheit Oben: Slider<br><br>		Einheit Oben: Slider<br><br>
	Offerte: Slider, Beschreibung 1, Kalender, Button/Selector, Beschreibung 2<br><br>		Offerte: Slider, Beschreibung 1, Kalender, Button/Selector, Beschreibung 2<br><br>

Annette am 27. Oktober 2015 um 17:03 Uhr

2015-10-27T17:03:04Z

← Nächstältere Version		Version vom 27. Oktober 2015, 17:03 Uhr
Zeile 40:		Zeile 40:
	<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 4</p> <p style="font-weight: bold;">Module:</p>vertical-align: top;		<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 4</p> <p style="font-weight: bold;">Module:</p>vertical-align: top;
	Einheit Oben: Slider<br><br>		Einheit Oben: Slider<br><br>
	Offerte: Slider, Beschreibung 1 , Kalender, Button/Selector, Beschreibung 2<br><br>		Offerte: Slider, Beschreibung 1, Kalender, 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">Layout 5</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>		<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>

Annette am 27. Oktober 2015 um 17:02 Uhr

2015-10-27T17:02:25Z

← Nächstältere Version		Version vom 27. Oktober 2015, 17:02 Uhr
Zeile 24:		Zeile 24:
	<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">Layout 1</p> <p style="font-weight: bold;">Module:</p>		<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 1</p> <p style="font-weight: bold;">Module:</p>
	~~Offer~~: ~~Picture~~ Slider, ~~Description~~ 1 , ~~Calendar~~, ~~Booking~~ Button/Selector, ~~Description~~ 2<br><br>		Offerte: Slider, Beschreibung 1 , Kalender, Button/Selector, Beschreibung 2<br><br>
	~~Property Bottom~~: ~~Description~~ 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">Layout 2</p> <p style="font-weight: bold;">Module:</p> ~~Property Top~~: ~~Picture~~ Slider<br><br>		<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 2</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>
	~~Offer~~: ~~Booking~~ Button/Selector, ~~Price Table~~<br><br>		Offerte: Button/Selector, Preistabelle<br><br>
	~~Property Bottom~~: ~~Description~~ 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">Layout 3</p> <p style="font-weight: bold;">Module:</p>		<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 3</p> <p style="font-weight: bold;">Module:</p>
	~~Offer~~: ~~Price Table~~, ~~Booking~~ Button/Selector, ~~Picture~~ Slider, ~~Description~~ 2<br><br>		Offerte: Preistabelle, Button/Selector, Slider, Beschreibung 2<br><br>
	~~Property Bottom~~: ~~Description~~ 2]] </li>		Unterkunft Unten: Beschreibung 2]] </li>
	</ul></div>		</ul></div>

Zeile 39:		Zeile 39:
	<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">Layout 4</p> <p style="font-weight: bold;">Module:</p>vertical-align: top;		<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 4</p> <p style="font-weight: bold;">Module:</p>vertical-align: top;
	~~Room Top~~: ~~Picture~~ Slider<br><br>		Einheit Oben: Slider<br><br>
	~~Offer~~: ~~Picture~~ Slider, ~~Description~~ 1 , ~~Calendar~~, ~~Booking~~ Button/Selector, ~~Description~~ 2<br><br>		Offerte: Slider, Beschreibung 1 , Kalender, Button/Selector, Beschreibung 2<br><br>
	~~Property Bottom~~: ~~Description~~ 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">Layout 5</p> <p style="font-weight: bold;">Module:</p> ~~Property Top~~: ~~Picture~~ Slider<br><br>		<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>
	~~Offer~~: ~~Price Calendar~~, ~~Booking~~ Button/Selector<br><br>		Offerte: Kalender und Preistabelle, Button/Selector<br><br>
	~~Property Bottom~~: ~~Description~~ 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">Layout 6</p> <p style="font-weight: bold;">Module:</p> ~~Property Top~~: ~~Description~~ 1<br><br>		<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png\|thumb\|none\|200px\|<p style="font-weight: bold; text-align: center">Layout 6</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Beschreibung 1<br><br>
	~~Offer~~: ~~Price Booking~~ Button/Selector, ~~Price Table~~<br><br>		Offerte: Button/Selector, Preistabelle<br><br>
	~~Room Bottom~~: ~~Picture~~ Slider, ~~Description~~]] </li>		Eineheit Unten: Slider, Beschreibung]] </li>
	</ul></div>		</ul></div>
	== '''3. Layout individualisieren''' ==		== '''3. Layout individualisieren''' ==

Annette am 27. Oktober 2015 um 09:54 Uhr

2015-10-27T09:54:53Z

← Nächstältere Version		Version vom 27. Oktober 2015, 09:54 Uhr
Zeile 15:		Zeile 15:


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

	== '''2. Anderes Layou auswählen'''==		== '''2. Anderes Layou auswählen'''==