Introduction

How does the dashboard work?

The dashboard is divided in 3 sections: Bookings, Accommodations, Settings.
Select the main section by hoovering over the icons:
Then click at on of the items on the right.
See Quick start to set up the minimal required settings.

Main menu functions

BACK

Will save all changes and return to the dashboard overview, with all your applications.

UPDATE

A click on the Update button will synchronize the data in the dashboard with the public data (on your website).

New reservations will become visible in the overview.
Changes made in the dashboard will be made publicaly visible.
Deleted bookings will disappear.

Quickstart

These are the minimal required steps to get Booka.place running.

STEP 1: Personalize the accommodation

Login at your dashboard and click at the Booka.place app.
Go to the icon bar on the left of your screen and click at 'Accommodations'.
Click at 'Accommodation 1' to open its settings.
Change the name.
Enter the default price per day.*
Define the max. guests your accommodation can host.*
Go to the icon bar on the left and click 'Settings', scroll down and add your e-mail address.
Click the 'Update' button to make your changes public.

STEP 2: Put the booking button/availability calendar/search bar on your website

Go to the accommodation.
Scroll down to the section 'integration in your site' and make your choice.
Select your editor.
Follow the instructions tailor-made for your editor.

Not available in the lite version.

Bookings

In the year calendar you can find and view your reservations.

Show your bookings

Click at the red 'Update' button to synchronize all bookings. Click the 'Show imported iCals' in the top right corner to also show the imported bookings from other sources.

Add or edit a booking

Click at a date to add or edit a booking. Click and hold the mouse to select a period.

Delete a booking

Select a booking by clicking at a date. Click the trashcan icon to delete a booking.

FAQ bookings

FAQ Bookings

Differences calendar Live vs Dashboard

The Live calendar shows the reserved dates in a different way than the calendar in the dashboard. This is the result of the different purposes;
The Live calendar shows the departure day as free (bookable) to invite people to book this day.
The Dashboard calendar shows the same departure day as booked, as the guest still occupies part of this day.
If you have a guest leaving at the 10th and a new guest is arriving at the 10th you'll see two bookings/guests at this day in the Dashboard calendar.
This is perfectly normal, you can see it as a change-over day.

Receiving bookings per email

All message are send by 'mailserver@slssaas.com'.
This is a professional configured messaging system, with valid certifcates, DKIM en SPF records.
Nevertheless, add this email address to your Whitelist to prevent it will be classified as spam.

Double bookings

If a guest selects payment method X and this method fails, the guest can go back and select another payment method (to save the booking). If 'Direct Reservations' is active, this behaviour will result in a double booking for the same guest. The differences are: a new bookingID and a changed payment method field.
Please delete the failed booking manually.

Accommodations

Here you can configure up to 10 accommodations.

When you are done, scroll to 'Integrate into your site', make a selection and you will be given the code that can be pasted into your website.

Tip Complete your first accommodation before switching to the next. In this way you can use the 'Import' button for the other accommodations, to copy all the settings from the first accommodation.

Delete an accommodation

Remove the code for the booking components from your website

Name and description

Name

Enter a name for the accommodation. Keep it short, do not add additional promotional texts.

Select a color for this accommodation, it will a.o. be used in the Bookings overview year calendar.

Description

The short description will be used in the search bar results modal. Click in the white field to the right of 'Short description' to popup a multi-language text fields popup. Here you can enter the description of your accommodation in 7 languages. The English text will be used if no appropriate language is available, so always enter an English description. Scroll down in the popup and click 'Save' to return.

Add a direct link to the accommodation. This is used if your guests need more information about this specific accommodation during the booking process.

Photos

Select the highest resolution photos you have available.

The photos will be automatically optimized for publishing on the internet. Don´t worry about file size and loading times.

Pricing

Default price per night

This field is required.
Even if you only rent out by the week, it is necessary to calculate the default price per night.
This can easily done by dividing your week price by 7 ;-)

Enter the most common price, you can deviate from this in the periods you specify further down in the settings.

Price per night

Example: to charge higher rates in the weekend, enter a higher price in the fields fri, sat and sun.

Price differences per season

You can set seasonal prices here.

Steps:

Enter a description (not publicly shown)
Set the From and To dates by clicking in the field and selecting a date or by manually entering using the date format YYYY-MM-DD (for example 2025-12-31)
Enter the price per night deviation. You can enter:
1. 100 to replace the default price by 100.
2. -10 or + 10 to decrease/increase the default price with 10 Euro/USD.
3. -10% or +10% to decrease/increase the default price with 10%.

