A new improved and more up to date version of this documentation is available!
Click here
<bookaplace-avail name="test_demoboo" obj="0" fnr="000" lang=""></bookaplace-avail>
<script type="module" src="https://booka.place/v3.2/bookaplace-avail.min.js"></script>
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 fontsize 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 acceptedweekstart="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
<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>
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 and throughout the rest of the (booking) process.nodefaultprice="true"
disables the display of the default/base price in the result modal.https://your.site?booka=yyyymmdd,yyyymmdd,2,0
yyyymmdd
= arrival date Year + Month + Dayyyyymmdd
= departure date Year + Month + Day
<bookaplace-all name="test_demoboo" theme="united" btnclass="info" result="modal" maxchild="2"></bookaplace-all>
<script type="module" src="https://booka.place/v3.2/bookaplace-all.min.js"></script>
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!).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.
<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><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.2/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.2/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.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)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">
</bookaplace-all>
<script type="module" src="https://booka.place/v3.2/bookaplace-all.min.js"></script>
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. 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)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" btnclass="info">Book</bookaplace-btn>
<script type="module" src="https://booka.place/v3.2/bookaplace-btn.min.js"></script>
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.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)popuptop="60px"
sets the top of the result modal and booking popup. Use a valid top value, check effects on mobile devices. Please click HELP in your dashboard and select SUPPORT to contact us.
Copyright © 2024 - All rights reserved | version 3.30.3