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 ==Examples"color: [[File#f3e504; font-size: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-250%;" >BOOKING PAGE->BOOKING WIDGETS to generate the code for your booking widgets. == Troubleshooting == When a long page inside an <b>iframe{{#fas:lightbulb}} </bspan> changes to a shorter page, the guest viewing the page might be left at the bottom looking at what appears to be a <bspan style="font-weight: bold;" >blank pageTip</bspan> We recommend you let our [https://beds24.com/wizard/wizard2. Read this help document to learn about solutions for this problem: [[Scroll_Iframe_to_the_top_of_the_page|Scroll_Iframe_to_the_top_of_the_pagephp wizard]] guide you through the set 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>
