Category:Booking Page: Difference between revisions

Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
No edit summary
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]]
Retrieved from "https://wiki.beds24.com/index.php/Category:Booking_Page"