Direct Booking reservations

Technical Help

Beschikbaarheidskalender
FAQ
Kan ik de kleuren veranderen?
Ja, dat kan. Dit doet u door een parameter toe te voegen, zie de geavanceerde opties.
Kan ik het aantal maanden wijzigen?
Ja, dat kan. Dit doet u door een parameter toe te voegen, zie de geavanceerde opties.
Kan ik de breedte van de kalender wijzigen?
Ja, dat kan. Dit doet u door een parameter toe te voegen, zie de geavanceerde opties.
Is het meertalig?
Ja, u kunt de optie 'auto' gebruiken om de taal automatisch te laten geselecteerd, of de taal forceren naar: en/nl/it/fr/de/pt/es/pl door een parameter toe te voegen. Zie de geavanceerde opties voor een overzicht.
Geavanceerde opties
Beschrijving:
Voeg de volgende tags en de script tag toe aan uw website.
Een actuele beschikbaarheidskalender wordt getoond.
Live voorbeeld:
Gebruikte html voor dit voorbeeld:

      <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.
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 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)
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
Hoe installeer ik de app?
Apple iPhone/iPad
U kunt de app installeren op het beginscherm.
Volg deze stappen:
  • Start Safari
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • Open het menu Delen, beschikbaar onderaan of bovenaan de browser.
  • Klik op Toevoegen aan beginscherm.
Apple macOS
  • Start Safari
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • Open het menu Delen, beschikbaar onderaan of bovenaan de browser.
  • Klik op Toevoegen aan beginscherm.
Android
Op Android verschilt de installatie per apparaat en browser.

Chrome/Brave/Edge
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • De app toont een knop 'Toevoegen aan beginscherm'
  • Klik op de knop en volg de instructies.
Firefox
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • Klik op Installeren of Toevoegen aan beginscherm
Windows 10/11
Op Windows is de installatieprocedure afhankelijk van de gebruikte browser.

Chrome/Brave/Edge
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • De app toont een knop 'Toevoegen aan beginscherm'
  • Klik op de knop en volg de instructies.
Firefox
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • ga naar https://Booka.place/app
  • Klik op Installeren of Toevoegen aan beginscherm
Linux
Op Linux is de installatieprocedure afhankelijk van de gebruikte browser.

Chrome/Brave/Edge
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • De app toont een knop 'Toevoegen aan beginscherm'
  • Klik op de knop en volg de instructies.
Firefox
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • ga naar https://Booka.place/app
  • Klik op Installeren of Toevoegen aan beginscherm
Chromebook
Chrome
  • ga naar https://Booka.place/app
  • Nog geen Booka.place account? Klik op 'Maak een gratis account aan' en vul uw naam, email en domeinnaam in. Een account is nodig om te voorkomen dat iedereen uw beschikbaarheidsgegevens kan bewerken.
  • Heeft u al een Booka.place account (gratis, lite of pro)? Voer uw naam en wachtwoord in.
  • De app toont een knop 'Toevoegen aan beginscherm'
  • Klik op de knop en volg de instructies.
Zoekbalk
FAQ
Kan ik de resultaten tonen in een modal?
Ja, dit is de standaardinstelling. U kunt dit wijzigen en/of finetunen door een parameter aan te passen, zie de geavanceerde opties.
Kan ik de resultaten op mijn eigen pagina laten zien?
Ja, u kunt elementen toevoegen op uw eigen pagina. Deze elementen worden vervangen door de zoekresultaten. U kunt dit veranderen en/of finetunen door een parameter aan te passen, zie de geavanceerde opties.
Kan ik de resultaten tonen op een andere pagina op mijn site
Ja, de zoekbalk kan de resultaten tonen op een andere pagina op uw site. Dit wordt gedaan door een parameter toe te voegen, zie de geavanceerde opties.
Kan ik de app gebruiken om mijn boekingen te beheren?
Ja, er is een app beschikbaar om eenvoudig uw boekingen te beheren.
Kan ik de houder van de zoekbalk wijzigen?
De webcomponent gebruikt een schaduw-dom, die niet van buitenaf kan worden beïnvloed.
U kunt echter wel het parent element van de webcomponent beïnvloeden.
Bijvoorbeeld:



Gebruikte html voor dit voorbeeld:

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

Tip:
Kopieer en plak de code in de W3 scholen editor.


