17,129
edits
Changes
Jump to navigation
Jump to search
[[Category: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-<code><script>BOOKING PAGEwindow. This [onload = function() {$("[Customise_Booking_Page|pageid^='ptdate']] gives an overview").text(function(i, t) {return t.split(' ').reverse(). Additional options for developers are:join(' ');})};
*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"window.onunload = function(){};* Javascript can be entered in SETTINGS-</script>BOOKING PAGE -</code>DEVELOPERS"Advanced HTML Settings"*The [[:category:API|API]] can be used to develop custom applications and solutions.*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=== Change the first day of the week in the datepicker===The start day of the week in the checkin and checkout selectors is set automatically based on the language selected by the guest, different languages have different standards for this.com/booking2It is possible to override it on a per language basis.php?propid=2047
https<code><script>moment.updateLocale("en", { week:{dow: 1}});</script></www.beds24.com/booking2.php?propid=2047&numnight=7code>
Example: hide headerThe 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
'''== Customise Booking Widgets'''==Code snippets for booking widgets are available in {{#fas:cog}} (SETTINGS->) BOOKING PAGE-ENGINE >BOOKING WIDGETS.
'''External CSS file'''The documentation is directly in the API.
It To use the API you need to allow API access. Go to This page is possible to make about the booking page use menu {{#fas:cog}} (SETTINGS) > ACCOUNT -> ACCOUNT ACCESS and allow API access. The API is available at https://api.beds24.com. The XML functions can be accessed with your Beds24 username and password. The JSON functions can be created with a CSS file that API and prop key which you supply, you must host set yourself in the Beds24 control panel This page is about the CSS file on a secure web server menu {{#fas:cog}} (using httpsSETTINGS) > ACCOUNT and This page is about the menu {{#fas:cog}} (SETTINGS).> PROPERTIES > ACCESS
To do this you need ==Skip to add Checkout Page from Beds24 Plugin Widget==You can bypass the &cssfile parameter booking page and redirect the widget directly to the URL for the booking checkout page, or for example the iframe SRC.by adding this parameter
You could do this to use different styling per page or site.<code>customParameter:'br1-xxxx=book'</code>
For example if your css file is:https://yoursite/path/yourto the widget.css
Goto this site and encode it:http://meyerwebReplace xxxx with the room ID of the room you want to populate.com/eric/tools/dencoder/
Add == Create a website with the resulting parameter content in your Beds24 account ==We have an integration with Rezintel which allows users/developers to create a website with the booking page URL like this:&cssfile=https%3A%2F%2Fyoursite%2Fpath%2Fyourdata you have in Beds24.css
Your CSS file will be included. Note: The external stylesheet needs Go to be hosted on a secure site ([https) to be accepted by the secure Beds24 booking page://wiki.beds24.com/index.php/Rezintel_Website_Builder Website builder] for more details.
Keywords: URL parameter, parameter, language, number of guests, web design, web designer, developer<code><meta name=“google” content=“notranslate”><html translate=“no”></code>
no edit summary
[[Category:Widgets]]
[[Category:How to]]
[[Category:Wordpress]]
[[Category:Widgets]]
[[Category:Booking Page]]
[[Category:How toBooking_Engine]]<div class="heading">Developer Options</div> This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS 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 This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE. This [[Category:WordpressCustomise_Booking_Page|page]]gives an overview. Additional options for developers are: == Custom Text ==Any fixed text on the booking page can be exchanged in ''This page is about the menu {{#fas:cog}} (SETTINGS -) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPER > "Custom Text" For more information please read the context help (?). == Custom CSS == <span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Custom CSS can be added in This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS''> "Custom CSS" To see a list of CSS examples look into this document: [[Custom_CSS|Custom CSS]] == 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:). Code snippets To do this you need to add the &cssfile parameter to the URL for the booking page are available , or for example the Iframe SRC. You could do this to use different styling per page or site. For example if your css file is:https://yoursite/path/your.css Go to this site and encode it:http://meyerweb.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 be included. <span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> The external stylesheet needs to be hosted on a secure site (https) to be accepted by the secure Beds24 booking page. Keywords: URL parameter, parameter, language, number of guests, web design, web designer, developer == Javascript ==Javascript can be entered in This page is about the menu {{#fas:cog}} (SETTINGS)> BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS or in {{#fas:cog}} (SETTINGS) >BOOKING ENGINE > MULTI BOOKING PAGE> DEVELOPER "Advanced HTML Settings" === Redirects ===For example: this would cause property 1234 to open in the parent window (frame busting) when it's book button is clicked on the multiple property page <code><script>$(document).ready(function(){$('#propid1234 a').attr('target', '_parent');});</script></code> <span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Check the settings under {{#fas:cog}} (SETTINGS) >BOOKING ENGINE > PROPERTY BOOKING PAGE> BEHAVIOUR before you add such a script. === Change the title text ===Javascript to change the titletext. <code><script>document.title='your title';</script></code> === Change date format ===Javascript to change the date format. <code><script>$(document).ready(function(){
$('#inputcheckin').data('Customise Booking Pagedate-format','MMMM DD, YYYY');$('#inputcheckout').data('date-format','MMMM DD, YYYY');})</script></code>
This example changes English tostart on Monday, The value of dow can be from 0 to 6 where 0 is Sunday.If you want to change multiple languages you would need to include a script for each language.
== Booking Page Parameters ==
https://www.beds24.com/booking2.php?propid=2047
to
https://www.beds24.com/booking2.php?propid=2047&hideheadernumnight=yes7
Example: Make a booking page for selected rooms only
Use the propid to open the 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 '''Example: link to the booking page with dates pre populated:''' https://beds24.com/booking2.php?propid=13437&checkin=2017-8-24&numnight=3 exchange these values with your data: checkin=2017-8-24 - the date the guest wants to arrive &numnight=3 - the number of nights the guest wants to book '''Example: Link to a booking form with dates and room pre populated:''' https://beds24.com/booking2.php?checkin=2017-8-24&numnight=3&numadult=2&numchild=0&br1-32919=Book&roomid=32919 exchange these values with your data: checkin=2017-8-24 - the date the guest wants to arrive &numnight=3 - the number of nights the guest wants to book &numadult=2 - number of adults &numchild=0 - number of children &br1-32919=Book - exchange 32919 with the room id the guest wants to book &roomid=32919 - exchange 32919 with the room id the guest wants to book '''Example: Booking form for a preselected room and dates''' Create a URL like this: https://beds24.com/booking2.php?propid=13434&checkin_hide=2016-11-24&numnight=2&numadult=1&br1-32906=Book You need to define: 1) propid 2) one of checkin or checkin_hide (different date formats) 3) one of checkout, checkout_hide or numnight 4) numadult and/or numchild 5) br1-32906=Book where "br1 is offer 1, br2 is offer 2 etc. and 32906 is the room to book.
| '''Parameter''' || '''Value''' ||'''Description'''
|-
| https://www.beds24.com/booking.php || Path to booking page ||At the very minimum there must also be one of propid, roomid or ownerid parameter
|-
| roomid advancedays || id number of room. days || The This will set the initial date to this many days in advance of today. Only applies the first time the page is opened. If advancedays is not used the initial date will open showing this roombe the current date. The first date with availability can be specified by setting advancedays to the value -1.
|-
| propid checkin || id number of property. check-in full date || The page will open showing at this property. check-in date
|-
| ownerid cssfile || id number of owner. encoded url || The External css file for inclusion in booking page will open showing all properties , the file must be available via a secure url (https) and rooms for this ownerthe url must be url encoded. (http://meyerweb.com/eric/tools/dencoder/)
|-
| checkin cur || check-in full date AUD, CAD, EUR, GBP, NZD, USD, BGN, BRL, CHF, CNY, CZK, DKK, EEK, HKD, HRK, HUF, IDR, INR, JPY, KRW, MXN, MYR, NOK, PHP, PLN, RON, RUB, SEK, SGD, THB, TRY, VND, ZAR|| The Opens the page will open at this check-in date |-| mobile=0 || desktop view || Display showing the currency converted. (responsive booking page in desktop viewonly)
|-
|-
| fdate_year || check-in year || The page will open at this check-in date, must be used with fdate_date and fdate_month and be in the format YYYY
|-
| mobile=1 group || keyword || Show only properties that have this group keyword |-| hidefooter ||yes, no || Do not show the property information at the bottom of the page |-| mobile view hideheader || Display yes, no || Do not show the property information at the top of the booking page in mobile view. Do not use this option when using a "Full Width Slider".
|-
| numnight hideoffer || number of nights 1,2,3,4 || Initial value for Do not show this offer on the number of nights selector booking page, multiple id's can be specified with a comma separating them.
|-
| numadult hideprop || number of adults property id || Initial value for Do not show this property on the number of adults selector booking page, multiple id's can be specified with a comma separating them.
|-
| numchild hideroom || number of children room id || Initial value for Do not show this room on the number of children selectorbooking page, multiple id's can be specified with a comma separating them.
|-
| width invoicee || page width in px integer || Useful for embedding the booking page in an iframe of fixed size Charges and payments will be assigned to this invoicee ID.
|-
| numdisplayed lang || number of nights with prices displayed 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), hy (Armenian), id (Indonesian - Bahasa Indonesia), is (Icelandic), it (Italian), ja (Japanese), ko (Korean), lt (Lithuanian), lv (Latvian) mn (Mongolian), my (Burmese), nl (Dutch), no (Norwegian), pl (Polish), pt (Portuguese), ro (Romanian), ru (Russian), sk (Slovak), sl (Slovenian), sr (Serbian), sv (Swedish), th (Thai), tr (Turkish), vi (Vietnamese), zh (Chinese simplified), zt (Chinese traditional) || Only applies Sets the default language to price table open the booking page. (2013 new style booking pages, use this to reduce the number of nights for narrow designsonly)
|-
| referer layout || text 1, 2, 3, 4, 5, 6, ||This text will be recorded with any bookings originating from this widget allowing tracking Opens the responsive version of the booking sourcespage in this layout.
|-
| advancedays maxprop || number of days properties || This will set the initial date to Show a maximum of this many days in advance of today. Only applies the first time properties based on the page is openedsort order. If advancedays is not used the initial date will be the first date with availabilityAdditional properties are hidden.
|-
| hideheader maxroom ||yes, no number of rooms || Do not Only show the property information at the top a maximum of this many rooms based on the pagesort order. Additional rooms are hidden.
|-
| hidefooter mobile=1 || mobile view ||yes, no Display the booking page in mobile view |-| mobile=0 || Do not show the property information at the bottom of desktop view || Display the booking pagein desktop view
|-
|-
| lang numnight ||en (English), ca (Catalan), cs (Czech), da (Danish), de (German), number of nights el (Greek), || Initial value for the number of nights selector |-| numadult es (Spanish), || number of adults fi (Finnish), fr (French), it (Italian), ja (Japanese), lt (Lithuanian), mn (Mongolian), my (Burmese, (Dutch), no (Norwegian), pl (Polish), pt (Portugese), ru (Russian), sk (Slovak), sl (Slovenian), sv (Swedish), th (Thai, tr (Turkish), zh (Chinese) || Sets the default language to open Initial value for the booking page. (2013 new style booking page only)number of adults selector
|-
| hideprop numchild ||property number of children || Initial value for the number of children selector |-| numdisplayed || number of nights with prices displayed || Only applies to price table pages, use this to reduce the number of nights for narrow designs |-| nogroup || keyword || Exclude properties that have this group keyword |-| ownerid || id number of owner. || Do not show The page will open showing all properties and rooms for this owner |-| propid || id number of property on the booking . || The page, multiple id's can be specified with a comma separating themwill open showing this property.
|-
| maxprop redirect ||number of properties encoded url || Show Redirect to this url, must start with http:// or https:// and be url encoded with a maximum of this many properties based on the sort ordertool like http://meyerweb.com/eric/tools/dencoder/. Additional properties The booking details are hiddenstored in session variables and will be available available to a booking page in an Iframe at your redirect URL as long as the Iframe is not overriding them in it's src url.
|-
| hideroom referer ||room id text || Do not show This text will be recorded with any bookings originating from this room on the widget allowing tracking of booking page, multiple id's can be specified with a comma separating them.sources
|-
| maxroom roomid ||id number of rooms room. || Only show a maximum of The page will open showing this many rooms based on the sort order. Additional rooms are hiddenroom.
|-
| hideoffer toproom ||1,2,3,4 room always shown on the top of the bookingpage || Do not show this price row on the booking page, multiple id's you can be specified with add mulitpel room IDs separated by a comma separating them.(resposive booking page only)
|-
| cssfile voucher ||url encoded url voucher code || External css file for inclusion in booking page, the file must be available via a secure url (https) and Pre populates the url must be url encoded. discount voucher code
|-
| cur width ||AUD, CAD, EUR, GBP, NZD, USD, BGN, BRL, CHF, CNY, CZK, DKK, EEK, HKD, HRK, HUF, IDR, INR, JPY, KRW, MXN, MYR, NOK, PHP, PLN, RON, RUB, SEK, SGD, THB, TRY, VND, ZARpage width in px || Opens the page showing Useful for embedding the currency converted. (responsive booking page only)in an Iframe of fixed size
|}
You can use HTML and CSS to create custom solutions.
[[Make_Your_Own_Booking_Widget|Make Your Own Booking Widget]]
| hidedesc || yes, no || Do not show the description
==Custom Applications / API ==
We also have an API which allows developers to develop their own applications and solutions.
The API functions are available at https://api.beds24.com
== Suppress Google Translate==
Add the following in the "Head" section:
