<bookaplace-avail name="test_demoboo" obj="0" fnr="000" lang=""></bookaplace-avail>
<script type="module" src="https://booka.place/v3.1/bookaplace-avail.min.js"></script>
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.cols="3"
set the max. number of horizontal months. 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
<div style="background-color: aliceblue; padding: 10%; border-radius: 25px;">
<bookaplace-all name="test_demoboo" theme="united"
result="https://booka.place/support/externalpage.html"
maxchild="2">
</bookaplace-all>
</div>
<script type="module" src="https://booka.place/v3.1/bookaplace-all.min.js"></script>
theme=""
select one of the 26 Bootswatch 5 themes [not available for the availability calendar].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].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.
<bookaplace-all name="test_demoboo" theme="united" result="modal" maxchild="2"></bookaplace-all>
<script type="module" src="https://booka.place/v3.1/bookaplace-all.min.js"></script>
Tip: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.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 tagnobook="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.datefrmt="dd/mm/yyyy"
sets the date format. Only EU (dd/mm/yyyy) or US (mm/dd/yyyy) are accepted.popuptop="60px"
sets the top of the result modal and booking popup. Use a valid top value, check effects on mobile devices.
<bookaplace-all name="test_demoboo" theme="united" result="user" maxchild="0"></bookaplace-all>
<script type="module" src="https://booka.place/v3.1/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><br>
This element represents accommodation type 0.<br>
<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.1/bookaplace-btn.min.js"></script>
</div>
<div class="bookaplace_type1"
style="background-color: lightsalmon; padding:10px; border-radius: 25px; width: 40%">
<b>Accommodation type 1</b><br>
This element represents accommodation type 1.<br>
<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.1/bookaplace-btn.min.js"></script>
</div>
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.theme=""
select one of the 26 Bootswatch 5 themes.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 tagdatefrmt="dd/mm/yyyy"
sets the date format. Only EU (dd/mm/yyyy) or US (mm/dd/yyyy) are accepted.popuptop="60px"
sets the top of the result modal and booking popup. Use a valid top value, check effects on mobile devices. <div class=".bookaplace_price"></div>
actual price for the selected period.<div class=".bookaplace_nights"></div>
actual selected number of nights.<div class=".bookaplace_discount"></div>
actual discount (if any).<div class=".bookaplace_guests"></div>
actual additional costs by number of guests (if any).
<bookaplace-all name="test_demoboo" theme="united"
result="https://booka.place/support/externalpage.html"
maxchild="2"&rt;
</bookaplace-all&rt;
<script type="module" src="https://booka.place/v3.1/bookaplace-all.min.js"&rt;</script&rt;
result="https://validurl.fr"
redirects the results to the url.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. 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 datefrmt="dd/mm/yyyy"
sets the date format. Only EU (dd/mm/yyyy) or US (mm/dd/yyyy) are accepted. popuptop="60px"
sets the top of the result modal and booking popup. Use a valid top value, check effects on mobile devices. theme=""
select one of the 26 Bootswatch 5 themes [not available for the availability calendar].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].
<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.1/bookaplace-btn.min.js"></script>
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.theme=""
select one of the 26 Bootswatch 5 themes.btntitle=""
the text that will be visible on the button.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.lang="auto"
set the language to en/nl/it/fr/de/pt/es/pl or enter 'auto' to follow the html document tagdatefrmt="dd/mm/yyyy"
sets the date format. Only EU (dd/mm/yyyy) or US (mm/dd/yyyy) are accepted.popuptop="60px"
sets the top of the result modal and booking popup. Use a valid top value, check effects on mobile devices. Copyright © SAS LaDauze 2022