Änderungen

Zur Navigation springen Zur Suche springen

Kategorie:Buchungsseite

85 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 -> 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 zDieser [https://beds24.com/wizard/wizard4.Bphp?lang=de Wizard] führt Sie durch die Einrichtung. 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=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->BUCHUNGSSEITEweight: bold; text-align: center">DESIGN-Layout 7</p>DEVELOPER"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 KONFIGURATION<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span>BUCHUNGSSEITE <span style="font-weight: bold;" >DESIGN-Tip</span>LAYOUT Wir empfehlen, dass Sie sich von unserem [https://beds24.com/wizard/wizard2.php?lang=de Wizard] durch die Einrichtung führen lassen.
=Widgets= Hover Text deaktivieren ==Fügen sie dieses Script in KONFIGURATION->BUCHUNGSSEITE->DESIGN->DEVELOPER "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->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; }

Navigationsmenü