Difference between revisions of "Category:Multiple Properties"

From Beds24 Wiki
Jump to navigation Jump to search
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
[[Category:How to]]
 
[[Category:How to]]
[[Category:Agency]]
 
 
[[Category:Sub_Account]]
 
[[Category:Sub_Account]]
 
[[Category:Booking_Page]]
 
[[Category:Booking_Page]]
 
[[Category:Properties]]
 
[[Category:Properties]]
  
  ''This page is a about the menu SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES.''
+
  ''This page is a about the menu SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES''
 +
==Concept==
 +
The multi-property booking page displays all properties of the account. It links to the property booking page (SETTINGS->BOOKING ENGINE) where the actual booking is made.
  
In this menu you can set up and customise the look of a multiple property booking page.  
+
The design of the responsive booking page version is modular allowing you to fully control the layout.  
  
The multiple property booking page displays all properties of the account. It links to the property booking page where the actual booking is made.
+
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:
  
'''Customise the general design'''
+
*Picture slider or gallery for agency and property
*To change colors and fonts go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->STYLE
+
*Featues for  property  
*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 the responsive version go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the descriptive module.
+
*Availability calendar (one or multiple month) for property
*To add an agency picture slider (responsive version only) go to SETTINGS->BOOKING PAGE->PICTURES. Upload your pictures and activate them as "Multiple Property Picture". Then go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the slider.
+
*Descriptions for for agency and property
 +
*Policies for property
  
'''Customise Property Display'''
+
  NOTE: If you have less than 50 properties in the account the system will check if all selected criteria are fulfilled. For accounts with  more then 50 properties for performance reasons the system will only check if any rooms are available for the selected dates.
  
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 upload pictures and assign them to modules go to SETTINGS->BOOKING ENGINE->PICTURES. Assign them to the multi-proerty to use them in agency modules, property, room or offer.  
  
*To add a property picture go to SETTINGS->BOOKING PAGE->PICTURES. Upload a picture and activate it as "Property Picture".
+
<embedvideo service="youtube">https://www.youtube.com/watch?v=lXFa0MPO8TU</embedvideo>
  
*To add a property picture slider (responsive version only) go to SETTINGS->BOOKING PAGE->PICTURES. Upload your pictures and activate them as "Property Picture". Then go to SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " Customise" to activate the slider.
+
== Agency content ==
 +
*To add descriptions above and below the property listing go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->CONTENT and enter your descriptions. If you are using the responsive version go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the descriptive module.
 +
*To add an agency picture slider (responsive version only) go to SETTINGS->BOOKING ENGINE->PICTURES. Upload your pictures and activate them as "Multiple Property Picture". Then go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the slider.
  
*To add a property description go to SETTINGS->BOOKING PAGE->PAGE DESIGN -> CONTENT and enter your descriptive text in "Property Description - Booking Page 1" (responsive booking page version) or "Property Summary Description" (adaptive booking page version).
+
==Property content==
 +
The layout and the used modules for the property display can be customised in SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" .
  
*To add an availability alendar (responsive version only) go to SETTINGS->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 a property picture go to SETTINGS->BOOKING ENGINE->PICTURES. Upload a picture and activate it as "Property Picture".
  
'''Hide a Property'''
+
*To add a property picture slider (responsive version only) go to SETTINGS->BOOKING ENGINE->PICTURES. Upload your pictures and activate them as "Property Picture". Then go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " Customise" to activate the slider.
  
You can hide a property from your booking page by setting "Sell Priority" = Hide in SETTINGS->BOOKING PAGE->MULTIPLE PROPERTIES-> PROPERTY SETTINGS.
+
*To add a property description go to SETTINGS->BOOKING ENGINE->BOOKING PAGE -> CONTENT and enter your descriptive text in "Property Description - Booking Page 1" (responsive booking page version) or "Property Summary Description" (adaptive booking page version).
  
'''Search Criteria'''
+
*To add an availability calendar (responsive version only) go to SETTINGS->BOOKING ENGINE->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.
  
Custom search criteria can be set u in SETTINGS -> BOOKING PAGE ->MULTIPLE PROPERTIES-> SEARCH CRITERIA. The context help (? icons) and the page help give detailed information.
+
*To add an a features module (responsive version only) go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->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 SETTINGS->PROPERTIES->DESCRIPTION.
 +
 
 +
===Property header and footer===
 +
Agency modules can optionally also disply on the property booking pages. The settings are available in SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT.
 +
 
 +
===Hide one or more properties===
 +
You can hide a property from your booking page by setting "Sell Priority" = Hide in SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES-> PROPERTY SETTINGS.
 +
 
 +
==Search criteria==
 +
Custom search criteria can be set up in SETTINGS -> BOOKING ENGINE ->MULTIPLE PROPERTIES-> SEARCH CRITERIA.  
 +
 
 +