Kan ik de kleuren, opvulling, marges, type ...
De webcomponent gebruikt een schaduw-dom, die niet gemakkelijk van buitenaf kan worden beïnvloed.
U kunt echter wel een thema en btnclass kiezen door deze 2 parameters in te stellen:

Parameters:
thema="" kies een van de 26 Bootswatch 5 thema's [niet beschikbaar voor de beschikbaarheidskalender].
Bekijk alle opties op één pagina, volledig werkend.
btnclass="" selecteer primair, secundair, succes, gevaar, waarschuwing, info, licht, donker, outline-primair, outline-secundair, outline-succes, outline-waarschuwing, outline-info, outline-licht, outline-donker. Het effect hangt af van het gekozen Bootswatch-thema [niet beschikbaar voor de beschikbaarheidskalender].

En u kunt deze meer geavanceerde 'trucs' gebruiken om css binnen de schaduw-dom te beïnvloeden:

CSS-TRICKS: Styling in de schaduw-dom met CSS-schaduwdelen


Het Zwarte informatievenster reageert op CSS in uw hoofddocument. Bijvoorbeeld:
#msg2usert small { font-size: 70% } #msg2usert table { line-height: 1 }
zal dit venster kleiner maken.

Kan ik de boekingsbalk gebruiken als een beschikbaarheidskalender?
Ja, gebruik het resultaat-modaal en deze instellingen:

nobook="true" vervangt de boekingsknop in het resultaat-modaal door de meer info link (verplicht!).
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.

Vergeet niet de minimale instellingen te configureren voor elk object, zoals beschrijvingen, prijzen, kortingen, gasten, etc.

N.B. Zelfs als u geen prijzen gebruikt - een basisprijs is vereist voor elke accommodatie.

Accommodatie is nooit zichtbaar in de resultaten van de zoekbalk
Controleer of de prijs van de accommodatie is ingesteld.
Accommodaties zonder basisprijs worden niet getoond.
Ik zie Javascript fouten zoals 'window.resteModalE is geen functie'
Alle bekende problemen worden veroorzaakt door het mengen van verschillende versies op één pagina.
Zoek in de code van de pagina naar v1.1 en v2.0 (of nieuwer), en werk alles bij naar de nieuwste versie. als u meerdere versies op dezelfde pagina heeft gevonden.
Is het meertalig?
Ja, u kunt de optie 'auto' gebruiken om de taal automatisch te laten geselecteerd, of de taal forceren naar: en/nl/it/fr/de/pt/es/pl door een parameter toe te voegen. Zie de geavanceerde opties voor een overzicht.
Mijn menu/toolbar verbergt de popup
Als u een zogenaamd 'vast' element op uw site gebruikt (bijvoorbeeld een menubalk) en dit element maakt de boeking popup of de boeking-bar resultaat popup onzichtbaar maakt dan zijn deze opties beschikbaar:
  • Probeer de z-index in CSS toe te voegen
  • Dwing de booking-popup/result popup om op een lager punt te beginnen door de parameter 'popuptop=60px' toe te voegen. U kunt elke waarde gebruiken in plaats van 60px, maar controleer de effecten op een mobiel apparaat.
Vervul selectiedata in de zoekbalk
Stel, u vindt ergens op het laatste moment een oproep op een forum/site en u hebt een of meer objecten beschikbaar. Dan kunt u reageren met ?booka=20230130,20230131,2,0 achter de url van uw site. Dit zal de zoekresultaten openen met de beschikbare objecten.
Voorbeeld
https://your.site?booka=yyyymmdd,yyyymmdd,2,0

eerste yyyymmdd = aankomstdatum Jaar + Maand + Dag
tweede yyyymmdd = vertrekdatum Jaar + Maand + Dag
dan de gewenste volwassenen
dan de gewenste kinderen
Geavanceerde opties: Resultaten in een modal
Beschrijving:
Voeg de web component tags en de script tag toe aan uw website.
Uw klant selecteert de datum en klikt op zoeken.
De webcomponent opent een volledig venster met uw beschikbare accommodaties (één object per type).
Elke accommodatie toont de prijs voor de geselecteerde periode en een boekingsknop die het object boekt, of een link voor meer informatie.
Live voorbeeld:
Gebruikte html voor dit voorbeeld:

      <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:
Kopieer en plak de code in de W3 scholen editor.

