Category:Booking Page: Difference between revisions

Jump to navigation Jump to search
← Older edit
No edit summary
Lesley (talk | contribs)
3,945 edits
 
(12 intermediate revisions by 2 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]]
<div class="heading">Booking Engine</div>
This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE


''This page is about the menu SETTINGS->BOOKING ENGINE''
__TOC__
=How to install the booking engine=
The booking engine allows to collect commission free direct bookings.


__TOC__
<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.
To set up or change your booking page go in the to menu to SETTINGS -> BOOKING ENGINE in the left menu.
 
=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.  


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


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 is fully customizable and you have the option to set up multiple layouts if required.  


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


== Responsive booking page ==
Current default:
Examples:  
[[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]]
 
[[Adaptive Booking Page|Here]] you can find information on how to customise the adaptive booking page
 
==Add booking Widget to your web site ==
Go to SETTINGS->BOOKING ENGINE->BOOKING WIDGETS to generate the code for your booking widgets.
 
 
== Troubleshooting ==


When a long page inside an <b>iframe</b> changes to a shorter page, the guest viewing the page might be left at the bottom looking at what appears to be a <b>blank page</b>. Read this help document to learn about solutions for this problem:
=Deposit Collection Direct Bookings=
Set the deposit amounts that can be used with Booking types.  


[[Scroll_Iframe_to_the_top_of_the_page|Scroll_Iframe_to_the_top_of_the_page]]
=Booking Types - Direct Bookings =
Select the Booking type for 'Normal Bookings', 'Near Term Bookings' and 'Exceptional Period Bookings'


=Allow Cancellation by Guest - Direct Bookings =
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"