Änderungen

Zur Navigation springen Zur Suche springen

Kategorie:Buchungsseite

374 Bytes entfernt, 12:02, 9. Sep. 2020
keine Bearbeitungszusammenfassung
[[Category:Konfiguration]]
[[Category:Buchungsseite]]
[[Category:Buchungsmaschine]]
[[Category:Preise_und_Verfuegbarkeit]]
[[Category:Buchungsseite_und_WidgetsWidgets]]
[[Category:Anleitungen]]
<div class="heading">Buchungsmaschine</div> Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION -> BUCHUNGSSEITE Sie können Ihre Buchungsseite komplett individualisieren.) BUCHUNGSMASCHINE
[[File:Example __TOC__=Buchungsmaschine einrichten=Über die Buchungsmaschine können Sie provisionsfreie Direktbuchungen erhalten.jpg]]
*Mehrere Sprachen aktivieren - KONFIGURATION <span class="" style="color: #f3e504; font-size: 250%;" > BENUTZERKONTO -{{#fas:lightbulb}} </span> SPRACHEN*Header (2) (Bereich oben) oder Footer (3) (unten) einfügen <span style="font- KONFIGURATION -weight: bold;" > BUCHUNGSSEITE -Tip</span> DESIGN*Farben und Schriften an Ihre Website anpassen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN*Bilder und Beschreibungen für Einheiten (5) einfügen - KONFIGURATION -> BUCHUNGSSEITE -> BILDER zum hochladen, KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN zum Einfügen*Zusätzliche Preiszeilen (5) einfügen um zDieser [https://beds24.com/wizard/wizard4.Bphp?lang=de Wizard] führt Sie durch die Einrichtung. Pakete anzubieten - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN -> ZUSÄTZLICHE PREISZEILEN*Beschreibungen einfügen - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN*Festlegen, welche Informationen Gäste eingeben -KONFIGURATION -> BUCHUNGSSEITE -> BUCHUNGSFRAGEN*Text der Buchungsbestätigungen individualisieren - KONFIGURATION -> BUCHUNGSSEITE -> BUCHUNGSBESTÄTIGUNGEN*Rabatte über eine Marketingspalte (4) anzeigen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN zum Aktivieren, - KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN um Inhalte einzufügen*
[[File:Secure-Online-Booking=Buchungsseite=Auf der Buchungsseite nimmt der Gast die Buchung vor.png]]
Die Buchungsseite kann über ein Code Snippet, welches wir zur Verfügung stellen auf Ihrer Website eingebunden werden.
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Die aktuelle Version der Buchungsseite ist "Responsive". Stellen Sie sicher, dass sowohl "Version Buchungsseite" als auch "Version Check-out Seite" auf "Responsive" eingestellt sind.
== '''Weitere Einstellungen Die Buchungsseite ist vollständig anpassbar, und Optionen''' ==Sie haben die Möglichkeit, bei Bedarf mehrere Layouts einzurichten.
== Fixen Text austauschen==Wir stellen Ihnen 7ayouts zur Verfügung, die Sie weiter anpassen können. Das Layout, das als "Standard" eingestellt ist, wird standardmäßig verwendet und wenn die Facebook App auf Facebook verwendet wird.
Über KONFIGURATIONAktuelle Standardeinstellung: [[File:layout7.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">BUCHUNGSSEITE-Layout 7</p>WEITERE "Individueller Text ".]]
Weitere Layouts:<div><ul> <li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 1</p>]] </li><li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 2</p>]] </li><li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 3</p>]] </li><li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 4</p>]] </li><li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 5</p>]] </li><li style= "Mehrere Buchendisplay: inline-block; vertical-align: top;" > [[File:layout6.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 6</p>]] </li><li style="display: inline-block; vertical-align: top;"> [[File:layout7.png|thumb|none|160px|<p style="font-weight: bold; text-align: center">Layout 7</p>]] </li></ul></div>
Nutzen sie den Selektor in <span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> KONFIGURATION<span style="font-weight: bold;" >BUCHUNGSSEITE-Tip</span>WEITERE Wir empfehlen, dass Sie sich von unserem [https://beds24.com/wizard/wizard2.php?lang=de Wizard] durch die Einrichtung führen lassen.
== Hover Text deaktivieren =Widgets=Fügen sie dieses Script in KONFIGURATION->BUCHUNGSSEITE->WEITERE "HTML " ein. <pre><script>$(document).ready(function() { var $title = $("tdDer Widget Designer ermöglicht es Ihnen,divIhre eigenen benutzerdefinierten Widgets zu erstellen,span"); $.each($title, function(index, value) { $(this).tooltip({ disabled:true }); });});</script></pre>  == '''CSS'''==Webdesigner und Nutzer CSS-Kenntnissen die Sie zu Ihrer Website hinzufügen können individuelles CSS benutzen, um den Look der Buchungsmaske zu verändern. CSS kann in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS " eingefügt werden. == Name Einheit größer==Fügen sie diesen Code in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS" ein. /*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. Fügen sie diesen Code in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS " ein. /*code fo use an image as background*/ body {background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg);} == Schatten um die Buchungsseite == Fügen sie diesen Code in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS " ein. /*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 ==Fügen sie diesen Code in KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individuelles CSS " ein/*code for rounded corners*/<nowiki>#</nowiki>bookingpage { border-radius: 7px; -webkit-border-radius: 7px;  -moz-border-radius: 7px; }

Navigationsmenü