Verplichte elementen:
1. de bookaplace-all tag, met de result="user" parameter
2. het script dat de module laadt (één per pagina is goed)

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. Zelfs als u geen prijzen gebruikt - een basisprijs is vereist voor elke accommodatie.



Geavanceerde opties: Resultaten binnen uw pagina
Beschrijving:
Voeg de web component tags en de script tag toe aan uw site.
Maak vervolgens een overzicht van al uw accommodaties (één per type) in uw site.
Voeg een klasse toe aan elke accommodatie: bookaplace_typeX
(X staat voor het typenummer)
Uw klant selecteert de datum en klikt op zoeken.
De webcomponent voegt een extra klasse (.bookaplace_na) toe aan alle niet beschikbare accommodatietypes in uw code.
Ook worden de berekende prijs voor de geselecteerde periode en het eerste vrije object toegevoegd, zodat de klant dit object kan boeken.
U kunt de stijl van de bookaplace_na klasse zelf aanpassen.

Live voorbeeld:
Accommodatietype 0
Dit element staat voor accommodatietype 0.
Book
Accommodatietype 1
Dit element staat voor accommodatietype 1.
Boek


Gebruikte html voor dit voorbeeld:

        <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 { inhoud:  " NIET BESCHIKBAAR "; }
        </style>
        <div class="bookaplace_type0"
            style="background-color: aliceblue; padding:10px; border-radius: 25px; width: 40%">
            <b>Accommodatietype 0</b><br>
            Dit element vertegenwoordigt accommodatietype 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>Accommodatietype 1</b><br>
            Dit element vertegenwoordigt accommodatietype 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>
      

Tip:
Kopieer en plak de code in de W3 scholen editor.

Verplichte elementen:
1. de bookaplace-all tag, met de result="user" parameter
2. het script dat de module laadt (één per pagina is goed)
3. een extra stijlklasse, genaamd: .bookaplace_na (niet beschikbaar)
4. uw eigen html-code om elk van uw accommodaties te presenteren
5. elke accommodatie vereist een klasse genaamd: bookaplace_typeX (vervang X door 0 voor de eerste accommodatie, 1 voor de tweede enz)

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

Opties om uw HTML code te verrijken:
<div class=".bookaplace_price"></div> actuele prijs voor de geselecteerde periode.
<div class=".bookaplace_nights"></div> actueel geselecteerd aantal nachten.
<div class=".bookaplace_discount"></div> werkelijke korting (indien van toepassing).
<div class=".bookaplace_guests"></div> werkelijke extra kosten per aantal gasten (indien aanwezig).

(indien aanwezig) - anders niet weergegeven (display:none)
Geavanceerde opties: Resultaten doorverwijzen naar een andere pagina
Beschrijving:
Voeg de web component tags en de script tag toe aan uw site.
Uw klant selecteert de datum en klikt op zoeken.
De web component verwijst naar een andere pagina die ook de web component en script tags bevat en toont de resultaten volgens de gekozen resultaatparameter op die pagina.
Op deze manier kunt u een zoekbalk op uw voorpagina hebben terwijl u alle accommodaties op een aparte pagina laat zien.

Live voorbeeld:
Gebruikte html voor dit voorbeeld:

        <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.1/bookaplace-all.min.js"></script>
      

Tip:
Kopieer en plak de code in de W3 scholen editor.

Verplichte elementen:
1. de bookaplace-all tag, met de result="https://validurl.fr" parameter
2. het script dat de module laadt (één per pagina is goed)
3. een extra pagina die de resultaten toont
4. de extra pagina bevat ook de webcomponent en script tags (zie modal/inside your page opties hierboven).

Parameters:
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.
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
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.


Boekingsknoppen
FAQ
Wat is het verschil tussen een PMS, een booking engine en een channel manager?
Een PMS is een geïntegreerd hard- en softwarebeheersysteem dat het volledige multi-user proces automatiseert van het maken van reserveringen, het in- en uitchecken van gasten, het delegeren van housekeeping taken, het afhandelen van Point of Sales terminals, facturatie, prijsbeheer, etc.

Een kanaalbeheerder is een softwaresysteem dat u helpt bij het beheer van uw woning via verschillende distributiekanalen.