Click 'Add new' to add an extra row for another price difference.

Some examples:

Example: give a discount of 7% if a guest stays a week

Steps:

Click 'Accommodations' and select an accommodation.
Scroll to 'Discount based on duration of stay'.
Click at the field next to 'Discount 1' and enter: -7%.
Enter 7 in the 'nights' field.
Click 'Update'.
Check that the option works as you intended.

Example: surcharge if a guest only books 1 night?

Introduction: There is no direct option to create this but it can be done by setting the default price to the 1 night price and give a discount from 2 nights

Steps:

Click 'Accommodations' and select an accommodation.
Scroll to 'Default price per night' and enter the desired price for 1 night.
Then scroll to 'Discount based on duration of stay'.
Click at the field next to 'Discount 1' and enter a percentual discount that matches your pricing.

Example: Price per night is 100 and your surcharge for 1 night is 25? Set default price 125 and use as Discount 1: -20% effective from 2 nights. Now your guests pay 100 per 1+ night.

Tip: use the Percentage calculator

Click 'Update'
Check that the option works as you intended.

Example: add a surcharge of 100% during Christmas

Steps:

Click 'Accommodations' and select an accommodation.
Scroll to 'Price differences per season'.
Click on an empty line below 'Descr' and enter the description for this period.
Click in the 'From' field and enter the start date of this period.
Click in the 'To' field and enter the end date of this period.
Click in the 'Price night' field and enter: +100%.
Click 'Update'.
Check that the option works as you intended.

Calendar requirements

Here you can set up requirements per season, e.g. a required minimum number of nights, a fixed arrival day etc.

Some examples:

Example: only accept arrivals on Saturdays

Steps:

Click 'Accommodations' and select an accommodation.
Scroll to 'Requirements per season'.
Click on an empty line below 'Descr' and enter the description for this period.
Click in the 'From' field and enter the start date of this period.

If you want to use this option continuously, enter '2024-03-14' (today)

Click in the 'To' field and enter the end date of this period.

If you want to use this option continuously, enter '2026-12-31' (the future)

Click in the 'Arrival' field and select 'sat'.
Click 'Update'.
Check that the option works as you intended.

Example: only accept minimal 3 days (in a period or continuously)

Steps:

Click 'Accommodations' and select an accommodation.
Scroll to 'Requirements per season'.
Click on an empty line below 'Descr' and enter the description for this period.
Click in the 'From' field and enter the start date of this period.

If you want to use this option continuously, enter '2024-03-14' (today)

Click in the 'To' field and enter the end date of this period.

If you want to use this option continuously, enter '2026-12-31' (the future)

Click in the 'Min nights' field and enter 3.
Click 'Update'.
Check that the option works as you intended.

Guests

Enter the maximum adults that you can host in this accommodation.

If you want to connect the price to the number of guests, enter the price settings for extra guests. Add the price as a fixed amount per person per night or per person per booking.

Animals

If you accept animals and/or want to charge for them, you can use these options.

Example: add a surcharge of € 10 for each additional guest

Steps:

Click 'Accommodations' and select an accommodation.
Scroll to 'Guests'.
Click at the field next to 'Extra costs from' and select the number of guests above which you want to impose a surcharge.
Add +10 in the next field.
Select per night in the next field.
Click 'Update'.
Check that the option works as you intended.

Checkout options

Here you can add optional options that are shown in the checkout, at the moment of making a booking/reservation.

You can use these options to charge cleaning costs, tourist tax, bike hire etc.

The price can be fixed (the option will be checked / calculated by default, e.g. for cleaning costs) or optional (the guest can select the option if he wants to, e.g. for bike hire).

Example: charge tourist tax per night

Steps:

Click 'Accommodations' and select an accommodation.
Scroll to 'Checkout options'.
Below 'Checkout option' add the description of the option: Tourist tax.
Below 'Optional' select Fixed.
Below 'Price' add the price.
Below 'Type' select: 'Per person per night'.
Click 'Update'.
Check that the option works as you intended.

Synchronisation

[ Export and import of reservations. ]

Automatic synchronization interval

Booka.place collects your new reservations every 30 minutes, day and night. And when someone books at your site it checks again, now in real-time, if the accommodation is still available.

