17,090
edits
Changes
Jump to navigation
Jump to search
=== Concept===
The design of the responsive booking page is modular allowing you to fully control the layout.
The booking page will display up to two years in advance.
====Modules====
For each section you can choose from a set of modules. For most modules content needs to be added so they can display. Click on the context help (? icons) to see where you can enter the required content.
Every module has additional settings which allow you to tailer tailor the disply to your requirement. They are available when you click on "Manage".
'''Demo''': This [https://www.beds24.com/booking2.php?propid=24226 demo] gives you an overview on the mayor modules. To remove a module, click 'Position' and select 'not used' from the drop down list.
</gallery>
*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 widht 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 SETTINGS->BOOKING PAGE ->DEVELOPERS. 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. *The "Policies" module will use display the policies you have entered in SETTINGS->PROPERTIES->DESCRIPTION. 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 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.
|Link Color ||#008acc
|-
|Border Color ||#4dfdfdfdfdfdf
|-
|Highlight Background From ||#ffffff
=== 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.
== Mobiles ==
Every module has additional settings which allow you to tailor the display on mobiles and desktops. They are available in "Layout" when you click on "Manage".
There you can set if a module is shown on mobile devices
*directly
*via a link
*not at all (shown only on desktops)
== Additional options ==
=== Triptease price comparison widget===
To use this function you need an account withTriptease. For more information please see [[Triptease.com|here]].
=== Cookie Consent===
You can use a tool like https://cookieconsent.insites.com/download/ to generate a script which you can add in SETTINGS->BOOKING PAGE ->DEVELOPERS "Advanced HTML Settings"
=== Google Font===
See this [[Google_Font_on_Booking_Page|help page]] for instructions.
==Use multiple layouts==
