Category:Booking Page: Difference between revisions

Jump to navigation Jump to search
← Older edit
Lesley (talk | contribs)
3,945 edits
 
(16 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>
  This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE


__TOC__
__TOC__
To set up or change your booking page go in the to menu to SETTINGS -> BOOKING PAGE in the left menu.
=How to install the booking engine=
The booking engine allows to collect commission free direct bookings.  


Your booking page can be fully customised.  
<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.  


There are 2 booking page version available:
<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".


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


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>]]
More layouts to choose from:
<div><ul>  
<div><ul>  
<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|160px]] </li>
<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|160p|]] </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]] </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]] </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]] </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]] </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>
</ul></div>


[[Responsive Booking Page|Here]] you can find information on how to customise the responsive booking page
<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.'''
 
== Adaptive booking page ==
Examples:


[[File:example.jpg]]
=Deposit Collection Direct Bookings=
Set the deposit amounts that can be used with Booking types.  


[[Adaptive Booking Page|Here]] you can find information on how to customise the adaptive booking page
=Booking Types - Direct Bookings =
Select the Booking type for 'Normal Bookings', 'Near Term Bookings' and 'Exceptional Period Bookings'


==Add booking Widget to your web site ==
=Allow Cancellation by Guest - Direct Bookings =
Go to SETTINGS->BOOKING PAGE->BOOKING WIDGETS to generate the code for your booking widgets.  
Set if you allow the guest to cancel their bookings.


Note: Iframes on mobile devices are problematic. Make sure you have following code in the <head>: <meta name="viewport" content="width=device-width, initial-scale=1">. If you use the booking page in an Iframe we recommend you set up a special mobile page for the page where you have embedded the Iframe which opens the booking page in a new page instead of an Iframe.
=Booking Widgets=
Our widget designer allows you to create your own custom widgets which you can add to your web site.
Retrieved from "https://wiki.beds24.com/index.php/Category:Booking_Page"