Difference between revisions of "Category:Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
Line 11: Line 11:
 
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.
 
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.
  
To seamlessly fit the widget into your website you can set:
+
There are 2 booking page version available:
*Width
+
 
*Height
+
== Adaptive booking page ==
*Length of Stay -this sets the defauflt number of nights displayed in the widget
+
Examples:
*Number of Dates Displayed - this setting applies only to the Daily Price Table ad Narrow Price Table - you can adjust these to fit the Iframe into your website.
+
 
*referrer text - If you use widgets on different webssites you may use different referrers on each. This text will be recorded with any bookings originating from this widget allowing tracking of booking sources.
+
[[File:example.jpg]]
*Name - depending on the content of the page you display the widget  on it might be more sensible not to display your name and or description
+
 
*Description - depending on the content of the page you display the widget  on it might be more sensible not to display your name and or description
+
[[Adaptive Booking Page|Here]] you can find information on how to customise the adaptive booking page
*Footer
+
 
 +
== Responsive booking page ==
 +
Examples:  
 +
 
 +
<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: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>
 +
 
  
You can change the settings and click on REFRESH for a preview. When you are happy with the design click on GET CODE. Copy the code to where you want to display the widget in the websites source code.
 
  
 
Click for instructions how to [[Booking_Page_or_Widget_for_Individual_Room|create a booking page for an individual room]]
 
Click for instructions how to [[Booking_Page_or_Widget_for_Individual_Room|create a booking page for an individual room]]

Revision as of 17:40, 26 October 2015

This page is about the menu SETTINGS->BOOKING PAGE

To set up or change your booking page go in the to menu to SETTINGS -> BOOKING PAGE in the left menu.

Your booking page can be fully customised. In the context sensitive help and in How to Customise Booking Page you can find detailed information.

Embed the Booking Page on your Web site

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.

There are 2 booking page version available:

1 Adaptive booking page

Examples:

Example.jpg

Here you can find information on how to customise the adaptive booking page

2 Responsive booking page

Examples:

  • Layout1.png
  • Layout2.png
  • Layout3.png
  • Layout4.png
  • Layout5.png
  • Layout6.png


Click for instructions how to create a booking page for an individual room


Widgets connect your website to your booking page.