Please read the requirements below.

Number of synchronisation sources per accommodation

You can have up to 5 different OTA's per accommodation. Our systems will collect all these sources every 30 minutes, day and night.

Once the url is accepted, it will be requested every 30 minutes by the Booka.place servers

Requirements for external iCal sources

The requirements are:

a valid url,
a valid iCal format,
future reservations only (not older than 3 months),
accessible 24/7 and
an access time of less than 500 ms.

N.B. If a resource does not meet the requirements, it cannot be shown, so no reservations from this source will be visible. Use the iCal Import update button in the dashboard to test your resources, or use the iCal Validator to see the content of any iCal file.

Once the url is accepted, it will be requested every 30 minutes by the Booka.place servers

Problems with synchronisation? Please see the section 'Troubleshooters'

FAQ

FAQ Synchronisation

Dashboard: new iCal source is not accepted

If you specify a new source in the dashboard it has to be validated before you can continue. This warning is not an error in our software, but a warning that the file to be imported does not match our requirements.

Source invalid ical

If you have doubts about this check, you can use the following tools to see for yourself what is wrong with the resource.

TIP: Use the iCal Validator to see the actual content of the iCal file.

Source too old

A source with old reservations will not be accepted (older than 3 months) because:

it serves no purpose (nobody reserves a date in the past).
the generally accepted practice is to use only future reservations for synchronisation. If you don't have the possibility to delete old reservations yourself, it is best to ask the resource provider to do this for you.
It puts unnecessary burden on all systems involved.

Source too slow

If the resource is rejected because it does not respond quickly enough (TTFB) then you can have this tested at domsignal.com/ttfb-test.

Note: this only tests the server's response time, required is a full download within 500 ms. All well-known OTAs such as airBnB and Booking meet this requirement without any problems.

These servers operate from multiple geographical locations and use data centres from AWS and Cloudflare network infrastructure.

Once the url is accepted, it will be requested every 30 minutes by the Booka.place servers.

How to sync Booka.place with ...

Components

Integration in your site

The availability calendar, search bar, booking system and accommodation lists can be integrated into any website by copying and pasting a code into the editor of your website.

Once the the component is added, any changes in its settings afterwards are updated automatically.

Language: the booking module will follow the language that is set by the page (HTML lang=), or if this fails, the language that is set by the browser of the guest. You can overrule this by selecting a hard coded language during copying the code.

If you use Squarespace, Weebly, Wix, Jimdo, Wordpress Classic, Wordpress Gutenberg or Wordpress Elementor you'll see tailor-made instructions about what to do after copying.

If you use another editor, select 'Generic'. Only if this doesn't work, select 'Iframe'.

You can also use the availability calendar in a Facebook post or reaction

Availability calendar

FAQ Advanced use

To show an availability calendar on your website or your Facebook timeline or post, please follow these steps:

Steps:

Go to the accommodation you want to add.
Scroll down to 'Integration on your website'
Click the 'Create availability overview' button
Select 'Your editor'
Copy the shown code to the clipboard
Read the tailor made instructions for your editor and follow the steps.

Result

Add the following tags and the script tag to your web site. An up-to-date availability calendar will be shown.

Live example:

Used html code for this example:

<bookaplace-avail name="test_demoboo" obj="0" fnr="004" lang="" ></bookaplace-avail>
<script type="module" src="https://booka.place/v3.2/bookaplace-avail.min.js"></script>

FAQ

FAQ Availability calendars

Block all rooms if 'the whole house' is reserved and vice versa

If you have separate bookable rooms but also offer the booking of "the whole house", you can use the steps below. The result will be:

someone books a room -> the whole house can not be booked in this period.
someone books the whole house -> all rooms are blocked in this period. This setup requires the creation of a accommodation 'the whole house' and creating synchronisation links between all rooms.
This only works up to 5 rooms

