Developers

Code snippets for the booking page and booking widgets are available in SETTINGS->BOOKING WIDGETS.

Customise Booking Widgets

You can use HTML and CSS to create custom solutions.

Make_Your_Own_Booking_Widget

Customise Booking Page

The booking page can be embedded in a page using an iframe or opened with a link or form.

Custom CSS and Javascript can be entered in SETTINGS->BOOKING PAGE ADVANCED.

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.com/booking2.php?propid=2047

to

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

For example if you want to hide the header from

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

to

https://www.beds24.com/booking2.php?propid=2047&hideheader=yes

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	id number of room.	The page will open showing this room.
propid	id number of property.	The page will open showing this property.
ownerid	id number of owner.	The page will open showing all properties and rooms for this owner
checkin	check-in full date	The page will open at this check-in date
fdate_date	check-in date of month	The page will open at this check-in date, must be used with either fdate_monthyear or fdate_month and fdate_year. Must be in format DD
fdate_monthyear	check-in month and year	The page will open at this check-in date, must be used with fdate_date and be in the format MM-YYYY
fdate_month	check-in month	The page will open at this check-in date, must be used with fdate_date and fdate_year and be in the format MM
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
numnight	number of nights.	Initial value for the number of nights selector
numadult	number of adults.	Initial value for the number of adults selector
numchild	number of children.	nitial value for the number of children selector
width	page width in px.	Useful for embedding the booking page in an iframe of fixed size
numdisplayed	number of nights with prices displayed.	Only applies to price table pages, use this to reduce the number of nights for narrow designs
referer	text	This text will be recorded with any bookings originating from this widget allowing tracking of booking sources
advancedays	number of days	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 be the first date with availability.
hideheader	yes, no	Do not show the property information at the top of the page
hidefooter	yes, no	Do not show the property information at the bottom of the page
multiroom	0, 1	Opens the page with multi-room booking selected or unselected. (2013 new style booking page only)
lang	en da de es fi fr it ja lt nl no pl pt ru sl sv tr zh	Sets the default language to open the booking page. (2013 new style booking page only)
hideprop	property id	Do not show this property on the booking page, multiple id's can be specified with a comma separating them.
hideroom	room id	Do not show this room on the booking page, multiple id's can be specified with a comma separating them.
hideoffer	1,2,3,4	Do not show this price row on the booking page, multiple id's can be specified with a comma separating them.
cssfile	url encoded url	External css file for inclusion in booking page, the file must be available via a url and the url must be url encoded.

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

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.

Keywords: URL parameter, parameter, language, number of guests, web design, web designer, developer