11.676
Bearbeitungen
Änderungen
Zur Navigation springen
Zur Suche springen
'''Buchungsseite einbetten:''' __TOC__=Buchungsmaschine einrichten=Über die Buchungsmaschine können Sie provisionsfreie Direktbuchungen erhalten.
Sie können das Erscheinungsbild an den Look ihrer Website anpassen. Klicken sie auf <span class="" style="Speicherncolor: #f3e504; font-size: 250%;" um zu sehen, wie die das geänderte Widget aussieht. Wenn sie mit dem Ergebnis zufrieden sind, clicken sie auf >{{#fas:lightbulb}} </span> <span style="Code generierenfont-weight: bold;" kopieren den Code und fügen ihn im Quellcode Ihrer Website dort ein, wo sie das Widget anzeigen möchten>Tip</span> Dieser [https://beds24.com/wizard/wizard4.php?lang=de Wizard] führt Sie durch die Einrichtung.
*Mehrere Sprachen aktivieren - KONFIGURATION -> BENUTZERKONTO -> SPRACHEN*Header (2) (Bereich oben) oder Footer (3) (unten) einfügen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN -> INHALT*Farben Die Buchungsseite ist vollständig anpassbar, und Schriften an Ihre Website anpassen - KONFIGURATION -> BUCHUNGSSEITE -> DESIGN -> STYLE*Bilder und Beschreibungen für Einheiten (5) einfügen - KONFIGURATION -> BUCHUNGSSEITE -> BILDER zum hochladenSie haben die Möglichkeit, KONFIGURATION -> BUCHUNGSSEITE -> EINHEITEN INHALT zum Einfügen*Zusätzliche Preiszeilen (5) einfügen um zbei Bedarf mehrere Layouts einzurichten.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-BookingWir 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.png]]
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 ) BUCHUNGSMASCHINE
=Buchungsseite=
Auf der Buchungsseite nimmt der Gast die Buchung vor.
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 können Ihre sicher, dass sowohl "Version Buchungsseite komplett individualisieren:" als auch "Version Check-out Seite" auf "Responsive" eingestellt sind.
Aktuelle Standardeinstellung:
[[File:layout7.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 7</p>]]
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="display: 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>
<span class="" style= '''Weitere Einstellungen und Optionen''' "color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> Wir empfehlen, dass Sie sich von unserem [https://beds24.com/wizard/wizard2.php?lang=de Wizard] durch die Einrichtung führen lassen.
=Widgets= Fixen Text austauschen== Über KONFIGURATION->BUCHUNGSSEITE->DESIGN->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->DESIGN->DEVELOPER "HTML " ein. <pre><script>$(document).ready(function() { var $title = $("td,div,span"); $.each($titleDer Widget Designer ermöglicht es Ihnen, function(indexIhre eigenen benutzerdefinierten Widgets zu erstellen, 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; }