Een booking engine is een softwaresysteem dat u helpt bij de verkoop van uw accommodatie op uw (eigen) website. Het biedt uw bezoekers 24/7 informatie over beschikbaarheid en de mogelijkheid om te reserveren. Het genereert, verzamelt en distribueert essentiële gegevens over reserveringen, zoals prijzen, gebruikersnaam, e-mailadres en telefoonnummer. Het voorkomt dubbele boekingen door automatisch gereserveerde data te blokkeren.

Booka.place is een booking engine met alle essentiële elementen van een channel manager ingebouwd.
Wat is het verschil tussen een booking engine en een formulier op mijn site?
Een booking engine verwerkt boekingen, toont beschikbare accommodaties en/of data, berekent de juiste prijs voor de gekozen datum en opties, registreert de benodigde gegevens, werkt uw kalender bij en verzorgt de bevestigingen etc. Het kan ook de directe (creditcard) betaling van de boeking afhandelen.
Tegenwoordig verkiezen de meeste bezoekers een directe boeking boven het starten van een mailgesprek over alle vereiste details met het risico de gewenste accommodatie in de tussentijd te verliezen.
De eigenaar van de website kan beslissen of een boeking juridisch bindend is of eerst bevestigd moet worden.
Is het meertalig?
Ja, u kunt de optie 'auto' gebruiken om de taal automatisch te laten geselecteerd, of de taal forceren naar: en/nl/it/fr/de/pt/es/pl door een parameter toe te voegen. Zie de geavanceerde opties voor een overzicht.
Kan ik de titels wijzigen?
Ja, u kunt de titel van de knoppen gebruiken door een parameter toe te voegen. Zie de geavanceerde opties voor een overzicht.
Kan ik de bevestigingsberichten wijzigen?
Ja, u kunt de inhoud van alle berichten zelf wijzigen, zelfs in meerdere talen.
Kan ik de app gebruiken om mijn boekingen te beheren?
Ja, er is een app beschikbaar om eenvoudig uw boekingen te beheren.
Kan ik de kleuren, opvulling, marges, type ...
De webcomponent gebruikt een schaduw-dom, die niet gemakkelijk van buitenaf kan worden beïnvloed.
U kunt echter wel een thema en btnclass kiezen door deze 2 parameters in te stellen:

Parameters:
thema="" kies een van de 26 Bootswatch 5 thema's [niet beschikbaar voor de beschikbaarheidskalender].
See all options on one page, fully working.
btnclass="" selecteer primair, secundair, succes, gevaar, waarschuwing, info, licht, donker, outline-primair, outline-secundair, outline-succes, outline-waarschuwing, outline-info, outline-licht, outline-donker. Het effect hangt af van het gekozen Bootswatch-thema [niet beschikbaar voor de beschikbaarheidskalender].

En u kunt deze meer geavanceerde 'trucs' gebruiken om css binnen de schaduw-dom te beïnvloeden:

CSS-TRICKS: Styling in de schaduw-dom met CSS-schaduwdelen

