Category:Developers: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (22 intermediate revisions by 4 users not shown) | |||
| Line 8: | Line 8: | ||
This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS | 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 | The booking page can be embedded in a page using an Iframe or opened with a link or form. It can be fully customised. | ||
This page is about the menu {{#fas:cog}} (SETTINGS) > BOOKING ENGINE. This [[Customise_Booking_Page|page]] gives an overview. Additional options for developers are: | |||
== Custom Text == | == Custom Text == | ||
| Line 31: | Line 32: | ||
https://yoursite/path/your.css | https://yoursite/path/your.css | ||
Go to this site and encode it: | |||
http://meyerweb.com/eric/tools/dencoder/ | http://meyerweb.com/eric/tools/dencoder/ | ||
| Line 50: | Line 51: | ||
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 | 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. | <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 === | === Change the title text === | ||
Javascript to change the titletext. | |||
<code> <script>document.title='your title';</script></code> | <code><script>document.title='your title';</script></code> | ||
== | === Change date format === | ||
Javascript to change the date format. | |||
<code><script> | |||
$(document).ready(function(){ | |||
$('#inputcheckin').data('date-format','MMMM DD, YYYY'); | |||
$('#inputcheckout').data('date-format','MMMM DD, YYYY'); | |||
}) | |||
</script></code> | |||
<code><script> | |||
window.onload = function() { | |||
$("[id^='ptdate']").text(function(i, t) { | |||
return t.split(' ').reverse().join(' '); | |||
}) | |||
}; | |||
window.onunload = function(){}; | |||
</script></code> | |||
=== 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. | |||
It is possible to override it on a per language basis. | |||
to | This example changes English to start 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. | |||
<code><script> | |||
moment.updateLocale("en", { week: { | |||
dow: 1 | |||
}}); | |||
</script></code> | |||
== 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://beds24.com/booking2.php?propid=2047 | https://beds24.com/booking2.php?propid=2047 | ||
| Line 80: | Line 107: | ||
to | to | ||
https://beds24.com/booking2.php?propid=2047& | https://beds24.com/booking2.php?propid=2047&numnight=7 | ||
Example: Make a booking page for selected rooms only | Example: Make a booking page for selected rooms only | ||
| Line 175: | Line 203: | ||
|- | |- | ||
| hideheader ||yes, no || Do not show the property information at the top of the page | | hideheader ||yes, no || Do not show the property information at the top of the page. Do not use this option when using a "Full Width Slider". | ||
| Line 191: | Line 219: | ||
|- | |- | ||
| 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), is (Icelandic), it (Italian), ja (Japanese), ko (Korean), lt (Lithuanian), 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) || Sets the default language to open the booking page. (2013 new style booking pages only) | | 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), 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) || Sets the default language to open the booking page. (2013 new style booking pages only) | ||
|- | |- | ||
| Line 247: | Line 275: | ||
|- | |- | ||
| toproom || room always shown on the top of the bookingpage || you can add mulitpel room IDs separated by a comma (resposive booking page only) | | toproom || room always shown on the top of the bookingpage || you can add mulitpel room IDs separated by a comma (resposive booking page only) | ||
|- | |||
| voucher || voucher code || Pre populates the discount voucher code | |||
|- | |- | ||
| Line 282: | Line 313: | ||
To use the API you need to allow API access. Go to This page is about the 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 API and prop key which you set yourself in the Beds24 control panel This page is about the menu {{#fas:cog}} (SETTINGS) > ACCOUNT and This page is about the menu {{#fas:cog}} (SETTINGS) > PROPERTIES > ACCESS | To use the API you need to allow API access. Go to This page is about the 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 API and prop key which you set yourself in the Beds24 control panel This page is about the menu {{#fas:cog}} (SETTINGS) > ACCOUNT and This page is about the menu {{#fas:cog}} (SETTINGS) > PROPERTIES > ACCESS | ||
==Skip to Checkout Page from Beds24 Plugin Widget== | |||
You can bypass the booking page and redirect the widget directly to the checkout page by adding this parameter | |||
<code>customParameter:'br1-xxxx=book'</code> | |||
to the widget. | |||
Replace xxxx with the room ID of the room you want to populate. | |||
== Create a website with the content in your Beds24 account == | |||
We have an integration with Rezintel which allows users/developers to create a website with the data you have in Beds24. | |||
Go to [https://wiki.beds24.com/index.php/Rezintel_Website_Builder Website builder] for more details. | |||
== Suppress Google Translate== | |||
Add the following in the "Head" section: | |||
<code><meta name=“google” content=“notranslate”> | |||
<html translate=“no”></code> | |||