Adaptive Booking Page - Revision history

Weins: 1 revision imported

2021-05-19T01:33:06Z

1 revision imported

Beds24>Annette at 14:20, 18 June 2020

2020-06-18T14:20:28Z

Weins: 1版をインポートしました

2019-03-12T02:18:52Z

1版をインポートしました

Beds24>Lesley: /* Content */

2017-09-08T14:41:56Z

‎Content

New page

[[Category:How to]]
[[Category:Booking Page]]
''This page explains how to customise the booking page''

== LAYOUT - general layout ==
SETTINGS -> BOOKING PAGE -> PAGE DESIGN ->LAYOUT

[[File:example.jpg]]

You can choose to display either a Room Availability Calendar or define a number of Price Columns.

== Customise Design, Colours and fonts ==
SETTINGS -> BOOKING PAGE -> PAGE DESIGN ->STYLE

[[File:bookingpage1.png]]

[[File:ic_video.gif|link=]] '''[[http://youtu.be/lZvcUEajxjk Show Video]]''''

== Content ==
*Add pictures and information for rooms (5) in SETTINGS -> BOOKING PAGE -> PAGE DESIGN -> CONTENT. To show pictures you need to upload them first in SETTINGS -> BOOKING PAGE -> PICTURES
*Add a custom top (2) (eg. for your logo) and/or bottom (3) (eg. for contact info, directions, link to your terms and conditions) / SETTINGS -> BOOKING PAGE -> PAGE DESIGN -> CONTENT
*Show [[Discounts]] adding a [[Discounts|Marketing Column]] (4)

[[File:bookingpage.png]]

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

== Further and Advanced Options ==
*Offer multiple languages (1) SETTINGS -> ACCOUNT -> LANGUAGES
*Customise Information your guest enters when booking / SETTINGS -> PROPERTIES -> BOOKING QUESTIONS
*Customise Confirmation Messages / SETTINGS -> PROPERTIES -> CONFIRMATION MESSAGES
*Set order in which rooms appear on your booking page / SETTINGS-> ROOMS -> SETUP "Availabitlity" and set the ''Sell Priority'' for each room.
*[[Let Guests View and Cancel Bookings]]
*Developers please also refer [[developers|here]]

== Change Default Text==

1. You can exchange any of the default text on the booking page in SETTINGS -> BOOKING PAGE -> DEVELOPERS -> "Custom Text"

2. Stripe and Paymill insert their button and can not be changed. To change the text of any of the other payment buttons you can place this code snippet into SETTINGS -> DEVELOPERS -> "Advanced HTML Settings".

Custom Instruction:
<script type="text/javascript">
$(document).ready(function() { $("#buttoncustominstruction").val("the new text"); });
</script>

Authorize.Net:
<script type="text/javascript">
$(document).ready(function() { $("#buttonauthorizenet").val("the new text"); });
</script>

Paypal
<script type="text/javascript">
$(document).ready(function() { $("#buttonpaypal").val("the new text"); });
</script>

== Hide "Book Multiple" ==

Use the selector in SETTINGS-> BOOKING PAGE-> PAGE DESIGN->LAYOUT

== Hover Text ==
*To not show the number or rooms/units left place the following code in the SETTINGS->BOOKING PAGE-> DEVELOPERS "Custom CSS" setting.
.ptdaynumavail {display:none;}

*To disable the hover text place the following script in the SETTINGS->BOOKING PAGE-> DEVELOPERS "Advanced HTML Settings" setting.

<pre>
<script>
$(document).ready(function() {
var $title = $("td,div,span");
$.each($title, function(index, value) {
$(this).tooltip({
disabled:true
});
});
});
</script>
</pre>

== Change CS' ==

Webdesigners use CSS to define 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 -> DEVELOPERS.

← Older revision	Revision as of 01:33, 19 May 2021
(No difference)

@@ Line 1: / Line 1: @@
 [[Category:How to]]
 [[Category:Booking Page]]
- ''This page explains how to customise the booking page''
+[[Category:Booking_Engine]]
 == LAYOUT - general layout ==
