Changes

Jump to navigation Jump to search

Category:Developers

5 bytes added, 16:41, 11 October 2018
no edit summary
[[Category:Widgets]]
[[Category:Booking Page]]
[[Category:How to]]
[[Category:Wordpress]]
''This page is about the menu SETTINGS -> BOOKING PAGE -> DEVELOPERS''
Code snippets for the booking page are available in SETTINGS->BOOKING PAGE.
 
'''Customise Booking Page'''
The booking page can be embedded in a page using an iframe or opened with a link or form. It can be fully customised in SETTINGS->BOOKING PAGE. This [[Customise_Booking_Page|page]] gives an overview. Additional options for developers are:
*== Custom Text ==Any fixed text on the booking page can be exchanged in SETTINGS->BOOKING PAGE ->DEVELOPERS "Custom Text"
== Custom CSS ==
* Custom CSS can be added in SETTINGS->BOOKING PAGE ->DEVELOPERS > "Custom CSS"
=== Bigger Room Name === /*code for bigger room name*/ .at_roomnametext{ font-sizeTo see a list of CSS examples look into this document: 14px /*if you want the text even bigger use a higher number*/ }[[Custom_CSS|Custom CSS]]
=== Disable click on calendar=External CSS file == It is possible to make the booking page use a CSS file that you supply, you must host the CSS file on a secure web server (using https:).roomoffercalendarmonth{ pointer-events: none; }
To do this you need to add the &cssfile parameter to the URL for the booking page, or for example the iframe SRC.monthcalendarhead{ pointer-events: auto; }
=== Background Image ===To You could do this 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 picturedifferent styling per page or site.
/*code fo use an image as background*/For example if your css file is: body { background-image:url(https://www.beds24.comyoursite/picpath/p0000/2049/04your.jpg); }css
=== Shadow Around your Booking Page (Adaptive Booking Page Only)===Goto this site and encode it:http://meyerweb.com/eric/tools/dencoder/
Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"the resulting parameter to the booking page URL like this:&cssfile=https%3A%2F%2Fyoursite%2Fpath%2Fyour.css
/*code for Your CSS file will be included. Note: The external stylesheet needs to be hosted on a shadow around your secure site (https) to be accepted by the secure Beds24 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;
}
=== Booking Page with Rounded Corners (Adaptive Booking Page Only)===Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"Keywords: URL parameter, parameter, language, number of guests, web design, web designer, developer
== Javascript ==Javascript can be entered in SETTINGS->BOOKING PAGE ->DEVELOPERS"Advanced HTML Settings" === Change the title text === /*code for rounded cornersjavascript to change the titletext*/ <nowikiscript>#document.title='your title';</nowikiscript>bookingpage { border-radius== Booking Page Parameters == *The behavior of the booking page can be controlled with the following parameters passed in the URL or form. URL Parameters are always added in the format name=value. To separate them, the first parameter must have a ? before it and all following parameters must have an & before them. For example if you want to change the default for the numbers of night selector to 7 nights you change the link to your booking page from  https://www.beds24.com/booking2.php?propid=2047 to https://www.beds24.com/booking2.php?propid=2047&numnight=7  '''Example: 7px;hide header'''  -webkit-border-radiushttps: 7px; //www.beds24.com/booking2.php?propid=2047 to  -moz-border-radiushttps: 7px; //www.beds24.com/booking2.php?propid=2047&hideheader=yes  }Example: Make a booking page for selected rooms only
Use the propid to open the page and add &hideroom=== Show prices with cents even if cents are zero ===22543 to hide a room. You can hide multiple rooms by comma separating them.
https://www.beds24.com/booking2.bookingpagecentshide {display:inline;}php?propid=2048&hideroom=3589,3588
=== Mark certain days of the week ===
Example 1: Change the background color for Saturday
.daySat {color'''Example:#c44a2f !important;}link to the booking page with dates pre populated:'''
exchange daySat by daySun, dayMon, dayTue, dayeWed, dayThu, dayFri to exchange the backgound color for other dayshttps://www.beds24.com/booking2.php?propid=13437&checkin=2017-8-24&numnight=3
Example 2exchange these values with your data: Change the background color for Saturday
.daysat {backgroundcheckin=2017-color:#ccc !important;}8-24 - the date the guest wants to arrive
exchange daysat by daysun, daymon, daytue, dayewed, daythu, dayfri &numnight=3 - the number of nights the guest wants to exchange the backgound color for other days.book
Example 3: Add a border arround Saturday
.daysat {border'''Example:1px solid #999999 !important;}Link to a booking form with dates and room pre populated:'''
exchange daysat by daysun, daymon, daytue, dayewed, daythu, dayfri to exchange the backgound color for other dayshttps://www.beds24.com/booking2.php?checkin=2017-8-24&numnight=3&numadult=2&numchild=0&br1-32919=Book&roomid=32919
=== Add a border around the selected dates=== .datestay {borderexchange these values with your data: 1px solid #2f2f2f important;}
checkin== Javascript ==* Javascript can be entered in SETTINGS2017-8->BOOKING PAGE 24 ->DEVELOPERS"Advanced HTML Settings"the date the guest wants to arrive
&numnight== Custom Applications ==3 - the number of nights the guest wants to book
*The [[:category:API|API]] can be used to develop custom applications and solutions.&numadult=2 - number of adults
&numchild== Booking Page Parameters ==0 - number of children
*The behavior of the booking page can be controlled &br1-32919=Book - exchange 32919 with the following parameters passed in the URL or form. URL Parameters are always added in the format name=value. To separate them, the first parameter must have a ? before it and all following parameters must have an & before them. For example if you want to change the default for the numbers of night selector to 7 nights you change room id the link guest wants to your booking page from book
https://www.beds24.com/booking2.php?propid&roomid=204732919 - exchange 32919 with the room id the guest wants to book
to'''Example: Booking form for a preselected room and dates'''
httpsCreate a URL like this://www.beds24.com/booking2.php?propid=2047&numnight=7
https://www.beds24.com/booking2.php?propid=13434&checkin_hide=2016-11-24&numnight=2&numadult=1&br1-32906=Book
ExampleYou need to define: hide header
https://www.beds24.com/booking2.php?1) propid=2047
to2) one of checkin or checkin_hide (different date formats)
https://www.beds24.com/booking2.php?propid=2047&hideheader=yes3) one of checkout, checkout_hide or numnight
Example: Make a booking page for selected rooms only4) numadult and/or numchild
Use 5) br1-32906=Book where "br1 is offer 1, br2 is offer 2 etc. and 32906 is the propid to open the page and add &hideroom=22543 room to hide a room. You can hide multiple rooms by comma separating thembook.
https://www.beds24.com/booking2.php?propid=2048&hideroom=3589,3588
|-
| referer || text ||This text will be recorded with any bookings originating from this widget allowing tracking of booking sources
 
|-
| invoicee || text ||Charges and payments will be assigned to this invoicee.
|-
|-
| lang ||en (English), ar (Arabic), bg (Bulgarian), ca (Catalan), hr (Croatian), cs (Czech), da (Danish), de (German), el (Greek), es (Spanish), et (Estonian), fi (Finnish), fr (French), he (Hebrew), hu (Hungarian), id (Indonesian - Bahasa Indonesia), it (Italian), ja (Japanese), lt (Lithuanian), mn (Mongolian), my (Burmese), nl (Dutch), no (Norwegian), pl (Polish), pt (PortugesePortuguese), ro (Romanian), ru (Russian), sk (Slovak), sl (Slovenian), sr (Serbian), sv (Swedish), th (Thai), tr (Turkish), zh (Chinesesimplified), zt (Chinese traditional) || Sets the default language to open the booking page. (2013 new style booking page pages only)
|-
|-
| hideoffer ||1,2,3,4 || Do not show this price row offer on the booking page, multiple id's can be specified with a comma separating them.
|-
== Customise Booking Widgets ==
 
Code snippets for booking widgets are available in SETTINGS->BOOKING PAGE->BOOKING WIDGETS.
[[Make_Your_Own_Booking_Widget|Make Your Own Booking Widget]]
 
| hidedesc || yes, no || Do not show the description
== External CSS file Custom Applications / API ==It is possible to make the booking page use a CSS file that you supply, you must host the CSS file on a secure web server (using https:). To do this you need to add the &cssfile parameter to the URL for the booking page, or for example the iframe SRC. You could do this We also have an API which allows developers to use different styling per page or site. For example if your css file is:https://yoursite/path/your.css Goto this site develop their own applications and encode it:http://meyerwebsolutions.com/eric/tools/dencoder/
Add the resulting parameter to the booking page URL like thisThe API functions are available at https:&cssfile=https%3A%2F%2Fyoursite%2Fpath%2Fyour//api.css Your CSS file will be included. Note: The external stylesheet needs to be hosted on a secure site (https) to be accepted by the secure Beds24 booking pagebeds24.com
The documentation is directly in the API.
KeywordsTo use the API you need to allow API ACCES. Go to SETTINGS -> ACCOUNT -> ACCOUNT ACCESS and allow API access. The API is available at https: URL parameter, parameter, language, number of guests, web design, web designer, developer//api.beds24.com.The XML functions can be accessed with your Beds24 username and password. The JSON functions can be created with a API and prop key which you set yourself in the Beds24 control panel SETTINGS->ACCOUNT and SETTINGS->PROPERTIES->LINK

Navigation menu