Go to the first room you want to link
Under 'export/import', turn the option 'Export iCal ...' ON and copy the default URL (https://data.booka...) to a text editor, so you can use it later on.
Do the same for the other rooms.
Create an umbrella accommodation ('the whole house'), enter at least a standard price per night and under 'export/import', turn the option 'Export iCal ...' ON.
Click UPDATE so that the iCal files are created.
Copy and paste the URL's you saved in step 2 into the 'import iCal files'.
Click the red button to check the files.
Check the export checkbox and copy the default export iCal URL
For each room: check the Import iCal checkbox and paste the copied 'whole house' export URL into a field. Click the red button.

As a result, for all rooms and the 'whole house', the export and import checkboxes will be ON and all rooms will have 1 import url (from the whole house) and the whole house will have multiple import urls (1 for each room).

Show availability in a Facebook post

You paste a link to an availability calendar in your post or comment. The interested party clicks this link and immediately sees the availability of your accommodation(s). If you have a Booka.place Pro account, the interested party can also easily send a reservation request or book directly.

Below you can see some examples: (they open in a new browser window)

Example if you have 1 free calendar:

Click here for our availability https://booka.place/en/facebook.html?n=test_demoboo

Example if you have multiple accommodations:

We still have availability from 3 to 5 May! Click here: https://booka.place/nl/facebook.html?n=test_demoboo&bar=true&showdirect=2024/05/03,2024/05/05,2

Steps:

Open an account: https://booka.place/nl/booka-place-pricing.html
App: click on 'Settings', select 'Show code for your website' and choose 'Facebook post'
Pro: select the relevant accommodation in the dashboard under 'your accommodations',
click 'Create a search bar' or 'Create an availability overview' under 'Integration in your website
under 'Your editor', select 'Facebook post/comment'.
Paste the code into your post.

Show availability on a Facebook business page

You can place an iframe tab on your Facebook business page and include a Booka.place code in this tab. The result will be that your availability calendar(s) will show up on your Facebook business page. Maintaining the calendars can be done via the free Booka.place app, or if you have a Pro version, from the Booka.place dashboard.

Steps:

Open an account: https://booka.place/nl/booka-place-pricing.html
In the app or in the dashboard, click on 'Show code for your website' and choose 'Facebook business page'
Install an 'IFRAME TAB'
- for example 'Static HTML: iframe tabs' (free): go to this fb app page ( There are also alternative solutions )
- Click 'Add to my Page' in the right-hand column.
Then paste the Booka.place iframe code into the window titled 'Your content here'.

Advanced

Change the colors

See these parameters:

bgcolor="red" background color for reserved dates.

color="white" fore color for reserved dates.

headerbgcolor="#3B3B3B" background color for header/bar.

headercolor="white" fore color for header/bar.

Example:

<bookaplace-avail name="test_demoboo" obj="0" fnr="004" lang="" bgcolor="red"></bookaplace-avail>
<script type="module" src="https://booka.place/v3.2/bookaplace-avail.min.js"></script>

All optional parameters:

name="youraccountname" enter your account name.

obj="0" the accommodation nr, starting at zero (0).

fnr="000" enter the application number (000/001/002/..) if you have more than 1 copy of the Booka.place application in your account.

bgcolor="red" background color for reserved dates.

color="white" fore color for reserved dates.

headerbgcolor="#3B3B3B" background color for header/bar.

headercolor="white" fore color for header/bar.

maxwidth="400" set the maximum width pixels. No unities, only a number.

minheight="250" set the minimum height of the total calendar in pixels. No unities, only a number.

fontsize="14" set the font size in pixels. No unities, only a number.

lineheight="1.1" set the line height in em. No unities, only a number.

maxdate="yyyymmdd" set the max date to show (default: 31 december next year).

curdate="yyyymmdd" set date that must be shown initally.

datefrmt="dd/mm/yyyy" select the date format. Only EU (dd/mm/yyyy) and US (mm/dd/yyyy) are accepted

weekstart="0" overrule the visible startday of the week (0=monday,1=tuesday,2=wednesday,3=thursday,4=friday,5=saturday,6=sunday)

cols="4" set the max. number of horizontal months (max. 6). The result depends on screen width.

lang="auto" set the language to en/nl/it/fr/de/pt/es/pl or enter 'auto' to follow the html document tag

Search bar

FAQ Advanced use

Steps:

Go to the accommodation you want to add.
Scroll down to 'Integration on your website'.
Click the 'Create a search bar' button.
Select 'Display results in a modal (easy)'.
Select 'Your editor'.
Copy the shown code to the clipboard.
Read the tailor made instructions for your editor and follow the steps.

Result

Add the following tags and the script tag to your web site. An up-to-date search bar will be shown.

Live example:

Book

Used html code for this example:

<bookaplace-all name="test_demoboo" fnr="004" lang="" btntitle="Book" result="modal" theme="united">Book</bookaplace-all>
<script type="module" src="https://booka.place/v3.2/bookaplace-all.min.js"></script>

FAQ

FAQ Search bar

Can I show the results in a popup/modal?

Yes, this is the default setting. You can change and/or finetune this by modifing a parameter, please see the advanced options.

Can I show the results on my own page?

Yes, you can add elements on you own page. These elements will be replaced by the search results. You can change and/or finetune this by modifing a parameter, please see the advanced options.

Can I show the results on another page on my site

Yes, the search bar can show the results on another page on your site. This is done by adding a parameter, please see the advanced options.

Can I use the app to manage my bookings?

Yes, an app is available for easily managing your bookings.

Can I change the search bar holder?

The web component uses a shadow-dom, that can not be influenced from outside. However, you can influence the parent element of the web component. For example:

Used html for this example:

<div style="background-color: aliceblue; padding: 10%; border-radius: 25px;">
<bookaplace-all name="test_demoboo" theme="united" btnclass="info"  result="https://booka.place/support/externalpage.html" maxchild="2">
</bookaplace-all>
</div>
<script type="module" src="https://booka.place/v3.2/bookaplace-all.min.js"></script>

Tip: Copy and paste the code into the W3 schools editor.

Can I change the colors, padding, margins, type of ...

The web component uses a shadow-dom, that can not be easily influenced from outside. However, you can select a theme and btnclass by setting these 2 parameters:

Parameters:

theme="" select one of the 26 Bootswatch 5 themes [not available for the availability calendar].

See all the theme options on one page, fully working.

btnclass="" select primary, secondary, success, danger, warning, info, light, dark, outline-primary, outline-secondary, outline-success, outline-warning, outline-info, outline-light, outline-dark. The effect depends on the chosen Bootswatch theme (not available for the availability calendar).

And you can use these more advanced 'tricks' to influence css inside the shadow-dom:

CSS-TRICKS: Styling in the Shadow DOM With CSS Shadow Parts

The yellow information window' responds to CSS in your main document. For example:

#msg2usert small { font-size: 70% } #msg2usert table { line-height: 1 }will make this window smaller.

Can I use the search bar as an availability calendar?

Yes, use the result-modal and these settings:

nobook="true" replaces the booking button in the result modal by the more info link (required!).

noprice="true" disables the display of prices/price calculations in the result modal and throughout the rest of the (booking) process.

nodefaultprice="true" disables the display of the default/base price in the result modal.

Don't forget to configure the minimal settings for each object, like descriptions, prices, discounts, guests, etc.

N.B. Even if you don't uses prices - a base price is required for each accommodation.

Accommodation is never visible in the search bar results

Please check if the default base price per night for the accommoation is set. Accommodations without a default price will not be shown.

I see Javascript errors like 'window.resteModalE is not a function'

All known issues are caused by mixing different version at one page. Please search in the code of the page for v1.1 and v2.0 (or newer), and update all to the newest version if you found multiple versions on the same page.

Is it multilingual?

Yes, you can use the option 'auto' to have the language automatically selected, or force the language to: en/nl/it/fr/de/pt/es/pl by adding a parameter. See the advanced options for an overview.

My navigation menu / toolbar is hiding the popup

If you are using a so-called 'fixed' element on your site (e.g. a menu bar) and this element makes the booking popup or the booking-bar result popup invisible then these options are available:

Try to add influence the z-index in CSS

Force the booking-popup/result popup to start at a lower point by adding the param 'popuptop=60px'. You can use any value in stead of 60px, but please check the effects on a mobile device.

Prefill selection dates in the search bar

Suppose you find a last-minute call somewhere on a forum/site and you have one or more objects available. Then you can respond with ?booka=20230130,20230131,2,0 behind the url of your site. This will open the search results with the available objects.

Example

https://your.site?booka=yyyymmdd,yyyymmdd,2,0

first yyyymmdd = arrival date Year + Month + Day

second yyyymmdd = departure date Year + Month + Day

then the required adults and then the required children.

Advanced

All optional parameters:

Results in a modal Results in your page Results redirect to another page

Results in a modal

Description: Add the web component tags and script tag to your web site. Your client selects the date and clicks search. The web component opens a full-window modal to show your available accommodations (one object per type).

Each accommodation will show the price for the selected period and a booking button that will book the object, or a link for more information.

Live example:

Used html for this example:

<bookaplace-all name="test_demoboo" theme="united" result="modal" btnclass="info" maxchild="2"></bookaplace-all>
<script type="module" src="https://booka.place/v3.2/bookaplace-all.min.js"></script>

Tip: Copy and paste the code into the W3 schools editor.

Required elements:

the bookaplace-all tag, with the result="user" parameter.
the script that loads the module (one per page is ok).

Parameters:

result="modal" returns the results inside a modal.

name="youraccountname" enter your account name.

fnr="000" enter the application number (000/001/002/..) if you have more than 1 copy of the Booka.place application in your account.

theme="" select one of the 26 Bootswatch 5 themes.

See all options on one page, fully working.

btnclass="" select primary, secondary, success, danger, warning, info, light, dark, outline-primary, outline-secondary, outline-success, outline-warning, outline-info, outline-light, outline-dark. The effect depends on the chosen Bootswatch theme.

maxadult="10" set the maximum number of adults to be selected.

maxchild="5" set the maximum number of children to be selected. Enter 0 (zero) to hide this field.

lang="auto" set the language to en/nl/it/fr/de/pt/es/pl or enter 'auto' to follow the html document tag

nobook="true" replaces the booking button in the result modal by the more info link (required!).

datefrmt="dd/mm/yyyy" sets the date format. Only EU (dd/mm/yyyy) or US (mm/dd/yyyy) are accepted.

noprice="true" disables the display of prices/price calculations in the result modal and throughout the rest of the (booking) process.

nodefaultprice="true" disables the display of the default/base price in the result modal.

weekstart="0" overrule the visible startday of the week (0=monday,1=tuesday,2=wednesday,3=thursday,4=friday,5=saturday,6=sunday)

noalt="false" set to 'true' to hide alternatives shown in result modals.

popuptop="60px" sets the top of the result modal and booking popup. Use a valid top value, check effects on mobile devices.

N.B. Even if you don't uses prices - a base price is required for each accommodation.

Results inside your page

Description:

Add the web component tags and script tag to your site.

Then create an overview of all your accommodations (one per type) in your site.

Add a class to each accommodation: bookaplace_typeX

(X represents the type number)

Your client selects the date and clicks search.

The web component adds an extra class (.bookaplace_na) to all unavailable accommodation types in your code.

Also added are the calculated price for the selected period and the first free object, so the client can book this object.

You can modify the style of the bookaplace_na class yourself.

Live example:

Accommodation type 0 This element represents accommodation type 0. Book

Accommodation type 1 This element represents accommodation type 1. Book

Used html for this example:

<bookaplace-all name="test_demoboo" theme="united" result="user" maxchild="0"></bookaplace-all>
<script type="module" src="https://booka.place/v3.2/bookaplace-all.min.js"></script>
<style>
    .bookaplace_na {
        opacity: 0.3;
    }
    .bookaplace_na::before {
        content: " NOT AVAILABLE ";
    }
</style>
<div class="bookaplace_type0" style="background-color: aliceblue; padding:10px; border-radius: 25px; width: 40%">
<b>Accommodation type 0</b>
This element represents accommodation type 0.
<bookaplace-btn name="test_demoboo" obj="0" fnr="000" lang="" btntitle="Book" theme="united">Book</bookaplace-btn> <script type="module" src="https://booka.place/v3.2/bookaplace-btn.min.js"></script>
<div class="bookaplace_type1" style="background-color: lightsalmon; padding:10px; border-radius: 25px; width: 40%">
<b>Accommodation type 1</b>
This element represents accommodation type 1.
<bookaplace-btn name="test_demoboo" obj="1" fnr="000" lang="" btntitle="Book" theme="united">Book</bookaplace-btn> <script type="module" src="https://booka.place/v3.2/bookaplace-btn.min.js"></script>
</div>

Tip: Copy and paste the code into the W3 schools editor.

Required elements:

the bookaplace-all tag, with the result="user" parameter.
the script that loads the module (one per page is ok).

an additional style class, named: .bookaplace_na (not available)
your own html code to present each of your accommodations
each accommodation requires a class named: bookaplace_typeX (replace X with 0 for the first accommodation, 1 for the second etc)

Parameters:

name="youraccountname" enter your account name.

fnr="000" enter the application number (000/001/002/..) if you have more than 1 copy of the Booka.place application in your account.

result="user" returns the results inside a modal.