Changes

Jump to navigation Jump to search

Category:Multiple Properties

3,786 bytes added, 6 May
no edit summary
[[Category:How to]]
[[Category:Agency]]
[[Category:Sub_Account]]
[[Category:Booking_Page]]
[[Category:Booking_Engine]]
[[Category:Properties]]
<div class="heading">Booking Page for Multiple Properties</div>
This page is a about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE
==Concept==
The multi-property booking page displays all properties of the account. It links to the property booking page ({{#fas:cog}} (SETTINGS) > BOOKING ENGINE ) where the actual booking is made.
''This The design of the responsive booking page version is a about modular allowing you to fully control the menu SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES''layout.
The responsive booking page consists of sections. For each section you can choose from a set of modules which can be added an removed. They have advanced settings so you can tailor the display exactly to your needs. For most modules content needs to be added so they can display. Available modules for the multi-property booking page are are:
== Multiple *Picture slider or gallery for agency and property Booking Page ==The *Featues for property *Availability calendar (one or multiple month) for property booking page displays all properties of the account. It links to the *Descriptions for for agency and property*Policies for property booking page where the actual booking is made.
<embedvideo service="youtube">http://www.youtube.com/watch?v=qVOGr_mqYJA</embedvideo> = Customise the General Design =Limitations ==*To change colors and fonts go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->STYLE*To add descriptions in on above and below the property listing go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->CONTENT and enter your descriptions. If you are using have less than 50 properties in the responsive version go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate account the descriptive modulesystem will check if all selected criteria are fulfilled. *To add an agency picture slider For accounts with more than 50 properties for performance reasons the system will only check if any rooms are available (responsive version onlynot closed) go to SETTINGS->BOOKING PAGE->PICTURESfor the selected dates. Upload your pictures and activate them as "Multiple Property Picture"If there are no prices for the selection you will see 'Check Availability' box  *Prices do not include Obligatory Upsell Items, this is why the price has 'Price from'. Then go  *If you need to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate show the properties in the slidersame order after each search, then ensure each property has a different Sell Priority.
===Customise Property Display===
Each property can be displayed with a picture or picture slider and/or a description. The layout and the used modules for the property display can be customised in SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" .
*== Pictures ==To add a property picture pictures and assign them to modules go to {{#fas:cog}} (SETTINGS-) >BOOKING PAGE-ENGINE >PICTURES. Upload a picture and activate it as "Property Picture"Assign them to the multi-property to use them in agency modules, property, room or offer.
*To add a property picture slider (responsive version only) go to SETTINGS->BOOKING PAGE-<embedvideo service="youtube">PICTUREShttps://www. Upload your pictures and activate them as "Property Picture"youtube. Then go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES-com/watch?v=lXFa0MPO8TU</embedvideo>LAYOUT "Multiple Property Layout" " Customise" to activate the slider.
== Multi property content ==*To add a descriptions above and below the property description listing go to {{#fas:cog}} (SETTINGS-) >BOOKING PAGE-ENGINE >MULTI BOOKING PAGE DESIGN -> CONTENT and enter your descriptive text in descriptions. If you are using the responsive version go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > MULTIPLE PROPERTIES->LAYOUT "Property Description - Booking Page 1Header and Footer" to activate the descriptive module.*To add an agency picture slider (responsive booking page versiononly) or go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE PICTURES. Upload your pictures and activate them as "Multiple Property Summary DescriptionPicture" . Then go to {{#fas:cog}} (adaptive booking page versionSETTINGS) BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the slider.
*To add an availability calendar ==Property content==The layout and the used modules for the property display can be customised in {{#fas:cog}} (responsive version onlySETTINGS) go to SETTINGS- > BOOKING ENGINE >MULTI BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " Customise" to activate the property calendar module. When you click on "Manage" you can set the number of calendars to display. Make sure you check the "Position" and "Desktop" settings when you add a module.
*To add an a features module (responsive version only) go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " Customise" to activate The price shown on the multi property features module. When you click on "Manage" you can adjust the column width. Make sure you check booking page is the "Position" '''lowest of offer 1 and "Desktop" settings when you add a module. Features can be added in SETTINGS->PROPERTIES->DESCRIPTION2.'''
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Hide If you have multiple offers then ensure that there is always a Propertyprice for offer 1 or offer 2, otherwise the property will not show on the multi property booking page.'''
You can hide *To add a property from your booking page by setting "Sell Priority" = Hide in picture go to {{#fas:cog}} (SETTINGS-) >BOOKING PAGE-ENGINE >MULTIPLE PROPERTIES-> PROPERTY SETTINGS PICTURES. Upload a picture and activate it as "Property Picture".
===Search Criteria===Custom search criteria can be set up in *To add a property picture slider (responsive version only) go to {{#fas:cog}} (SETTINGS -) > BOOKING ENGINE > PICTURES. Upload your pictures and activate them as "Property Picture". Then go to {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE ->MULTIPLE PROPERTIES-> SEARCH CRITERIALAYOUT "Multiple Property Layout" " Customise" to activate the slider.
These criteria need *To add a property description go to be assigned your properties in {{#fas:cog}} (SETTINGS -) > BOOKING ENGINE > PROPERTY BOOKING PAGE ->MULTIPLE PROPERTIESCONTENT and enter your descriptive text in "Property Description -> PROPERTY SETTINGSBooking Page 1" (responsive booking page version) or "Property Summary Description" (adaptive booking page version).
*To always show the search criteria without opening the "Advances Search" link add an availability calendar (responsive version only) go to {{#fas:cog}} (SETTINGS-) > BOOKING ENGINE >MULTI BOOKING PAGE->MULTIPLE PROPERTIES->DEVELOPERS LAYOUT "Multiple Property Layout" " Customise" to activate the property calendar module. When you click on "Manage" you can set the number of calendars to display. Make sure you check the "Position" and "Desktop" settings when you add a module.
*To add an a features module (responsive version only) go to {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > LAYOUT "Multiple Property Layout" " Customise" to activate the property features module. When you click on "Manage" you can adjust the column width. Make sure you check the "Position" and "Desktop" settings when you add a module. Features can be added in {{#fas:cog}} (SETTINGS) PROPERTIES DESCRIPTION. **If you want to show a '''Google Map''' you need to add an Google Map API Key in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > MULTI 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. ===Property header and footer===Agency modules can optionally also display on the property booking pages. The settings are available in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > LAYOUT. ===Hide one or more properties===You can hide a property from your booking page by setting "Sell Priority" = Hide in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > PROPERTY SETTINGS. ==Search criteria==Custom search criteria can be set up in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > SEARCH CRITERIA.  These criteria need to be assigned your properties in {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE >PROPERTY SETTINGS To always show the search criteria on page load without clicking "Advanced Search" go to {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > DEVELOPERS and add  <code> <script> $( document ).ready(function() { $("#collapseAdvancedSearch").show(); }); </script></code>
in "Advanced HTML Settings".
 
==Colors and fonts ==
To change colors and fonts go to {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > MULTI BOOKING PAGE > STYLE
 
Current default setting are:
 
{| class="wikitable"
| '''Setting '''|| '''Value'''
|-
| Background Color (Body) ||#f4f4f4
|-
|Content Background ||#f4f4f4
|-
|Content Text ||#424242
|-
|Link Color ||#008acc
|-
|Border Color ||#4dfdfdf
|-
|Highlight Background From ||#ffffff
|-
|Highlight Background To ||#ffffff
|-
|Highlight Text ||#424242
|-
|Form Background ||#ffffff
|-
|Form Text ||#424242
|-
|Selected Dates Background ||none
|-
|Selected DatesText ||#222222
|-
|Available Dates Background ||#f2f2f2
|-
|Available Dates Text ||#424242
|-
|Request Dates Background ||#dddddd
|-
|Request Dates Text ||#777777
|-
|Not Available Dates Background ||#f2dede
|-
|Not Available Dates Text ||#a94442
|-
|Button Style ||flat
|-
|Button Background ||#008acc
|-
|Button Text ||#ffffff
|-
|Font ||Arial (Helvetica)
|-
|Font Size ||14px
|-
|}
== Booking Widgets ==
Booking widgets for multiple properties which open the multiple property booking widgets can be created in {{#fas:cog}} (SETTINGS-> ) BOOKING PAGEENGINE-> BOOKING WIDGETS by setting set PROPERTY = ALL
If you want to allow guests to search by certain criteria:
*first create the search criteria in {{#fas:cog}} (SETTINGS -) ) > BOOKING ENGINE > MULTI BOOKING PAGE ->MULTIPLE PROPERTIES->SEARCH CRITERIA*then go to {{#fas:cog}} (SETTINGS -) BOOKING ENGINE > MULTI BOOKING PAGE ->MULTIPLE PROPERTIES->PROPERTY SETTINGS and assign the applicable criteria to each property Once you have set and assigned your search criteria you can go to SETTINGS-> BOOKING PAGE-> BOOKING WIDGETS. Set PROPERTY = ALL and design your widget, ensuring that you change SEARCH LABEL to show the search criteria in your booking widget.  NOTE: If you make changes to your to your search criteria you need to generate the code again and paste the new code to your website again.
Once you have set and assigned your search criteria you can go to {{#fas:cog}} (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS. Set PROPERTY = ALL and design your widget, ensuring that you change SEARCH LABEL to show the search criteria in your booking widget.
== Video ==<embedvideo servicespan style="youtube"color:#fe746c;“ >http{{#fas://www.youtube.com/watch?v=qVOGr_mqYJAexclamation-triangle}} </embedvideospan> If you make changes to your to your search criteria you need to generate the code again and paste the new code to your website again.
3,184

edits

Navigation menu