Category:Developers

This page is about the menu  (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 (SETTINGS) > BOOKING ENGINE. This page gives an overview. Additional options for developers are:

1 Custom Text

Any fixed text on the booking page can be exchanged in This page is about the menu (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPER > "Custom Text"

For more information please read the context help (?).

2 Custom CSS

Custom CSS can be added in This page is about the menu (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS > "Custom CSS"

To see a list of CSS examples look into this document: Custom CSS

3 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:).

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

For example if your css file is: https://yoursite/path/your.css

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

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

4 Javascript

Javascript can be entered in This page is about the menu (SETTINGS)> BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS or in (SETTINGS) >BOOKING ENGINE > MULTI BOOKING PAGE> DEVELOPER "Advanced HTML Settings"

4.1 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

<script>
$(document).ready(function(){
$('#propid1234 a').attr('target', '_parent');
});
</script>

Check the settings under (SETTINGS) >BOOKING ENGINE > PROPERTY BOOKING PAGE > BEHAVIOUR before you add such a script.

4.2 Change the title text

javascript to change the titletext

<script>document.title='your title';</script>

5 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

to

https://beds24.com/booking2.php?propid=2047&numnight=7

Example: hide header

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

to

https://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=22543 to hide a room. You can hide multiple rooms by comma separating them.

https://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.

6 Customise Booking Widgets

Code snippets for booking widgets are available in (SETTINGS) BOOKING ENGINE > BOOKING WIDGETS.

You can use HTML and CSS to create custom solutions.

Make Your Own Booking Widget

Wordpress

If you use the Beds24 Wordpress plugin booking widgets and booking page can be added via a short code. Options and help regarding customisation can be found directly in the plugin settings.

Old booking page only:

|- | hidename || yes, no || Do not show the property name heading

|- | hidedesc || yes, no || Do not show the description

7 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

The documentation is directly in the API.

To use the API you need to allow API access. Go to This page is about the menu (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 (SETTINGS) > ACCOUNT and This page is about the menu (SETTINGS) > PROPERTIES > ACCESS

7.1 Create a website connected to my 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 Website builder for more details.