Het Zwarte informatievenster reageert op CSS in uw hoofddocument. Bijvoorbeeld:
#msg2usert small { font-size: 70% } #msg2usert table { line-height: 1 }
zal dit venster kleiner maken.
Bij welke editors kan het gebruikt worden?
Het genereert een volledig onafhankelijk webonderdeel dat kan worden gekopieerd en geplakt in elke editor.
Op maat gemaakte instructies voor het kopiëren en plakken zijn beschikbaar voor:
WordPress Classic editor, WordPress Gutenberg editor, WordPress Elementor, Wix, Jimdo, SquareSpace, Weebly.
Is het responsief?
Ja, het resultaat past zich automatisch aan elke schermgrootte aan.
Het eigenaarsdashboard kan het best bekeken worden met een desktop. Eigenaren kunnen de app ook gebruiken om het essentiële boekingsbeheer te doen op hun telefoons/pads.
Is het echt geïntegreerd in mijn site?
Ja, het bestaat uit webcomponenten die volledig worden geserveerd vanaf uw eigen domein. Er zijn geen user-experience en SEO breaking iframes bij betrokken.
Dit betekent dat uw klanten niet worden geconfronteerd met onverwachte doorverwijzingen naar sites van derden. Uw klanten hoeven de reeds gekozen accommodatie niet opnieuw te selecteren in een andere omgeving, maar houden de in eerste instantie gekozen accommodatie op het scherm tijdens het boeken.
Zelfs creditcard betalingen worden binnen uw eigen website afgehandeld.
Welke betaalmethoden worden ondersteund?
Binnen Europa kan IBAN/SEPA Instant worden gebruikt (bankoverschrijvingen binnen enkele seconden tussen 23 EU-landen), Ook PayPal, Mastercard, VISA creditcards, iDeal, Sofort en andere lokale betaalmethoden zijn beschikbaar.
Sinds sept. 2022 is Mollie geïntegreerd met de volgende betaalmethoden: Apple Pay, VISA,Mastercard, American Express ao, iDeal, Vouchers, Sepa Direct debit, Bancontact, Cartes Bancaires, EPS, PostePay, Giropay, KBC Payments, Belfius, cadeaukaarten, etc.
Booka.place bemoeit zich niet met uw geld, betalingen door gasten gebeuren rechtstreeks op uw eigen Bank/PayPal/Mollie rekening.
Welke prijsopties zijn er?
Er zijn veel opties om de prijs van uw accommodatie automatisch weer te geven.
De basisprijs per accommodatie kan worden beïnvloed door het type dag, per seizoen, lengte van het verblijf, aantal gasten. U kunt per accommodatie een onbeperkt aantal periodes samenstellen met verschillende prijzen (percentage of vast), minimum aantal verplichte verblijfsdagen... Daarnaast zijn er kortingen, extra kosten vanaf x volwassenen/kinderen etc. etc.
U kunt, per accommodatie, onbeperkt afrekenen met extra kosten per nacht of per persoon per nacht of per persoon per boeking of per boeking.
Mijn menu/toolbar verbergt de popup
Als u een zogenaamd 'vast' element op uw site gebruikt (bijvoorbeeld een menubalk) en dit element maakt de boeking popup of de boeking-bar resultaat popup onzichtbaar maakt dan zijn deze opties beschikbaar:
  • Probeer de z-index in CSS toe te voegen
  • Dwing de booking-popup/result popup om op een lager punt te beginnen door de parameter 'popuptop=60px' toe te voegen. U kunt elke waarde gebruiken in plaats van 60px, maar controleer de effecten op een mobiel apparaat.
Geavanceerde opties
Beschrijving:
Voeg de knop tags en de script tag toe aan uw website.
Uw klant klikt op de knop en er verschijnt een boekingsvenster.
Live voorbeeld:
Boek Gebruikte html voor dit voorbeeld:

      <bookaplace-btn name="test_demoboo" obj="0" fnr="000" lang="" btntitle="Boek" 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.
See all options on one page, fully working.
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 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.
Instellingsvoorbeelden
FAQ
Het werkt niet...
Controleer de volgende minimale stappen:
  1. Klik op 'accommodaties' en selecteer een accommodatie
  2. Controleer of u een DISPLAY NAME
  3. hebt ingevoerd.
  4. Scroll naar beneden en controleer of u een DEFAULTPRIJS PER NACHT hebt ingevoerd.
  5. Scroll naar beneden naar INTEGRATIE OP UW WEBSITE en klik op de knop "Creëer een boekingsknop"
    .
  6. Kopieer de code en plak deze in uw editor.
  7. Klik op de knop 'Publiceren/Sync' in de menubalk
  8. Vernieuw de pagina in uw browser (of leeg de cache)
Alleen aankomsten op zaterdag accepteren
  1. Klik op 'accommodaties' en selecteer een accommodatie
  2. Scroll naar 'Vereisten per seizoen'
  3. Klik op een lege regel onder 'Descr' en vul de omschrijving voor deze periode in
  4. Klik in het veld 'Van' en voer de begindatum van deze periode in.
    Als u deze optie continu wilt gebruiken, voer dan '2022-08-23' (vandaag) in.
  5. Klik in het veld 'Tot' en voer de einddatum van deze periode in
    Als u deze optie continu wilt gebruiken, voer dan '2025-12-31' (de toekomst) in.
  6. Klik in het veld 'Aankomst' en selecteer 'zat'
  7. Klik op 'Publiceren/Synchroniseren' en op 'Preview'
  8. Controleer of de optie werkt zoals bedoeld.
