Customise Booking Page: Difference between revisions
No edit summary |
No edit summary |
||
| Line 22: | Line 22: | ||
== '''Advanced Design''' == | == '''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 | 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 into SETTINGS -> BOOKING PAGE -> ADVANCED -> WEBDESIGNERS | ||
== Shadow arround your booking page == | == Shadow arround your booking page == | ||
/*code for a shadow arround your booking page*/ | /*code for a shadow arround your booking page*/ | ||
#bookingpage { | |||
<nowiki>#</nowiki>bookingpage { | |||
-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38); | -webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38); | ||
-moz-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); | box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38); | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | |||
== Background Image == | |||
To use a background image upload it to SETTINGS -> BOOKING PAGE -> PICTURES. Replace https://www.beds24.com/pic/p0000/2049/04.jpg with the url of your uploaded picture. | |||
/*code fo use an image as background*/ | |||
body { | |||
background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg); | |||
} | } | ||
Revision as of 09:22, 12 April 2013
The booking page can be fully customised to individual needs.
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.
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 into 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; }
Background Image
To use a background image upload it to SETTINGS -> BOOKING PAGE -> PICTURES. Replace https://www.beds24.com/pic/p0000/2049/04.jpg with the url of your uploaded picture.
/*code fo use an image as background*/
body {
background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg);
}