Difference between revisions of "Customise Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
 
(70 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[Category:How to]]
 
  
The booking page can be fully customised to individual needs.
+
#REDIRECT [[:Category:Booking_Page]]
 
 
== '''Optional content settings''' ==
 
 
 
*Multiple languages / SETTINGS -> ACCOUNT -> LANGUAGES
 
 
 
*[[Show Discounts]]
 
 
 
*Set different prices or packages for a room / SETTINGS -> BOOKING PAGE -> ROOMS -> EXTRA PRICES
 
 
 
*[[Let Guests View and Change Bookings]]
 
 
 
*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*/
 
 
 
<nowiki>#</nowiki>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);
 
}
 

Latest revision as of 18:46, 26 October 2015