Geef een korting van 7% als een gast een week blijft
  1. Klik op 'accommodaties' en selecteer een accommodatie
  2. Scroll naar 'Korting op basis van verblijfsduur'
  3. Klik op het veld naast 'Korting 1' en vul in: -7%
  4. Voer 7 in bij het veld 'nachten'.
  5. Klik op 'Publiceren/Synchroniseren' en op 'Voorbeeld'
  6. Controleer of de optie werkt zoals bedoeld.
Kan ik een toeslag hebben als een gast maar 1 nacht boekt?
  1. Inleiding: Er is geen directe optie om dit te creëren, maar het kan worden gedaan door het instellen van de standaard prijs op de 1 nacht prijs te zetten en een korting te geven vanaf 2 nachten
  2. Klik op 'accommodaties' en selecteer een accommodatie
  3. Scroll naar 'Standaardprijs per nacht' en vul de gewenste prijs voor 1 nacht in
  4. Schuif vervolgens naar 'Korting op basis van verblijfsduur'
  5. Klik op het veld naast 'Korting 1' en voer een procentuele korting in die overeenkomt met uw prijsstelling.
    Voorbeeld:
    Prijs per nacht is 100 en uw toeslag voor 1 nacht is 25? Stel standaardprijs 125 in en gebruik als Korting 1: -20% eff van 2 nachten. Nu betalen uw gasten 100 per 1+ nacht.
    Tip: gebruik de Percentage calculator
  6. Klik op 'Publiceren/Synchroniseren' en de 'Preview'
  7. Controleer of de optie werkt zoals bedoeld.
PAYPAL: Hoe vind ik mijn PayPal ID
Instructions since sept 2023:
PayPal get credentials
PayPal get credentials (2)
Instructions to get PayPal credentials (made by Upwork)
Instructions for older accounts:
  1. Log in op uw PayPal account op https://www.paypal.com
  2. Ga naar 'Account instellingen'
  3. Ga naar 'Website betalingen'
  4. Vind de sectie 'PayPal-knoppen' en klik op 'bijwerken'
  5. Klik bij 'Smart Buttons'
  6. Verander niets en klik bij 'Code kopiëren'
  7. Plak de code van uw klembord in een tekstverwerker zodat u hem kunt lezen.
  8. Zoek in de code naar de client-id=
  9. Kopieer de tekst die begint na client-id= en stopt met het eerste & teken
  10. Dit is uw client-id
    Voorbeeld: AXohA_ruhP-jTs7mN-f-zSmr3NvEVJCcJB-Tno8V50JYg-
  11. Voer deze PayPal client-id in bij Booka.place instellingen
Toevoeging van een toeslag van 10 € voor elke extra gast
  1. Klik op 'accommodaties' en selecteer een accommodatie
  2. Scroll naar 'Gast'
  3. Klik op het veld naast 'Extra kosten vanaf' en selecteer het aantal gasten waarboven u een toeslag wilt berekenen
  4. Voeg in het volgende veld +10 toe.
  5. Selecteer per nacht in het volgende veld.
  6. Klik op 'Publiceren/Synchroniseren' en op 'Preview'
  7. Controleer of de optie werkt zoals bedoeld.
Toevoeging van een toeslag van 100% tijdens kerst
  1. Klik op 'accommodaties' en selecteer een accommodatie
  2. Scroll naar 'Prijsverschillen per seizoen'
  3. Klik op een lege regel onder 'Descr' en voer de beschrijving voor deze periode in
  4. Klik in het veld 'Van' en voer de begindatum van deze periode in
  5. Klik in het veld 'Tot' en voer de einddatum van deze periode in
  6. Klik in het veld 'Prijs nacht' en voer in: +100%
  7. Klik op 'Publiceren/Synchroniseren' en op 'Voorbeeld'
  8. Controleer of de optie werkt zoals bedoeld.
Alleen minimale 3 dagen accepteren (in een periode/doorlopend)
  1. Klik op 'accommodaties' en selecteer een accommodatie
  2. Scroll naar 'Vereisten per seizoen'
  3. Klik op een lege regel onder 'Descr' en vul de omschrijving voor deze periode in
  4. Klik in het veld 'Van' en voer de begindatum van deze periode in
    Als u deze optie continu wilt gebruiken, voer dan '2022-08-23' (vandaag) in.
  5. Klik in het veld 'Tot' en voer de einddatum van deze periode in
    Als u deze optie continu wilt gebruiken, voer dan '2025-12-31' (de toekomst) in.
  6. Klik in het veld 'Min. nachten' en voer 3 in
  7. Klik op 'Publiceren/Synchroniseren' en op 'Voorbeeld'
  8. Controleer of de optie werkt zoals bedoeld.
