Changes

[[Category:SettingsHow to]][[Category:Prices_and_AvailabilityGetting_Started]][[Category:Booking_Page_and_WidgetsBooking_Engine]]<div class="heading">Booking Engine</div> ''This page is about the menu {{#fas:cog}} (SETTINGS-) >BOOKING PAGE''To set up or change your booking page go in the to menu to SETTINGS -> BOOKING PAGE in the left menu. ENGINE

Your __TOC__=How to install the booking page can be fully customisedengine=The booking engine allows to collect commission free direct bookings.

Use <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 selector to define if the link should open options you can set for your booking page displaying all properties (in case you have more than one), a property or a roomengine.

There are 2 =The Booking Page=The booking page version available: is were guests make their booking. The booking page can be embedded into any web site via a code snippet we provide.

<span style== Responsive "color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> The current version of the booking page ==Examples: is "Responsive". Make sure both "Booking Page Version" and "Check-out Page Version" are set to "Responsive".

<div><ul> <li style="display: inline-block; vertical-align: top;"> [[File:layout1The booking page is fully customizable and you have the option to set up multiple layouts if required.png|thumb|none|160px]] </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:layout3.png|thumb|none|160px]] </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:layout5.png|thumb|none|160px]] </li><li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|160px]] </li></ul></div>

[[Responsive Booking Page|Here]] We provide 7 layouts which you can find information customize further. The layout which is set as "Default" will be used by default and if the Facebook App is used on how to customise the responsive booking pageFacebook.

Current default: [[File:layout7.png|thumb|none|300px|<p style== Adaptive booking page ==Examples"font-weight: bold; text-align: center">Layout 7</p>]]

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:examplelayout4.jpgpng|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 [[Adaptive Booking Page|Here]https://beds24.com/wizard/wizard2.php wizard] guide you can find information on how to customise through the adaptive booking pageset up process.'''

Note: Iframes on mobile devices are problematic. If =Booking Widgets=Our widget designer allows you use the booking page in an Iframe we recommend to create your own custom widgets which 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 Iframecan add to your web site.