Difference between revisions of "Customise Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
Line 6: Line 6:
  
 
*Multiple languages / SETTINGS -> ACCOUNT -> LANGUAGES
 
*Multiple languages / SETTINGS -> ACCOUNT -> LANGUAGES
 +
 +
*Colours and fonts /  SETTINGS -> BOOKING PAGE -> PAGE DESIGN
 +
 +
 +
*Add a custom top (eg. for your logo) and/or bottom (eg. for contact info, directions, link to your terms and conditions) /  SETTINGS -> BOOKING PAGE -> PAGE DESIGN
  
 
*[[Show Discounts]]
 
*[[Show Discounts]]
Line 13: Line 18:
 
*[[Let Guests View and Change Bookings]]
 
*[[Let Guests View and Change Bookings]]
  
*Customise Confirmation Messages / / SETTINGS -> BOOKING PAGE -> CONFIRMATION MESSAGES
+
*Customise Information your guest enters when booking  / SETTINGS -> BOOKING PAGE -> BOOKING QUESTIONS
 +
 
 +
*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.
 
*Order in which rooms appear on your booking page / SETTINGS-> ROOMS -> SETUP -> AVAILABILITY and set the ''Sell Priority'' for each room.

Revision as of 11:40, 12 April 2013


The booking page can be fully customised to individual needs.

1 Optional content settings

  • Multiple languages / SETTINGS -> ACCOUNT -> LANGUAGES
  • Colours and fonts / SETTINGS -> BOOKING PAGE -> PAGE DESIGN


  • Add a custom top (eg. for your logo) and/or bottom (eg. for contact info, directions, link to your terms and conditions) / SETTINGS -> BOOKING PAGE -> PAGE DESIGN
  • Set different prices or packages for a room / SETTINGS -> BOOKING PAGE -> ROOMS -> EXTRA PRICES
  • Customise Information your guest enters when booking / SETTINGS -> BOOKING PAGE -> BOOKING QUESTIONS
  • 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 into SETTINGS -> BOOKING PAGE -> ADVANCED -> WEBDESIGNERS

3 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; }


4 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); }