Kategorie:Buchungsseite: Unterschied zwischen den Versionen

Aus Beds24 Wiki
Zur Navigation springen Zur Suche springen
 
(15 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>
 +
  Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) BUCHUNGSMASCHINE
  
'''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 "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.
+
<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.  
  
 +
=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.
  
Sie können Ihre Buchungsseite komplett individualisieren:
+
<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.
  
*Mehrere Sprachen aktivieren -  KONFIGURATION -> BENUTZERKONTO -> SPRACHEN
+
Die Buchungsseite ist vollständig anpassbar, und Sie haben die Möglichkeit, bei Bedarf mehrere Layouts einzurichten.  
*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]]
+
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:
 +
[[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>
  
== '''Weitere Einstellungen und Optionen''' ==
+
<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.
  
== Fixen Text austauschen==
+
=Widgets=
 
+
Der Widget Designer ermöglicht es Ihnen, Ihre eigenen benutzerdefinierten Widgets zu erstellen, die Sie zu Ihrer Website hinzufügen können.
Ü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;
 
}
 

Aktuelle Version vom 9. September 2020, 12: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.