Responsive Booking Page: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| (5 intermediate revisions by one other user not shown) | |||
| Line 102: | Line 102: | ||
To customise the the booking page go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > LAYOUT. | To customise the the booking page go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > LAYOUT. | ||
If you do not want to use multiple layouts leave the selector for "Layout" there and the selector for "Default Layout" in SETTINGS | If you do not want to use multiple layouts leave the selector for "Layout" there and the selector for "Default Layout" in {{#fas:cog}} (SETTINGS) BOOKING ENGINE and the selector set to 1. | ||
==== Change template==== | ==== Change template==== | ||
Choose the template you want to use and then click on "Restore default". | Choose the template you want to use and then click on "Restore default". | ||
| Line 135: | Line 136: | ||
*If you use the property slider or property picture and have "Style" set to "Full width" you will need to make sure the slider/pictures position is set to row 1 position 1, desktop full width and mobile full width. There should be no other module in row 1. Also make sure you deactivate all modules which you do not use. | *If you use the property slider or property picture and have "Style" set to "Full width" you will need to make sure the slider/pictures position is set to row 1 position 1, desktop full width and mobile full width. There should be no other module in row 1. Also make sure you deactivate all modules which you do not use. | ||
*If you want to show a '''Google Map''' you need to add an Google Map API Key in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPER. You can obtain an API key from Google here https://developers.google.com/maps/documentation/javascript/get-api-key. Usually a free key is sufficient. Make sure you activate all required settings. | *If you want to show a '''Google Map''' you need to add an Google Map API Key in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPER. You can obtain an API key from Google here https://developers.google.com/maps/documentation/javascript/get-api-key. Usually a free key is sufficient. Make sure you activate all required settings. | ||
*The "Policies" module will use display the policies you have entered in {{#fas:cog}} (SETTINGS) | *The "Policies" module will use display the policies you have entered in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE A link to policies on your web site can be please wherever you can enter descriptive texts. You can set up a "custom question" (Type= Checkbox, Use=Obligatory) in {{#fas:cog}} (SETTINGS) PROPERTIES >-BOOKING QUESTIONS. If required you can add a link for example: "I accept the <a href="http://www.mywebsite.de/agb" target="_blank">terms and conditions </a>." Replace www.mywebsite.de/agb with a link to the terms and conditions on your web site. | ||
| Line 262: | Line 263: | ||
=== Allow enquiries when no price is found === | === Allow enquiries when no price is found === | ||
If you are using Fixed Prices you can set "Allow Enquiry" = yes. This will allow the guest to send an enquiry if you have availability but the system can not find a price. If you generally want to accept only "Requests" instead of confirmed bookings go to {{#fas:cog}} (SETTINGS) | If you are using Fixed Prices you can set "Allow Enquiry" = yes. This will allow the guest to send an enquiry if you have availability but the system can not find a price. If you generally want to accept only "Requests" instead of confirmed bookings go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE and set your "Booking Type" = Request | ||
=== Adjust prices on your booking page by adding a multiplier === | === Adjust prices on your booking page by adding a multiplier === | ||
| Line 367: | Line 368: | ||
You can use up to 6 different layouts at the same time. | You can use up to 6 different layouts at the same time. | ||
The default layout is defined in {{#fas:cog}} (SETTINGS) BOOKING ENGINE | The default layout is defined in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > LAYOUT | ||
If you want to use multiple layouts you can set the number you want to use them under before you save. To open another than the default layout add a parameter to the URL. Example: | If you want to use multiple layouts you can set the number you want to use them under before you save. To open another than the default layout add a parameter to the URL. Example: | ||
| Line 375: | Line 376: | ||
will display layout 2. If you are using Wordpress you can add a layout parameter to the shortcode as explained in the plugin settings. | 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 uses the "default" layout which is set in SETTINGS | The Facebook app uses the "default" layout which is set in{{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING PAGE. | ||
== Developer options == | == Developer options == | ||
| Line 409: | Line 410: | ||
== Change from adaptive to responsive booking page== | == Change from adaptive to responsive booking page== | ||
Go to SETTINGS | Go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING PAGE and select "Booking Page Version" = Responsive. This setting will activate Layout 1. | ||
When you change from adaptive to responsive you need to assign your pictures again. Go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PICTURES. Set the selector to the room then choose "Offer 1" and activate the picture/pictures you want to display. If you are using more than one offer repeat for each. | When you change from adaptive to responsive you need to assign your pictures again. Go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PICTURES. Set the selector to the room then choose "Offer 1" and activate the picture/pictures you want to display. If you are using more than one offer repeat for each. | ||