Hoe synchroniseer ik Booka.place met Airbnb/Booking/Homeaway/Tripadvisor etc
  1. Klik op 'accommodaties' en selecteer een accommodatie
  2. Scroll naar 'Exporteren/Importeren'
  3. Vink de optie Exporteren aan en kopieer de url naar de agenda van de derde partij.
  4. Vink de optie Importeren aan en kopieer de url die door de agenda van derden wordt aangeleverd.
  5. Als u net begonnen bent: klik minstens één keer op de knop Publiceren/Synchroniseren, zodat de nodige bestanden worden aangemaakt.
Meer informatie is beschikbaar op:
Synchronisatie
FAQ
Synchroniseert Booka.place met ...
Ja, Booka.place ondersteunt iCal volledig, zowel bij import als export.
Boekingen gemaakt op uw site worden in realtime geëxporteerd en kunnen worden geïmporteerd door systemen zoals Booking.com, AirBnB, VRNO, HomeAway, Tripadvisor, Flipkey etc.
Boekingen gemaakt op andere platforms worden geïmporteerd in de Booka.place component op uw site. De geboekte data op andere platforms worden getoond als gereserveerd/geboekt.
Dubbele boekingen worden dus automatisch voorkomen.
Wat betreft gratis persoonlijke Outlook/Gmail/Apple accounts: U kunt de Booka.place reserveringen in uw applicatie laten inlezen door de Booka.place export url (zie EXPORT/IMPORT in het dashboard) in uw applicatie op te nemen. Deze gratis applicaties zijn meestal te traag om te laten importeren.
Lees de vereisten voor automatische OTA synchronisatie.
Synchroniseert het automatisch en met welk interval?
Ja, het verzamelt uw nieuwe reserveringen elke 30 minuten, dag en nacht. En wanneer iemand boekt op uw site controleert het opnieuw, nu in real-time, of de accommodatie nog beschikbaar is.
Lees de vereisten voor automatische OTA synchronisatie.
Kan ik meer dan 1 bron gebruiken voor synchronisatie?
Ja, u kunt tot 5 verschillende OTA's per accommodatie hebben! Dus als u 10 accommodaties heeft, kunt u tot 50 verschillende OTA's hebben.

Onze systemen verzamelen al deze bronnen elke 30 minuten, dag en nacht. Dat is 2400 per dag en 74400 per maand.

Lees de vereisten voor automatische OTA synchronisatie.
Wat zijn de vereisten voor automatische synchronisatie?
De vereisten zijn:
  1. een geldige url,
  2. een geldig iCal formaat,
  3. alleen toekomstige reserveringen,
  4. 24/7 toegankelijk en
  5. een toegangstijd van minder dan 500 ms.
Dashboard: bron wordt niet geaccepteerd
Als u in het dashboard een nieuwe bron opgeeft dan wordt deze direct gecontroleerd.
Als u twijfels heeft over deze controle dan kunt u met de volgende tools zelf kijken wat er mis is met de bron.
  1. U kunt de geldigheid van de url en het iCal-formaat controleren door de url te kopiëren en plakken in icalendar.org/validator.html
  2. Een bron met oude reserveringen wordt niet geaccepteerd omdat a) het geen enkel doel dient (niemand reverveert een datum in het verleden)
    b) het algemeen geldend gebruik is alleen toekomstige reserveringen te gebruiken voor synchronisatie
    Als u zelf geen mogelijkheid heeft om oude reserveringen te laten verwijderen kunt u het beste de aanbieder van de bron vragen dit voor u te doen. c) onnodige belasting vormt voor alle betrokken systemen
  3. Als de bron wordt afgekeurd omdat deze niet snel genoeg reageert (TTFB) dan kunt u dit laten testen op domsignal.com/ttfb-test.
    Let op: dit test alleen de reactietijd van de server, vereist is een volledige download binnen 500 ms. Alle bekende OTA's zoals airBnB en Booking voldoen probleemloos aan deze vereiste.
  4. Als de url is geaccepteerd zal deze elke 30 minuten worden opgevraagd door de Booka.place servers. Deze servers werken vanuit meerdere geografische locaties en maken gebruik van datacenters en de netwerkinfrastructuur van Google.