-SETTINGS -> BOOKING PAGE -> PAGE DESIGN ->LAYOUT
+ {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > LAYOUT
 [[File:example.jpg]]
@@ Line 11: / Line 14: @@
 ==  Customise Design, Colours and fonts ==
-SETTINGS -> BOOKING PAGE -> PAGE DESIGN ->STYLE
+ {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > STYLE
 [[File:bookingpage1.png]]
@@ Line 18: / Line 21: @@
 ==  Content ==
-*Add pictures and information for rooms  (5) in SETTINGS -> BOOKING PAGE -> PAGE DESIGN -> CONTENT.  To show pictures you need to upload them first in SETTINGS -> BOOKING PAGE -> PICTURES
+*Add pictures and information for rooms  (5) in  {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE >  CONTENT.  To show pictures you need to upload them first in SETTINGS -> BOOKING ENGINE -> PICTURES
-*Add a custom top (2) (eg. for your logo) and/or bottom (3) (eg. for contact info, directions, link to your terms and conditions) /  SETTINGS -> BOOKING PAGE -> PAGE DESIGN -> CONTENT
+*Add a custom top (2) (eg. for your logo) and/or bottom (3) (eg. for contact info, directions, link to your terms and conditions) /   {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE >  CONTENT
 *Show [[Discounts]] adding a [[Discounts|Marketing Column]] (4)
@@ Line 28: / Line 31: @@
 == Further and Advanced Options ==
 *Offer multiple languages (1) SETTINGS -> ACCOUNT -> LANGUAGES
-*Customise Information your guest enters when booking  / SETTINGS -> PROPERTIES -> BOOKING QUESTIONS
+*Customise Information your guest enters when booking   {{#fas:cog}} (SETTINGS)   PROPERTIES > BOOKING QUESTIONS
-*Customise Confirmation Messages  / SETTINGS -> PROPERTIES -> CONFIRMATION MESSAGES
+*Customise Confirmation Messages  /  {{#fas:cog}} (SETTINGS)  GUEST MANAGEMENT > CONFIRMATION MESSAGES
-*Set order in which rooms appear on your booking page / SETTINGS-> ROOMS -> SETUP  "Availabitlity" and set the ''Sell Priority'' for each room.
+*Set order in which rooms appear on your booking page  {{#fas:cog}} (SETTINGS) PROPERTIES >  ROOMS > SETUP  "Availability" and set the ''Sell Priority'' for each room.
 *[[Let Guests View and Cancel Bookings]]
 *Developers please also refer [[developers|here]]
@@ Line 36: / Line 39: @@
 == Change Default Text==
-. You can exchange any of the default text on the booking page in SETTINGS -> BOOKING PAGE -> DEVELOPERS -> "Custom Text"
+. You can exchange any of the default text on the booking page in  {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE >  DEVELOPERS -> "Custom Text"
-. Stripe and Paymill insert their button and can not be changed. To change the text of any of the other payment buttons you can place this code snippet into SETTINGS  -> DEVELOPERS -> "Advanced HTML Settings".
+. Stripe and Paymill insert their button and can not be changed. To change the text of any of the other payment buttons you can place this code snippet into  {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE >  DEVELOPERS  "Advanced HTML Settings".
   Custom Instruction:
@@ Line 58: / Line 61: @@
 == Hide "Book Multiple" ==
-Use the selector in SETTINGS-> BOOKING PAGE-> PAGE DESIGN->LAYOUT
+Use the selector in S {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > LAYOUT
 == Hover Text ==
-*To not show the number or rooms/units left place the following code in the SETTINGS->BOOKING PAGE-> DEVELOPERS "Custom CSS" setting.
+*To not show the number or rooms/units left place the following code in the  {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE >  DEVELOPERS "Custom CSS" setting.
   .ptdaynumavail {display:none;}
-*To disable the hover text place the following script in the SETTINGS->BOOKING PAGE-> DEVELOPERS "Advanced HTML Settings" setting.
+*To disable the hover text place the following script in the  {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS "Advanced HTML Settings" setting.
 <pre>
@@ Line 81: / Line 84: @@
 == Change CS' ==
-Webdesigners use CSS to define 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 -> DEVELOPERS.
+Webdesigners use CSS to define the look and formatting of a website. Here a list of common adjustments which can be done pasting the code provided below into  {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE > .

← Older revision	Revision as of 02:18, 12 March 2019
(No difference)

Adaptive Booking Page - Revision history

Weins: 1 revision imported

Beds24>Annette at 14:20, 18 June 2020

Weins: 1版 をインポートしました

Beds24>Lesley: /* Content */

Weins: 1版をインポートしました