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.

'''Embed <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 Booking Page on options you can set for your Web site'''booking engine.

Use the selector to define if the link should open your =The Booking Page=The booking page displaying all properties (in case you have more than one), a property or is were guests make their booking. The booking page can be embedded into any web site via a roomcode snippet we provide.

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

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

[[File:exampleWe 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.jpg]]

Current default: [[Adaptive Booking PageFile:layout7.png|Herethumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 7</p>]] you can find information on how to customise the adaptive booking page == Responsive booking page ==Examples:

<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|160p160px|<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>

<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style="font-weight: bold;" >Tip</span> We recommend you let our [[Responsive https://beds24.com/wizard/wizard2.php wizard] guide you through the set up process.''' =Booking Page|Here]] Widgets=Our widget designer allows you to create your own custom widgets which you can find information on how add to customise the adaptive booking pageyour web site.