Adaptive Buchungsseite - Versionsgeschichte

Annette am 18. Juni 2020 um 15:46 Uhr

2020-06-18T15:46:15Z

← Nächstältere Version		Version vom 18. Juni 2020, 15:46 Uhr
Zeile 17:		Zeile 17:
	Sie können Ihre Buchungsseite komplett individualisieren:		Sie können Ihre Buchungsseite komplett individualisieren:

	*Mehrere Sprachen aktivieren - KONFIGURATION ~~-> BENUTZERKONTO -~~> ~~SPRACHEN~~		*Mehrere Sprachen aktivieren - {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > INTERNATIONALISIERUNG
	*Header (2) (Bereich oben) oder Footer (3) (unten) einfügen - KONFIGURATION -> BUCHUNGSMASCHINE ->BUCHUNGSSEITE-> INHALT		*Header (2) (Bereich oben) oder Footer (3) (unten) einfügen - {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > INHALT
	*Farben und Schriften an Ihre Website anpassen - KONFIGURATION -> BUCHUNGSMASCHINE ->BUCHUNGSSEITE -> STYLE		*Farben und Schriften an Ihre Website anpassen - {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > STYLE
	*Bilder und Beschreibungen für Einheiten (5) einfügen - KONFIGURATION ~~-> BUCHUNGSSEITE ->~~ BILDER zum hochladen~~, KONFIGURATION -> BUCHUNGSMASCHINE-> EINHEITEN INHALT zum Einfügen~~		*Bilder und Beschreibungen für Einheiten (5) einfügen - {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE BILDER zum hochladen.
	*Zusätzliche Preiszeilen (5) einfügen um z.B. Pakete anzubieten - KONFIGURATION -> BUCHUNGSMACHINE -> EINHEITEN INHALT-> OFFERTEN		*Zusätzliche Preiszeilen (5) einfügen um z.B. Pakete anzubieten - KONFIGURATION -> BUCHUNGSMACHINE -> EINHEITEN INHALT-> OFFERTEN
	*Beschreibungen einfügen - KONFIGURATION -> BUCHUNGSMASCHINE-> EINHEITEN INHALT		*Beschreibungen einfügen - KONFIGURATION -> BUCHUNGSMASCHINE-> EINHEITEN INHALT
Zeile 36:		Zeile 36:
	== Fixen Text austauschen==		== Fixen Text austauschen==

	Über KONFIGURATION->~~BUCHUNGSMASCHINE~~>DEVELOPER "Individueller Text ".		Über {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > DEVELOPER "Individueller Text ".

	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
Zeile 58:		Zeile 58:
	== "Mehrere Buchen" ==		== "Mehrere Buchen" ==

	Nutzen sie den Selektor in KONFIGURATION->BUCHUNGSMASCHINE->~~DESIGN-~~>LAYOUT		Nutzen sie den Selektor in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > LAYOUT

	== Hover Text deaktivieren ==		== Hover Text deaktivieren ==
	Fügen sie dieses Script in KONFIGURATION->~~BUCHUNGSMASCHINE-~~>DEVELOPER "HTML " ein.		Fügen sie dieses Script in {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE > BUCHUNGSSEITE UNTRKUNFT > DEVELOPER "HTML " ein.

	<pre>		<pre>

Annette am 16. Mai 2020 um 10:43 Uhr

2020-05-16T10:43:32Z

← Nächstältere Version		Version vom 16. Mai 2020, 10:43 Uhr
Zeile 4:		Zeile 4:
	[[Category:Buchungsseite_und_Widgets]]		[[Category:Buchungsseite_und_Widgets]]
	[[Category:Anleitungen]]		[[Category:Anleitungen]]
	Diese ~~Seite ist über das Menue~~ KONFIGURATION -> ~~BUCHUNGSMASCHINE~~
			<div class="heading">Adaptive Buchungsseite</div>

			<div class="warning">{{#fas:exclamation-triangle}} Diese Version der Buchungsseite wird nicht mehr weiterentwicket.. Gehen Sie zu {#fas:cog}}} (KONFIGURATION) >BUCHUNGSMASCHINE und setzen Sie "Version der Buchungsseite" und "Version der Check-out-Seite" = Responsive um die neueste mobilfreundliche Version der Buchungsseite zu nutzen. </div>


	'''Buchungsseite einbetten:'''		'''Buchungsseite einbetten:'''

Annette am 23. Januar 2020 um 19:28 Uhr

2020-01-23T19:28:49Z

← Nächstältere Version		Version vom 23. Januar 2020, 19:28 Uhr
Zeile 4:		Zeile 4:
	[[Category:Buchungsseite_und_Widgets]]		[[Category:Buchungsseite_und_Widgets]]
	[[Category:Anleitungen]]		[[Category:Anleitungen]]
	Diese Seite ist über das Menue KONFIGURATION -> ~~BUCHUNGSSEITE~~		Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSMASCHINE

	'''Buchungsseite einbetten:'''		'''Buchungsseite einbetten:'''
Zeile 14:		Zeile 14:

	*Mehrere Sprachen aktivieren - KONFIGURATION -> BENUTZERKONTO -> SPRACHEN		*Mehrere Sprachen aktivieren - KONFIGURATION -> BENUTZERKONTO -> SPRACHEN
	*Header (2) (Bereich oben) oder Footer (3) (unten) einfügen - KONFIGURATION -> ~~BUCHUNGSSEITE~~ -> ~~DESIGN~~ -> INHALT		*Header (2) (Bereich oben) oder Footer (3) (unten) einfügen - KONFIGURATION -> BUCHUNGSMASCHINE ->BUCHUNGSSEITE-> INHALT
	*Farben und Schriften an Ihre Website anpassen - KONFIGURATION -> ~~BUCHUNGSSEITE~~ -> ~~DESIGN~~ -> STYLE		*Farben und Schriften an Ihre Website anpassen - KONFIGURATION -> BUCHUNGSMASCHINE ->BUCHUNGSSEITE -> STYLE
	*Bilder und Beschreibungen für Einheiten (5) einfügen - KONFIGURATION -> BUCHUNGSSEITE -> BILDER zum hochladen, KONFIGURATION -> ~~BUCHUNGSSEITE~~ -> EINHEITEN INHALT zum Einfügen		*Bilder und Beschreibungen für Einheiten (5) einfügen - KONFIGURATION -> BUCHUNGSSEITE -> BILDER zum hochladen, KONFIGURATION -> BUCHUNGSMASCHINE-> EINHEITEN INHALT zum Einfügen
	*Zusätzliche Preiszeilen (5) einfügen um z.B. Pakete anzubieten - KONFIGURATION -> ~~BUCHUNGSSEITE~~ -> EINHEITEN INHALT-> OFFERTEN		*Zusätzliche Preiszeilen (5) einfügen um z.B. Pakete anzubieten - KONFIGURATION -> BUCHUNGSMACHINE -> EINHEITEN INHALT-> OFFERTEN
	*Beschreibungen einfügen - KONFIGURATION -> ~~BUCHUNGSSEITE~~ -> EINHEITEN INHALT		*Beschreibungen einfügen - KONFIGURATION -> BUCHUNGSMASCHINE-> EINHEITEN INHALT
	*Festlegen, welche Informationen Gäste eingeben -KONFIGURATION -> UNTERKÜNFTE->BUCHUNGSFRAGEN		*Festlegen, welche Informationen Gäste eingeben -KONFIGURATION -> UNTERKÜNFTE->BUCHUNGSFRAGEN
	*Text der Buchungsbestätigungen individualisieren - KONFIGURATION -> GÄSTEMANAGEMENT->-> BUCHUNGSBESTÄTIGUNGEN		*Text der Buchungsbestätigungen individualisieren - KONFIGURATION -> GÄSTEMANAGEMENT->-> BUCHUNGSBESTÄTIGUNGEN
	*Rabatte über eine Marketingspalte (4) anzeigen - KONFIGURATION -> ~~BUCHUNGSSEITE~~ -> ~~DESIGN~~ -> LAYOUT zum Aktivieren, - KONFIGURATION -> ~~BUCHUNGSSEITE~~ -> EINHEITEN ~~INHALTum~~ Inhalte einzufügen		*Rabatte über eine Marketingspalte (4) anzeigen - KONFIGURATION -> BUCHUNGSMASCHINE ->BUCHUNGSSEITE-> LAYOUT zum Aktivieren, - KONFIGURATION -> BUCHUNGSMASCHINE -> EINHEITEN INHALT, um Inhalte einzufügen
	*		*

Zeile 32:		Zeile 32:
	== Fixen Text austauschen==		== Fixen Text austauschen==

	Über KONFIGURATION->~~BUCHUNGSSEITE-~~>DEVELOPER "Individueller Text ".		Über KONFIGURATION->BUCHUNGSMASCHINE>DEVELOPER "Individueller Text ".

	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
Zeile 54:		Zeile 54:
	== "Mehrere Buchen" ==		== "Mehrere Buchen" ==

	Nutzen sie den Selektor in KONFIGURATION->~~BUCHUNGSSEITE~~->DESIGN->LAYOUT		Nutzen sie den Selektor in KONFIGURATION->BUCHUNGSMASCHINE->DESIGN->LAYOUT

	== Hover Text deaktivieren ==		== Hover Text deaktivieren ==
	Fügen sie dieses Script in KONFIGURATION->~~BUCHUNGSSEITE~~->DEVELOPER "HTML " ein.		Fügen sie dieses Script in KONFIGURATION->BUCHUNGSMASCHINE->DEVELOPER "HTML " ein.

	<pre>		<pre>
Zeile 74:		Zeile 74:

	== '''CSS'''==		== '''CSS'''==
	Webdesigner und Nutzer CSS-Kenntnissen können individuelles CSS benutzen, um den Look der Buchungsmaske zu verändern. CSS kann in KONFIGURATION->~~BUCHUNGSSEITE->DESIGN~~->DEVELOPER "Individuelles CSS " eingefügt werden.		Webdesigner und Nutzer CSS-Kenntnissen können individuelles CSS benutzen, um den Look der Buchungsmaske zu verändern. CSS kann in KONFIGURATION->BUCHUNGSMASCHINE ->DEVELOPER "Individuelles CSS " eingefügt werden.

	== Name Einheit größer==		== Name Einheit größer==
Zeile 86:		Zeile 86:

	== Hintergrundbild ==		== Hintergrundbild ==
	Laden sie das Hintergrundbild in KONFIGURATION->~~BUCHUNGSSEITE~~->BILDER hoch. Ersetzen sie https://www.beds24.com/pic/p0000/2049/04.jpg mit der URL des hochgeladenen Hintergrundbildes.		Laden sie das Hintergrundbild in KONFIGURATION->BUCHUNGSMASCHINE->BILDER hoch. Ersetzen sie https://www.beds24.com/pic/p0000/2049/04.jpg mit der URL des hochgeladenen Hintergrundbildes.

	/code fo use an image as background/		/code fo use an image as background/

Annette am 16. August 2018 um 16:23 Uhr

2018-08-16T16:23:22Z

← Nächstältere Version		Version vom 16. August 2018, 16:23 Uhr
Zeile 20:		Zeile 20:
	*Beschreibungen einfügen - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALT		*Beschreibungen einfügen - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALT
	*Festlegen, welche Informationen Gäste eingeben -KONFIGURATION -> UNTERKÜNFTE->BUCHUNGSFRAGEN		*Festlegen, welche Informationen Gäste eingeben -KONFIGURATION -> UNTERKÜNFTE->BUCHUNGSFRAGEN
	*Text der Buchungsbestätigungen individualisieren - KONFIGURATION ->~~UNTERKÜNFTE~~->-> BUCHUNGSBESTÄTIGUNGEN		*Text der Buchungsbestätigungen individualisieren - KONFIGURATION -> GÄSTEMANAGEMENT->-> BUCHUNGSBESTÄTIGUNGEN
	*Rabatte über eine Marketingspalte (4) anzeigen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN -> LAYOUT zum Aktivieren, - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALTum Inhalte einzufügen		*Rabatte über eine Marketingspalte (4) anzeigen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN -> LAYOUT zum Aktivieren, - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALTum Inhalte einzufügen
	*		*

Annette am 2. Dezember 2015 um 09:17 Uhr

2015-12-02T09:17:36Z

@@ Zeile 32: / Zeile 32: @@
 == Fixen Text austauschen==
-Über KONFIGURATION->BUCHUNGSSEITE->DEVELOPER"Individueller Text ".
+Über KONFIGURATION->BUCHUNGSSEITE->DEVELOPER "Individueller Text ".
 == "Mehrere Buchen" ==

Annette: Die Seite wurde neu angelegt: „Category:Konfiguration Category:Buchungsseite Category:Preise_und_Verfuegbarkeit Category:Buchungsseite_und_Widgets Category:Anleitungen D…“

2015-10-27T17:38:19Z

Die Seite wurde neu angelegt: „Category:Konfiguration Category:Buchungsseite Category:Preise_und_Verfuegbarkeit Category:Buchungsseite_und_Widgets Category:Anleitungen D…“

Neue Seite

[[Category:Konfiguration]]
[[Category:Buchungsseite]]
[[Category:Preise_und_Verfuegbarkeit]]
[[Category:Buchungsseite_und_Widgets]]
[[Category:Anleitungen]]
Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSSEITE

'''Buchungsseite einbetten:'''

Sie können das Erscheinungsbild an den Look ihrer Website anpassen. Klicken sie auf "Speichern" um zu sehen, wie die das geänderte Widget aussieht. Wenn sie mit dem Ergebnis zufrieden sind, clicken sie auf "Code generieren" kopieren den Code und fügen ihn im Quellcode Ihrer Website dort ein, wo sie das Widget anzeigen möchten.

Sie können Ihre Buchungsseite komplett individualisieren:

*Mehrere Sprachen aktivieren - KONFIGURATION -> BENUTZERKONTO -> SPRACHEN
*Header (2) (Bereich oben) oder Footer (3) (unten) einfügen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN -> INHALT
*Farben und Schriften an Ihre Website anpassen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN -> STYLE
*Bilder und Beschreibungen für Einheiten (5) einfügen - KONFIGURATION -> BUCHUNGSSEITE -> BILDER zum hochladen, KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALT zum Einfügen
*Zusätzliche Preiszeilen (5) einfügen um z.B. Pakete anzubieten - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALT-> OFFERTEN
*Beschreibungen einfügen - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALT
*Festlegen, welche Informationen Gäste eingeben -KONFIGURATION -> UNTERKÜNFTE->BUCHUNGSFRAGEN
*Text der Buchungsbestätigungen individualisieren - KONFIGURATION ->UNTERKÜNFTE->-> BUCHUNGSBESTÄTIGUNGEN
*Rabatte über eine Marketingspalte (4) anzeigen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN -> LAYOUT zum Aktivieren, - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALTum Inhalte einzufügen
*

[[File:Secure-Online-Booking.png]]

== '''Weitere Einstellungen und Optionen''' ==

== Fixen Text austauschen==

Über KONFIGURATION->BUCHUNGSSEITE->DEVELOPER"Individueller Text ".

== "Mehrere Buchen" ==

Nutzen sie den Selektor in KONFIGURATION->BUCHUNGSSEITE->DESIGN->LAYOUT

== Hover Text deaktivieren ==
Fügen sie dieses Script in KONFIGURATION->BUCHUNGSSEITE->DEVELOPER "HTML " ein.

<pre>
<script>
$(document).ready(function() {
var $title = $("td,div,span");
$.each($title, function(index, value) {
$(this).tooltip({
disabled:true
});
});
});
</script>
</pre>

== '''CSS'''==
Webdesigner und Nutzer CSS-Kenntnissen können individuelles CSS benutzen, um den Look der Buchungsmaske zu verändern. CSS kann in KONFIGURATION->BUCHUNGSSEITE->DESIGN->DEVELOPER "Individuelles CSS " eingefügt werden.

== Name Einheit größer==
/*code for bigger room name*/

.at_roomnametext{

font-size: 14px /*für größeren Text nehmen sie eine größere Zahl*/

}

== Hintergrundbild ==
Laden sie das Hintergrundbild in KONFIGURATION->BUCHUNGSSEITE->BILDER hoch. Ersetzen sie https://www.beds24.com/pic/p0000/2049/04.jpg mit der URL des hochgeladenen Hintergrundbildes.

/*code fo use an image as background*/

body {
background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg);
}

== Schatten um die Buchungsseite ==

/*code for a shadow arround your booking page*/

<nowiki>#</nowiki>bookingpage {

-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);

-moz-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);

box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38);

margin-bottom: 20px;
}

== Buchungsseite mit abgerundeten Ecken ==

/*code for rounded corners*/
<nowiki>#</nowiki>bookingpage {

border-radius: 7px;

-webkit-border-radius: 7px;

-moz-border-radius: 7px;
}