|
|
| (67 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
| |
| − | | |
| − | *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]]
| |
| − | | |
| − | *Set different prices or packages for a room / SETTINGS -> BOOKING PAGE -> ROOMS -> EXTRA PRICES
| |
| − | | |
| − | *[[Let Guests View and Change Bookings]]
| |
| − | | |
| − | *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.
| |
| − | | |
| − | | |
| − | == '''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);
| |
| − | }
| |
| − | | |
| − | == Booking Page with Rounded Corners ==
| |
| − | /*code for rounded corners*/
| |
| − | <nowiki>#</nowiki>bookingpage {
| |
| − | | |
| − | border-radius: 7px;
| |
| − | | |
| − | -webkit-border-radius: 7px;
| |
| − | | |
| − | -moz-border-radius: 7px;
| |
| − | }
| |
| − | | |
| − | | |
| − | == Bigger Room Name ==
| |
| − | /*code for bigger room name*/
| |
| − | | |
| − | .at_roomnametext{
| |
| − | | |
| − | font-size: 14px /*if you want the text even bigger use a higher number*/
| |
| − | | |
| − | }
| |
