Difference between revisions of "Category:Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
[[Category:Settings]]
 
[[Category:Settings]]
 
[[Category:Booking_Engine]]
 
[[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__
 +
 
 +
The booking engine can be added to any web site via code snippets which we provide.
  
−
__TOC__
+
<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".  
−
To set up or change your booking page go in the to menu to SETTINGS -> BOOKING ENGINE in the left menu.
 
  
−
Your booking page can be fully customised.
 
  
−
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 6 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 [http://www.beds24.com/wizard/index.php Setup Wizards]  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:
 
−
 
 
−
[[Scroll_Iframe_to_the_top_of_the_page|Scroll_Iframe_to_the_top_of_the_page]]
 
−
 
 
−
 
 
−
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.
 

Revision as of 14:22, 15 May 2020

Booking Engine
This page is about the menu  (SETTINGS) > BOOKING ENGINE


The booking engine can be added to any web site via code snippets which we provide.

The current version of the booking page is "Responsive". Make sure both "Booking Page Version" and "Check-out Page Version" are set to "Responsive".


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

We provide 6 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:

Layout 7

More layouts to choose from:

  • Layout 1

  • Layout 2

  • Layout 3

  • Layout 4

  • Layout 5

  • Layout 6

  • Layout 7

Tip We recommend you let our Setup Wizards guide you through the set up process.

Subcategories

This category has the following 4 subcategories, out of 4 total.

D

M

W

Retrieved from "https://wiki.beds24.com/index.php?title=Category:Booking_Page&oldid=17205"