17,129
edits
Changes
Jump to navigation
Jump to search
To set up or change your =How to install the booking engine=The booking page go in the engine allows to menu to SETTINGS -> BOOKING PAGE in the left menucollect commission free direct bookings.
Your <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 page can be fully customisedengine.
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".
== Responsive The booking page ==Examples: is fully customizable and you have the option to set up multiple layouts if required.
[[Responsive Booking Page|Here]] you can find information on how to customise the responsive booking page <span class="" style= Adaptive booking page "color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> <span style==Examples"font-weight: bold;" >Tip</span> We recommend you let our [[Filehttps:example//beds24.com/wizard/wizard2.jpg]] [[Adaptive Booking Page|Here]php wizard] guide you can find information on how to customise the adaptive booking page ==Add booking Widget to your web site ==Go to SETTINGS->BOOKING PAGE->BOOKING WIDGETS to generate through the code for your booking widgetsset up process. '''
Note: Iframes on mobile devices are problematic. Make sure you have following code in the <head>: <meta name="viewport" content="width=device-width, initial-scaleBooking Widgets=1"> . If 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.
no edit summary
[[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''ENGINE
__TOC__
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>
<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>
</ul></div>
