Changes

[[Category:Booking_Page]][[Category:How to]][[Category:WordpressBooking Page]]

*== 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]]

=== Background Image =External CSS file ==To It is possible to make the booking page use a background image upload it to SETTINGS -> BOOKING PAGE -> PICTURES. Replace CSS file that you supply, you must host the CSS file on a secure web server (using 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://wwwTo do this you need to add the &cssfile parameter to the URL for the booking page, or for example the iframe SRC.beds24.com/pic/p0000/2049/04.jpg); }

Goto this site and encode it:http:/*code for a shadow arround your booking page*/meyerweb.com/eric/tools/dencoder/

<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-shadowAdd the resulting parameter to the booking page URL like this: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 10, 10, 0&cssfile=https%3A%2F%2Fyoursite%2Fpath%2Fyour.38); margin-bottom: 20px; }css

=== Booking Page with Rounded Corners Your CSS file will be included. Note: The external stylesheet needs to be hosted on a secure site (Adaptive Booking Page Onlyhttps)===Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"to be accepted by the secure Beds24 booking page.

=== Show prices with cents even if cents are zero ===  .bookingpagecentshide {displayKeywords:inline;} === Mark certain days of the week ===Example 1: Change the background color for Saturday   .daySat {color:#c44a2f !important;} exchange daySat by daySunURL parameter, dayMonparameter, dayTuelanguage, dayeWed, dayThu, dayFri to exchange the backgound color for other days. Example 2: Change the background color for Saturday   .daysat {background-color:#ccc !important;} exchange daysat by daysun, daymon, daytue, dayewed, daythu, dayfri to exchange the backgound color for other days. Example 3: Add a border arround Saturday   .daysat {border:1px solid #999999 !important;} exchange daysat by daysun, daymon, daytuenumber of guests, dayewedweb design, daythuweb designer, dayfri to exchange the backgound color for other days.developer

* Javascript can be entered in SETTINGS->BOOKING PAGE ->DEVELOPERS"Advanced HTML Settings" == Custom Applications ==

=== Change the title text === /*The [[:category:API|API]] can be used javascript to develop custom applications and solutionschange the titletext*/ <script>document.title='your title';</script>

'''Example: hide header'''

| 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. |-| group || keyword || Show only properties that have this group keyword  |-| nogroup || keyword || Exclude properties that have this group keyword

== 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:). 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 to use different styling per page or sitedevelop their own applications and solutions.

For example if your css file is:The API functions are available at https://yoursite/path/yourapi.beds24.csscom

Goto this site and encode it:http://meyerwebThe documentation is directly in the API.com/eric/tools/dencoder/

Add To use the resulting parameter API you need to the booking page URL like thisallow API ACCES. Go to SETTINGS -> ACCOUNT -> ACCOUNT ACCESS and allow API access. The API is available at https:&cssfile=https%3A%2F%2Fyoursite%2Fpath%2Fyour//api.beds24.com.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