Difference between revisions of "Customise Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
[[Category:How to]]
 
[[Category:How to]]
  
The booking page can be fully customised to individual needs. Optional content settings include:
+
The booking page can be fully customised to individual needs.  
 +
 
 +
== '''Optional content settings''' ==
  
 
*Multiple languages / SETTINGS -> ACCOUNT -> LANGUAGES
 
*Multiple languages / SETTINGS -> ACCOUNT -> LANGUAGES
Line 17: Line 19:
  
 
There is contextual help with each setting to assist you with the setup.
 
There is contextual help with each setting to assist you with the setup.
 +
 +
 +
== '''Advanced Design''' ==
 +
Webdesigners use custom CSS to sefine the look and formatting of a website. Here a list of common adjustmens which can be done pasting the code provided below intor SETTINGS -> BOOKING PAGE -> ADVANCED -> WEBDESIGNERS
 +
 +
== Shadow arround your booking page ==
 +
/*code for a shadow arround your booking page*/
 +
#bookingpage {
 +
-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);
 +
-moz-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);
 +
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
 +
box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38);
 +
margin-bottom: 20px;
 +
}

Revision as of 09:58, 12 April 2013


The booking page can be fully customised to individual needs.

1 Optional content settings

  • Multiple languages / SETTINGS -> ACCOUNT -> LANGUAGES
  • Set different prices or packages for a room / SETTINGS -> BOOKING PAGE -> ROOMS -> EXTRA PRICES
  • Customise Confirmation Messages / / SETTINGS -> BOOKING PAGE -> CONFIRMATION MESSAGES
  • Order in which rooms appear on your booking page / SETTINGS-> ROOMS -> SETUP -> AVAILABILITY and set the Sell Priority for each room.


There is contextual help with each setting to assist you with the setup.


2 Advanced Design

Webdesigners use custom CSS to sefine the look and formatting of a website. Here a list of common adjustmens which can be done pasting the code provided below intor SETTINGS -> BOOKING PAGE -> ADVANCED -> WEBDESIGNERS

3 Shadow arround your booking page

/*code for a shadow arround your booking page*/

  1. bookingpage {

-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38); -moz-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);

box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38); margin-bottom: 20px; }