Kalender wordt niet bijgewerkt...
Als een boeking die bij derden (Booking.com/AirBnB/etc) is gedaan niet automatisch verschijnt in de Booka.place kalender op uw website, controleer dan svp de volgende punten:
  1. Boekingen van derden worden niet getoond in het overzicht van uw reserveringen in het dashboard, wèl in de kalender en booking buttons op uw website en in de Booka.place app.
  2. Als de boeking ook niet in de kalender op uw website zichtbaar is, begin dan met uw browser, ververs de pagina waarop de agenda staat:
    https://www.wikihow.com/Force-Refresh-in-Your-Internet-Browser
Mist er één nieuwe boeking of wordt er geen enkele boeking van deze derde getoond?
  1. Eén boeking mist
    1. Probeer te achterhalen met welke frequentie de derde-aanbieder zijn boekingen ververst.
    2. Als de derde-aanbieder slechts 4 keer per dag de boekingen exporteert zal het 6 uur kunnen duren voordat u de boeking in uw Booka.place agenda te zien krijgt.
    3. Controleer zelf welke boekingen de derde-aanbieder exporteert - zie hieronder het topic 'Zelf een iCal export controleren'
  2. Alle boekingen van deze aanbieder missen
    1. Controleer de url die u in Booka.place dashboard heeft opgegeven voorkomt in de storingslijst (zie hieronder)
    2. Als de url voorkomt betekent dat dat de aanbieder een probleem heeft met het beschikbaar stellen van de boekingen. De reden wordt vermeld.
      U kunt het beste contact opnemen met deze aanbieder en om uitleg vragen.
N.B. Als een bron niet aan de eisen voldoet, kan deze niet worden getoond, dus er zullen geen reserveringen van deze bron zichtbaar zijn. Gebruik de rode iCal Import update knop in het dashboard om uw bronnen te testen.
Status van uw iCal im/export opvragen
Hier kunt u in realtime opvragen wanneer uw iCal bronnen voor het laatst zijn geimporteerd en geexporteerd.
Voer uw account naam in (en als u meerdere Booka.place apps heeft het juiste nummer) en klik op 'Get info'.
Get info
Automatische import elke 30 minuten, zie hieronder 'Storingen bij iCal synchronisaties'.
Automatische export in realtime bij boekingen via Booka.place en bij Sync vanuit het dashboard.
Storingen bij iCal synchronisaties
Als Booka.place bij het ophalen van de reserveringen van derden problemen vindt dan worden deze gemeld in openbare logbestanden.
Om privacyredenen wordt alleen de openbare mislukte url gepubliceerd, dus zoek eerst de exacte url die u gebruikt in het Booka.place dashboard (tip: kopieer het naar het klembord) en en zoek er vervolgens naar op de volgende pagina's:

gisteren: https://icalstatus.booka.place/yyyymmdd.html
vandaag: https://icalstatus.booka.place/yyyymmdd.html

N.B.
Een 404 melding wil zeggen dat er GEEN storingen zijn.
Weergegeven worden de storingen die wij bij het importeren van uw iCal bronnen tegenkomen. Als u meer informatie nodig heeft neem dan svp contact op de aanbieder van deze iCal bronnen.
Zelf een iCal bestand controleren
  1. Gebruik de iCal Validator om de inhoud van een iCal bestand te zien.
  2. Controleer zelf welke boekingen de derde-aanbieder exporteert door de url die u in het dashboard heeft opgegeven te kopieren en te plakken in uw browser.
    Er wordt dan een iCal bestand gedownload en opgeslagen op uw pc. U opent vervolgens dat bestand met een tekst editor.
  3. Elke boeking begint met 'BEGIN:VEVENT'
    De boeking begint op de datum 'DTSTART;VALUE=DATE:20240717' - dwz jaar 2024 maand 07 en dag 17
  4. Als u een reservering niet terug kunt vinden wil dat zeggen dat de derde deze (nog) niet heeft verwerkt.
Help?

Meer hulp nodig?

Klik svp op HELP in het dashboard en selecteer SUPPORT voor het supportformulier.

Copyright © 2023 - All rights reserved | version 3.1.3e
Booka.place est un service de:
LaDauze SAS, 24350 Montagrier, France
RCS Périgueux : 511 306 789 | TVA : FR15511306789
SAS au capital social de 10.000 euro