Changes

*== Custom Text ==Any fixed text on the booking page can be exchanged in SETTINGS->BOOKING PAGE ->DEVELOPERS "Custom Text"

* 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

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*/.

/*code for rounded corners*/== Javascript == <nowikiJavascript can be entered in SETTINGS->#</nowikiBOOKING PAGE ->bookingpage { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }DEVELOPERS"Advanced HTML Settings"

=== Show prices with cents even if cents are zero Change the title text === /*javascript to change the titletext*/ <script>document.title='your title';</script>

=== Mark certain days *The behavior of the week booking page can be controlled with the following parameters passed in the URL or form. URL Parameters are always added in the format name===Example 1: Change 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 background color default for Saturday the numbers of night selector to 7 nights you change the link to your booking page from

https://www.beds24.com/booking2.daySat {color:#c44a2f !important;}php?propid=2047

exchange daySat by daySun, dayMon, dayTue, dayeWed, dayThu, dayFri to exchange the backgound color for other days.

https://www.beds24.com/booking2.php?propid=2047&numnight=7  '''Example 2: Change hide header''' https://www.beds24.com/booking2.php?propid=2047 to https://www.beds24.com/booking2.php?propid=2047&hideheader=yes Example: Make a booking page for selected rooms only Use the propid to open the background color for Saturday page and add &hideroom=22543 to hide a room. You can hide multiple rooms by comma separating them. https://www.beds24.com/booking2.php?propid=2048&hideroom=3589,3588

exchange daysat by daysun, daymon, daytue, dayewed, daythu, dayfri '''Example: link to exchange the backgound color for other days.booking page with dates pre populated:'''

Example https://www.beds24.com/booking2.php?propid=13437&checkin=2017-8-24&numnight=3: Add a border arround Saturday

.daysat {borderexchange these values with your data:1px solid #999999 !important;}

exchange daysat by daysun, daymon, daytue, dayewed, daythu, dayfri checkin=2017-8-24 - the date the guest wants to exchange the backgound color for other days.arrive

&numnight=== Add a border around 3 - the number of nights the selected dates=== .datestay {border: 1px solid #2f2f2f !important;}guest wants to book

=== Line through unavailable '''Example: Link to a booking form with dates=== .datenotavail { text-decorationand room pre populated: line-through; }'''

https://www.beds24.com/booking2.php?checkin=2017-8-24&numnight=3&numadult= Change width of hover image (adaptive booking page only2&numchild=0&br1-32919=Book&roomid= .ui-tooltip { max- width: 500px;32919

=== Remove the hover effect on pictures (adaptive booking page only===img {pointer-eventsexchange these values with your data: none;}

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

&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

httpsCreate a URL like this://www.beds24.com/booking2.php?propid=2047&numnight=7

ExampleYou need to define: hide header

https://www.beds24.com/booking2.php?1) propid=2047

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.

| 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.

== External CSS file Custom Applications / API ==It is possible We also have an API which allows developers 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:)develop their own applications and solutions.

To do this you need to add the &cssfile parameter to the URL for the booking page, or for example the iframe SRCThe API functions are available at https://api.beds24.com

You could do this to use different styling per page or siteThe documentation is directly in the API.

For example if your css file To 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://yoursite/path/yourapi.css Goto this site and encode it:http://meyerwebbeds24.com/eric/tools/dencoder/ Add the resulting parameter to the booking page URL like this:&cssfile=https%3A%2F%2Fyoursite%2Fpath%2Fyour.css Your CSS file will The XML functions can be includedaccessed with your Beds24 username and password. Note: The external stylesheet needs to JSON functions can be hosted on created with a secure site (https) to be accepted by API and prop key which you set yourself in the secure Beds24 booking page.  Keywords: URL parameter, parameter, language, number of guests, web design, web designer, developercontrol panel SETTINGS->ACCOUNT and SETTINGS->PROPERTIES->LINK