These criteria need to be assigned your properties in SETTINGS -> BOOKING ENGINE ->MULTIPLE PROPERTIES-> PROPERTY SETTINGS
 +
 
 +
To always show the search criteria without opening the "Advances Search" link go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->DEVELOPERS and add
 +
 
 +
<script>
 +
$( document ).ready(function() {
 +
$("#collapseAdvancedSearch").show();
 +
});
 +
</script>
 +
 
 +
in "Advanced HTML Settings".
 +
 
 +
==Colors and fonts ==
 +
To change colors and fonts go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->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 SETTINGS-> BOOKING ENGINE-> BOOKING WIDGETS by setting set PROPERTY = ALL
 +
 
 +
If you want to allow guests to search by certain criteria:
 +
*first create the search criteria in SETTINGS -> BOOKING ENGINE ->MULTIPLE PROPERTIES->SEARCH CRITERIA
 +
*then go to  SETTINGS -> BOOKING ENGINE ->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 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.
 +
 
 +
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.
 +
 
 +
 
 +
== Video ==
 +
<embedvideo service="youtube">http://www.youtube.com/watch?v=qVOGr_mqYJA</embedvideo>

Revision as of 19:25, 23 January 2020


This page is a about the menu SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES

1 Concept

The multi-property booking page displays all properties of the account. It links to the property booking page (SETTINGS->BOOKING ENGINE) where the actual booking is made.

The design of the responsive booking page version is modular allowing you to fully control the 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:

  • Picture slider or gallery for agency and property
  • Featues for property
  • Availability calendar (one or multiple month) for property
  • Descriptions for for agency and property
  • Policies for property
 NOTE: If you have less than 50 properties in the account the system will check if all selected criteria are fulfilled. For accounts with  more then 50 properties for performance reasons the system will only check if any rooms are available for the selected dates.

2 Pictures

To upload pictures and assign them to modules go to SETTINGS->BOOKING ENGINE->PICTURES. Assign them to the multi-proerty to use them in agency modules, property, room or offer.

3 Agency content

  • To add descriptions above and below the property listing go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->CONTENT and enter your descriptions. If you are using the responsive version go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the descriptive module.
  • To add an agency picture slider (responsive version only) go to SETTINGS->BOOKING ENGINE->PICTURES. Upload your pictures and activate them as "Multiple Property Picture". Then go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Property Header and Footer" to activate the slider.

4 Property content

The layout and the used modules for the property display can be customised in SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" .

  • To add a property picture go to SETTINGS->BOOKING ENGINE->PICTURES. Upload a picture and activate it as "Property Picture".
  • To add a property picture slider (responsive version only) go to SETTINGS->BOOKING ENGINE->PICTURES. Upload your pictures and activate them as "Property Picture". Then go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT "Multiple Property Layout" " Customise" to activate the slider.
  • To add a property description go to SETTINGS->BOOKING ENGINE->BOOKING PAGE -> CONTENT and enter your descriptive text in "Property Description - Booking Page 1" (responsive booking page version) or "Property Summary Description" (adaptive booking page version).
  • To add an availability calendar (responsive version only) go to SETTINGS->BOOKING ENGINE->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 ENGINE->MULTIPLE PROPERTIES->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 SETTINGS->PROPERTIES->DESCRIPTION.

4.1 Property header and footer

Agency modules can optionally also disply on the property booking pages. The settings are available in SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->LAYOUT.

4.2 Hide one or more properties

You can hide a property from your booking page by setting "Sell Priority" = Hide in SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES-> PROPERTY SETTINGS.

5 Search criteria

Custom search criteria can be set up in SETTINGS -> BOOKING ENGINE ->MULTIPLE PROPERTIES-> SEARCH CRITERIA.

These criteria need to be assigned your properties in SETTINGS -> BOOKING ENGINE ->MULTIPLE PROPERTIES-> PROPERTY SETTINGS

To always show the search criteria without opening the "Advances Search" link go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->DEVELOPERS and add

<script>
$( document ).ready(function() {
$("#collapseAdvancedSearch").show();
});
</script>

in "Advanced HTML Settings".

6 Colors and fonts

To change colors and fonts go to SETTINGS->BOOKING ENGINE->MULTIPLE PROPERTIES->STYLE

Current default setting are:

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

7 Booking Widgets

Booking widgets for multiple properties which open the multiple property booking widgets can be created in SETTINGS-> BOOKING ENGINE-> BOOKING WIDGETS by setting set PROPERTY = ALL

If you want to allow guests to search by certain criteria:

  • first create the search criteria in SETTINGS -> BOOKING ENGINE ->MULTIPLE PROPERTIES->SEARCH CRITERIA
  • then go to SETTINGS -> BOOKING ENGINE ->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 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.

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.


8 Video