Support for the Booka.place free availability calendar app.

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
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].
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" schakelt het tonen van prijzen/prijsberekeningen in het resultaat-modaal uit.

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.
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!).
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.
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.
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.
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.
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.
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].
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.

Synchroniseert het met ...

Ja, het 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. site, de geboekte data op andere platforms worden getoond als gereserveerd/geboekt.
Dubbele boekingen worden dus automatisch voorkomen.

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 externe iCal bronnen?

De vereisten zijn:

een geldige url,
een geldig iCal formaat,
alleen toekomstige reserveringen,
24/7 toegankelijk en
een toegangstijd van minder dan 500 ms.

Controleer of uw accommodatie niet automatisch wordt gesynchroniseerd:

De geldigheid van de url en het iCal-formaat door de url te kopiëren en te plakken in icalendar.org/validator.html
als de geëxporteerde iCal oudere reserveringen bevat, neem dan contact op met de maker van het bestand om te zien hoe dit gestopt kan worden.
Test de Time To First Byte op geekflare.com/tools/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 eis.

N.B. Als een bron niet aan de eisen voldoet, wordt deze geruisloos overgeslagen, zodat er geen reserveringen van deze bron zichtbaar zijn. Gebruik de rode iCal Import update knop in het dashboard om uw bronnen te testen.

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="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 tag
datefrmt="dd/mm/yyyy" sets the date format. Only EU (dd/mm/yyyy) or 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)
popuptop="60px" sets the top of the result modal and booking popup. Use a valid top value, check effects on mobile devices.

Instellingsvoorbeelden

FAQ

Alleen aankomsten op zaterdag accepteren

Klik op 'accommodaties' en selecteer een accommodatie
Schuif naar 'Vereisten per seizoen'
Klik op een lege regel onder 'Descr' en vul de omschrijving voor deze periode in
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.
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.
Klik in het veld 'Aankomst' en selecteer 'zat'
Klik op 'Publiceren/Synchroniseren' en op 'Preview'
Controleer of de optie werkt zoals bedoeld.

Geef een korting van 7% als een gast een week blijft

Klik op 'accommodaties' en selecteer een accommodatie
Schuif naar 'Korting op basis van verblijfsduur'
Klik op het veld naast 'Korting 1' en vul in: -7%
Voer 7 in bij het veld 'nachten'.
Klik op 'Publiceren/Synchroniseren' en op 'Voorbeeld'
Controleer of de optie werkt zoals bedoeld.

Kan ik een toeslag hebben als een gast maar 1 nacht boekt?

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
Klik op 'accommodaties' en selecteer een accommodatie
Schuif naar 'Standaardprijs per nacht' en vul de gewenste prijs voor 1 nacht in
Schuif vervolgens naar 'Korting op basis van verblijfsduur'
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
Klik op 'Publiceren/Synchroniseren' en de 'Preview'
Controleer of de optie werkt zoals bedoeld.

PAYPAL: Hoe vind ik mijn PayPal ID

Log in op uw PayPal account op https://www.paypal.com
Ga naar 'Account instellingen'
Ga naar 'Website betalingen'
Vind de sectie 'PayPal-knoppen' en klik op 'bijwerken'
Klik bij 'Smart Buttons'
Verander niets en klik bij 'Code kopiëren'
Plak de code van uw klembord in een tekstverwerker zodat u hem kunt lezen.
Zoek in de code naar de client-id=
Kopieer de tekst die begint na client-id= en stopt met het eerste & teken
Dit is uw client-id
Voorbeeld: AXohA_ruhP-jTs7mN-f-zSmr3NvEVJCcJB-Tno8V50JYg-
Voer deze PayPal client-id in bij Booka.place instellingen

Toevoeging van een toeslag van 10 € voor elke extra gast

Klik op 'accommodaties' en selecteer een accommodatie
Schuif naar 'Gast'
Klik op het veld naast 'Extra kosten vanaf' en selecteer het aantal gasten waarboven u een toeslag wilt berekenen
Voeg in het volgende veld +10 toe.
Selecteer per nacht in het volgende veld.
Klik op 'Publiceren/Synchroniseren' en op 'Preview'
Controleer of de optie werkt zoals bedoeld.

Toevoeging van een toeslag van 100% tijdens kerst

Klik op 'accommodaties' en selecteer een accommodatie
Schuif naar 'Prijsverschillen per seizoen'
Klik op een lege regel onder 'Descr' en voer de beschrijving voor deze periode in
Klik in het veld 'Van' en voer de begindatum van deze periode in
Klik in het veld 'Tot' en voer de einddatum van deze periode in
Klik in het veld 'Prijs nacht' en voer in: +100%
Klik op 'Publiceren/Synchroniseren' en op 'Voorbeeld'
Controleer of de optie werkt zoals bedoeld.

Alleen minimale 3 dagen accepteren (in een periode/doorlopend)

Klik op 'accommodaties' en selecteer een accommodatie
Schuif naar 'Vereisten per seizoen'
Klik op een lege regel onder 'Descr' en vul de omschrijving voor deze periode in
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.
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.
Klik in het veld 'Min. nachten' en voer 3 in
Klik op 'Publiceren/Synchroniseren' en op 'Voorbeeld'
Controleer of de optie werkt zoals bedoeld.

Hoe synchroniseer ik Booka.place met Airbnb/Booking/Homeaway/Tripadvisor etc

Klik op 'accommodaties' en selecteer een accommodatie
Schuif naar 'Exporteren/Importeren'
Vink de optie Exporteren aan en kopieer de url naar de agenda van de derde partij.
Vink de optie Importeren aan en kopieer de url die door de agenda van derden wordt aangeleverd.
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:

AIRBNB:
Hoe synchroniseer ik mijn Airbnb kalender met een andere kalender?
BOOKING.COM
Uw Booking.com kalender synchroniseren met kalenders van derden
HOMEAWAY / VRBO.COM
Een kalender importeren om te synchroniseren met uw reserveringskalender
TRIPADVISOR / FLIPKEY
Hoe kan ik verbinding maken met andere kalenders? (voor eigenaars)

Technical Help

Meer hulp nodig?

Start nu

Info

Products