Difference between revisions of "Category:Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
 
(26 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[Category:Settings]]
+
[[Category:How to]]
[[Category:Prices_and_Availability]]
+
[[Category:Getting_Started]]
[[Category:Booking_Page_and_Widgets]]
+
[[Category:Booking_Engine]]
  ''This page is about the menu SETTINGS->BOOKING PAGE''
+
<div class="heading">Booking Engine</div>
To set up or change your booking page go in the to menu to SETTINGS -> BOOKING PAGE in the left menu. 
+
  This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE
  
Your booking page can be fully customised. In the context sensitive help and in How to [[Customise_Booking_Page|Customise Booking Page]] you can find detailed information.
+
__TOC__
 +
=How to install the booking engine=
 +
The booking engine allows to collect commission free direct bookings.  
  
'''Embed the Booking Page on your Web site'''
+
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span>  <span style="font-weight: bold;" >Tip</span>  This [https://beds24.com/wizard/wizard4.php wizard] guides you though the options you can set for your booking engine.
  
Use the selector to define if the link should open your booking page displaying all properties (in case you have more than one), a property or a room.
+
=The Booking Page=
 +
The booking page is were guests make their booking. The booking page can be embedded into any web site via a code snippet we provide.  
  
To seamlessly fit the widget into your website you can set:
+
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> The current version of the booking page is "Responsive". Make sure both "Booking Page Version" and "Check-out Page Version" are set to "Responsive".
*Width
 
*Height
 
*Length of Stay -this sets the defauflt number of nights displayed in the widget
 
*Number of Dates Displayed - this setting applies only to the Daily Price Table ad Narrow Price Table - you can adjust these to fit the Iframe into your website.
 
*referrer text - If you use widgets on different webssites you may use different referrers on each. This text will be recorded with any bookings originating from this widget allowing tracking of booking sources.
 
*Name - depending on the content of the page you display the widget  on it might be more sensible not to display your name and or description
 
*Description - depending on the content of the page you display the widget  on it might be more sensible not to display your name and or description
 
*Footer
 
  
You can change the settings and click on REFRESH for a preview. When you are happy with the design click on GET CODE. Copy the code to where you want to display the widget in the websites source code.
+
The booking page is fully customizable and you have the option to set up multiple layouts if required.  
  
Click for instructions how to [[Booking_Page_or_Widget_for_Individual_Room|create a booking page for an individual room]]
+
We provide 7 layouts which you can customize further.  The layout which is set as "Default" will be used by default and if the Facebook App is used on Facebook.
  
 +
Current default:
 +
[[File:layout7.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 7</p>]]
  
[[:Category:Widgets|Widgets]] connect your website to your booking page.
+
More layouts to choose from:
 +
<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="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span>  <span style="font-weight: bold;" >Tip</span>  We recommend you let our  [https://beds24.com/wizard/wizard2.php wizard]   guide you through the set up process.'''
 +
 
 +
=Booking Widgets=
 +
Our widget designer allows you to create your own custom widgets which you can add to your web site.

Latest revision as of 11:01, 3 December 2020

Booking Engine
This page is about the menu  (SETTINGS) > BOOKING ENGINE

1 How to install the booking engine

The booking engine allows to collect commission free direct bookings.

Tip This wizard guides you though the options you can set for your booking engine.

2 The Booking Page

The booking page is were guests make their booking. The booking page can be embedded into any web site via a code snippet we provide.

The current version of the booking page is "Responsive". Make sure both "Booking Page Version" and "Check-out Page Version" are set to "Responsive".

The booking page is fully customizable and you have the option to set up multiple layouts if required.

We provide 7 layouts which you can customize further. The layout which is set as "Default" will be used by default and if the Facebook App is used on Facebook.

Current default:

Layout 7

More layouts to choose from:

  • Layout 1

  • Layout 2

  • Layout 3

  • Layout 4

  • Layout 5

  • Layout 6

  • Layout 7

Tip We recommend you let our wizard guide you through the set up process.

3 Booking Widgets

Our widget designer allows you to create your own custom widgets which you can add to your web site.