Responsive Booking Page: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 26: | Line 26: | ||
*Policies | *Policies | ||
*Map | *Map | ||
'''Templates''' | |||
We provide a set of default templates with preset modules. You can use these templates as they are or customise them to suit your requirements. | |||
The current default template is 7. | |||
'''Layouts''' | |||
You can use up to six differnt layouts a the same time if you want to display different looks on different web sites or blogs. | |||
The facebook app uses the "master" layout. | |||
<div><ul> | <div><ul> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 1</p> <p style="font-weight: bold;">Modules:</p> | ||
Offer: Picture Slider, Description 1 , Calendar, Booking Offer Select (Button/Selector)<br><br> | Offer: Picture Slider, Description 1 , Calendar, Booking Offer Select (Button/Selector)<br><br> | ||
Property Bottom: Description 2]] </li> | Property Bottom: Description 2]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 2</p> <p style="font-weight: bold;">Modules:</p> Property Top: Picture Slider<br><br> | ||
Offer: Offer Select (Button/Selector), Price Table<br><br> | Offer: Offer Select (Button/Selector), Price Table<br><br> | ||
Property Bottom: Description 2]] </li> | Property Bottom: Description 2]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 3</p> <p style="font-weight: bold;">Modules:</p> | ||
Room: Picture Slider, Description<br><br> | Room: Picture Slider, Description<br><br> | ||
Offer: Price Table, Offer Select (Button/Selector), Picture Slider, Description 2<br><br> | Offer: Price Table, Offer Select (Button/Selector), Picture Slider, Description 2<br><br> | ||
| Line 44: | Line 58: | ||
<div><ul> | <div><ul> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Templage 4</p> <p style="font-weight: bold;">Modules:</p> | ||
Room Top: Picture Slider<br><br> | Room Top: Picture Slider<br><br> | ||
Offer: Picture, Description 1 , Calendar, Offer Select (Button/Selector), Description 2<br><br> | Offer: Picture, Description 1 , Calendar, Offer Select (Button/Selector), Description 2<br><br> | ||
Property Bottom: Description 2]] </li> | Property Bottom: Description 2]] </li> | ||
<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 5</p> <p style="font-weight: bold;">Modules:</p> Property Top: Picture Slider<br><br> | ||
Offer: Price Calendar, Offer Select (Button/Selector)<br><br> | Offer: Price Calendar, Offer Select (Button/Selector)<br><br> | ||
Property Bottom: Description 2]] </li> | Property Bottom: Description 2]] </li> | ||
<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|200px|<p style="font-weight: bold; text-align: center"> | <li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Template 6</p> <p style="font-weight: bold;">Modules:</p> Property Top: Description 1<br><br> | ||
Offer: Offer Select (Button/Selector), Price Table<br><br> | Offer: Offer Select (Button/Selector), Price Table<br><br> | ||
Room Bottom: Picture Slider, Description]] </li> | Room Bottom: Picture Slider, Description]] </li> | ||
</ul></div> | </ul></div> | ||
=== Pictures === | === Pictures === | ||
To upload pictures and assign them to modules go to SETTINGS->BOOKING PAGE->PICTURES | To upload pictures and assign them to modules go to SETTINGS->BOOKING PAGE->PICTURES | ||
| Line 77: | Line 75: | ||
=== Customise booking page=== | === Customise booking page=== | ||
Go to SETTINGS->BOOKING PAGE->PAGE DESIGN->LAYOUT and click on "Manage" for the layout you want to change and click on "Customise" | |||
Go to SETTINGS->BOOKING PAGE->PAGE DESIGN->LAYOUT and click on "Manage" for the layout you want to | |||
==== Choose modules and position them==== | ==== Choose modules and position them==== | ||
| Line 237: | Line 234: | ||
* Click 'Edit', then find the 'Image' icon and paste the url into the URL box and add a description if necessary, resize as required, click OK. Use the other features to position the image as you required (centre, left, right). | * Click 'Edit', then find the 'Image' icon and paste the url into the URL box and add a description if necessary, resize as required, click OK. Use the other features to position the image as you required (centre, left, right). | ||
* Click Save. | * Click Save. | ||
====Policies==== | ====Policies==== | ||
| Line 268: | Line 258: | ||
=== Multiple languages === | === Multiple languages === | ||
You can set your default language and activate multiple languages. Make sure you enter descriptive texts for all languages you want to use. If you are using an embedded booking page on a multilingual web site you can embed you booking page with a different default language for each language version. Click [[Multilingual_Booking_Page|here]] for instructions | You can set your default language and activate multiple languages. Make sure you enter descriptive texts for all languages you want to use. If you are using an embedded booking page on a multilingual web site you can embed you booking page with a different default language for each language version. Click [[Multilingual_Booking_Page|here]] for instructions | ||
==Use multiple layouts== | |||
If you want to use multiple layouts you can add a layout parameter to the URL. Example: | |||
https://www.beds24.com/booking2.php?propid=13437&layout=2 | |||
will display layout 2. If you are using Wordpress you can add a layout parameter to the shortcode as explained in the plugin settings. | |||
The Facebook app will display the default layout. | |||
== Additional options == | == Additional options == | ||