Kategorie:Buchungsseite: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
 
(18 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
[[Category:Konfiguration]]
 
[[Category:Konfiguration]]
 
[[Category:Buchungsseite]]
 
[[Category:Buchungsseite]]
 +
[[Category:Buchungsmaschine]]
 
[[Category:Preise_und_Verfuegbarkeit]]
 
[[Category:Preise_und_Verfuegbarkeit]]
[[Category:Buchungsseite_und_Widgets]]
+
[[Category:Widgets]]
 
[[Category:Anleitungen]]
 
[[Category:Anleitungen]]
  Diese Seite ist über das Menue KONFIGURATION -> BUCHUNGSSEITE
+
<div class="heading">Buchungsmaschine</div>
Sie können Ihre Buchungsseite komplett individualisieren.
+
  Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE
  
[[File:Example.jpg]]
+
__TOC__
 +
=Buchungsmaschine einrichten=
 +
Über die Buchungsmaschine können Sie provisionsfreie Direktbuchungen erhalten.  
  
*Mehrere Sprachen aktivieren -  KONFIGURATION -> BENUTZERKONTO -> SPRACHEN
+
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span<span style="font-weight: bold;" >Tip</span> Dieser [https://beds24.com/wizard/wizard4.php?lang=de Wizard] führt Sie durch die Einrichtung.  
*Header (2) (Bereich oben)  oder Footer (3) (unten)  einfügen - KONFIGURATION -> BUCHUNGSSEITE -> 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 z.B. 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.png]]
+
=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 sicher, dass sowohl "Version Buchungsseite" als auch "Version Check-out Seite" auf "Responsive" eingestellt sind.
  
== '''Weitere Einstellungen und Optionen''' ==
+
Die Buchungsseite ist vollständig anpassbar, und 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 KONFIGURATION->BUCHUNGSSEITE->WEITERE "Individueller Text ".
+
Aktuelle Standardeinstellung:
 +
[[File:layout7.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 7</p>]]
  
== "Mehrere Buchen" ==
+
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>
  
Nutzen sie den Selektor in KONFIGURATION->BUCHUNGSSEITE->WEITERE
+
<span class="" style="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.
  
== Hover Text deaktivieren ==
+
=Widgets=
Fügen sie dieses Script in KONFIGURATION->BUCHUNGSSEITE->WEITERE "HTML " ein.
+
Der Widget Designer ermöglicht es Ihnen, Ihre eigenen benutzerdefinierten Widgets zu erstellen, die Sie zu Ihrer Website hinzufügen können.
 
 
<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->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;
 
}
 

Aktuelle Version vom 9. September 2020, 11:02 Uhr

Buchungsmaschine
Diese Seite ist über das Menue  (KONFIGURATION) BUCHUNGSMASCHINE

1 Buchungsmaschine einrichten

Über die Buchungsmaschine können Sie provisionsfreie Direktbuchungen erhalten.

Tip Dieser Wizard führt Sie durch die Einrichtung.

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

Die aktuelle Version der Buchungsseite ist "Responsive". Stellen Sie sicher, dass sowohl "Version Buchungsseite" als auch "Version Check-out Seite" auf "Responsive" eingestellt sind.

Die Buchungsseite ist vollständig anpassbar, und Sie haben die Möglichkeit, bei Bedarf mehrere Layouts einzurichten.

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.

Aktuelle Standardeinstellung:

Layout 7

Weitere Layouts:

  • Layout 1

  • Layout 2

  • Layout 3

  • Layout 4

  • Layout 5

  • Layout 6

  • Layout 7

Tip Wir empfehlen, dass Sie sich von unserem Wizard durch die Einrichtung führen lassen.

3 Widgets

Der Widget Designer ermöglicht es Ihnen, Ihre eigenen benutzerdefinierten Widgets zu erstellen, die Sie zu Ihrer Website hinzufügen können.