Blader door de handleiding

De boekingswidget op je website instellen

De boekingswidget op je website bouwen en wijzigen (Beheer → Instellingen → Iframes): widgettype, kleuren, zoekopties, standaard data en tijden, online betaling, minimale boekingsperiodes, toegestane uitgifte- en innamedagen, en de code voor je websitebouwer

15 min lezen

Wat deze pagina behandelt

  • Boeking, basic of displaywidget
  • Merkkleuren
  • Locaties, categorieën en beschikbaarheid tonen
  • Standaard huurlengte en tijden
  • Openingstijden van de locatie gebruiken
  • De twee datumvelden hernoemen
  • Online betaling verplicht stellen
  • Volledige of gedeeltelijke betaling
  • Minimale boekingsperiode per seizoen
  • Toegestane uitgifte- en innamedagen
  • Buffer voor het uitchecken
  • Btw-weergave en landinstelling

Inleiding

Klanten die op de website van je bedrijf boeken, gebruiken geen apart systeem: ze gebruiken een klein venster van RentVisie dat in je website zit. De app noemt dat venster een Iframe; deze pagina noemt het de boekingswidget. Elke widget heeft zijn eigen instellingen — hoe hij eruitziet, wat hij de klant laat kiezen, welke huurduur hij voorstelt, of de klant online moet betalen — en zijn eigen stukje code dat je websitebouwer in de website plakt.

Je beheert widgets vanaf het scherm met de titel Boekingswidget (Iframe): een link Terug (Back), een knop Nieuwe widget (New Iframe) en een tabel van je widgets op Naam (Name). Een widget openen toont een lang instellingenscherm, ook met de titel Boekingswidget, in paren blokken: KERN (CORE) naast KLEUREN (COLORS), ZOEKINSTELLINGEN (SEARCH SETTINGS) naast WEERGAVE BEPERKEN (RESTRICT YOUR VIEWS), ALGEMEEN (GENERAL) naast BETALINGEN (PAYMENTS). Daaronder staan twee kleine lijsten — minimale boekingsperiodes en toegestane boekingsdagen — dan de knop Embed-URL genereren (Generate Embed Url), het vak Script en Opslaan (Save) / Annuleren (Cancel).

Je komt hier wanneer:

  • de website nieuw is en klanten een manier nodig hebben om te boeken;
  • de widget nog standaard grijs toont en je huisstijlkleuren moet krijgen;
  • klanten in de zomer boekingen van één dag maken en je in juli een minimum van drie dagen wilt;
  • je kantoor op zondag gesloten is en niemand dan een auto moet kunnen ophalen;
  • je wilt dat klanten het volledige bedrag, of een deel ervan, betalen tijdens het boeken;
  • je controleert gewoon wat je website klanten op dit moment aanbiedt.

Begrippen op dit scherm, om op te zoeken als ze langskomen:

Het scherm zegtHet betekent
IframeEen boekingswidget: het RentVisie-venster in je website
Security keyHet eigen nummer van de widget. Het maakt deel uit van de websitecode
Embed Url, ScriptDe code die je websitebouwer in de website plakt
Asset groupEen voertuigklasse
CategoryEen groep voertuigklassen, zoals Bestelwagens of Campers
Checkout, CheckinUitgifte en inname
LocaleDe taalcode waarin de widget opent, zoals nl of en
MollieHet betaalbedrijf dat de online betaling van de klant verwerkt

Gebruik deze pagina om op te bouwen of te wijzigen wat de website aanbiedt. Voor wat er met een boeking gebeurt zodra die in RentVisie binnenkomt, zie Boekingen uit andere systemen verwerken.

Zo werkt het

Configuratie

Vier dingen bepalen wat de widget doet. De eerste drie staan los van het eigen scherm van de widget.

1. Widgets moeten toegestaan zijn voor je bedrijf. RentVisie-support zet dit aan (de instelling Allow iframes op je bedrijfsrecord). Tot die aan staat, blijft elke widget die je bouwt vergrendeld op je website. Vraag het RentVisie-support als je het niet zeker weet.

2. Online betalen vraagt een betaalkoppeling. Een widget die de klant om betaling vraagt, verwerkt die betaling via Mollie, dus moet de Mollie-koppeling van je bedrijf eerst zijn ingesteld. Zie Kaart- en onlinebetalingen accepteren.

3. De namen van de twee datumvelden. De widget toont twee datumvakken, een voor uitgifte en een voor inname. Hun namen worden bedrijfsbreed gekozen:

  1. Open vanuit het hoofdmenu Beheer (Admin), dan Instellingen (Settings), en klik op de tegel Asset-instellingen (Asset Settings).
  2. Klik op de tab Datuminstellingen (Dates Settings).
  3. Kies een First Date Name en een Second Date Name. De keuzes zijn Start date, End date, From, To, Check in, Check out, Pickup en Dropoff.
  4. Klik op Opslaan. De melding Instellingen zijn succesvol opgeslagen. ("Settings has been saved successfully.") bevestigt dit. Een van beide vakken leeg laten geeft Kies een eerste datumnaam ("Choose a first date name") of kies een tweede datumnaam ("choose a second date name").

Een widget neemt deze twee namen over op het moment dat hij wordt aangemaakt. Ze later wijzigen hernoemt de datumvelden niet op widgets die al bestaan — zie de Veelgestelde vragen hieronder.

Wil je dat de widget alleen de tijden aanbiedt waarop een locatie open is, dan moeten de openingstijden van de locatie zijn ingevuld. Zie Je vestigingen instellen.

4. De eigen instellingen van de widget. Open vanuit het hoofdmenu Beheer, dan Instellingen, klik op de tegel Iframes (een laptopicoon), en open de widget met het potloodicoon op zijn rij (een nieuwe widget maak je met Nieuwe widget — zie stap 1 onder Het scherm van de boekingswidget gebruiken). Het instellingenscherm is in blokken ingedeeld; elk blok staat hieronder beschreven, van boven naar beneden. Er wordt niets bewaard totdat je onderaan het scherm op Opslaan klikt, behalve de twee kleine lijsten, die elke rij opslaan zodra je in hun eigen venster op Opslaan klikt, en de knop Embed-URL genereren, die de hele widget opslaat.

KERN (linksboven). Loop deze tabel eenmaal door; je komt terug op losse rijen:

VeldBegint alsWat het doetWat het accepteert
Security keyEen getal dat de app geeftHet eigen nummer van de widgetNiets; het ligt vast
NaamLeegJe eigen naam voor de widget, zoals Website NLElke tekst
Iframe typeBookingWelk soort widget dit is — zie de tabel hieronderBooking, Display, Booking basic
Standaard btw-type (VAT default type)InclVatOf prijzen inclusief of exclusief btw worden getoondInclVat, ExclVat
Alleen incl. btw (Incl vat only)NeeToont alleen prijzen inclusief btw. Verschijnt alleen als Standaard btw-type InclVat isJa / Nee
Booking typeGeneralShortlease voor een widget die shortlease-verhuur aanbiedt; General voor al het andereGeneral, Shortlease
Standaard landcode (Default country code)De taal van je bedrijf, of nlHet land dat de widget standaard gebruikt. Niet getoond bij Booking basicTwee letters, zoals nl of de
Taalcode (Locale)De taal van je bedrijfDe taal waarin de widget opent. Niet getoond bij Booking basicEen korte code, zoals nl of en (tot 5 tekens)

Welk Iframe type je kiest:

OptieGebruik hem wanneerWat de klant krijgt
BookingJe het volledige boekingstraject wiltZoeken op datum, een klasse kiezen, extra's toevoegen, boeken (en betalen)
Booking basicJe een eenvoudigere boekingspagina wiltEen eenvoudigere boekingspagina; de zoekinstellingen en categoriekeuze hieronder gelden niet
DisplayJe alleen je voertuigen wilt tonenEen etalage van klassen; stel hieronder een categorie in om hem te beperken

KLEUREN (rechtsboven). Typ kleuren als hexcodes zonder de #, zoals de notitie op het scherm zegt — ccc voor grijs, f5f5f5 voor gebroken wit. Primary color begint als 555, Primary tint color als f5f5f5 en Secondary color als 000. Je websitebouwer kan je de huisstijlcodes geven.

ZOEKINSTELLINGEN (links, alleen Booking-widgets). Elke schakelaar is Ja of Nee:

InstellingBegint alsWat het doet
Booking auto searchNeeStart de zoekopdracht zodra de widget opent, met de standaarddatums
Display time slotsJaLaat de klant een uitgifte- en innametijd kiezen
Use opening hours locationNeeBiedt alleen tijden aan waarop de gekozen locatie open is. Verschijnt alleen als Display time slots Ja is
Show categoriesJaToont de categoriekiezer op het zoekscherm. Zet op Nee om hem te verbergen
Show locationsJaToont de locatiekiezer op het zoekscherm. Zet op Nee om hem te verbergen
Buffer time pre checkout in minutes0Hoe ver vóór "nu" de vroegste uitgifte ligt. Hele minuten

Het eigen voorbeeld van het scherm: om 08:00 met een buffer van 30 minuten is de vroegste uitgifte die een klant kan kiezen 08:30.

WEERGAVE BEPERKEN (rechts). Category beperkt een Booking- of Display-widget tot één categorie klassen; laat leeg voor alle. Een Display-widget zonder categorie toont ook een vak Asset group.

ALGEMEEN (midden links). Loop deze tabel eenmaal door:

InstellingBegint alsWat het doetWat het accepteert
Show availabilityJaToont de klant of een klasse beschikbaar is voor zijn datumsJa / Nee
Show insurance option detail linesJaToont de details van elke verzekeringsoptieJa / Nee
Default days1De huurduur die de widget voorsteltHele dagen
Default pickup hour8Het voorgestelde uitgifte-uurHele uren, 0 tot 23
Default pickup minutes0De voorgestelde uitgifteminutenHele minuten
Default return hour7Het voorgestelde innameuurHele uren, 0 tot 23
Default return minutes0De voorgestelde innameminutenHele minuten

BETALINGEN (midden rechts).

InstellingBegint alsWat het doet
Payment required?JaDe klant betaalt online tijdens het boeken. De volgende twee vakken verschijnen alleen als dit Ja is
Payment providerMollieHet betaalbedrijf. Laat op Mollie staan
Betaalbedrag (Payment amount)FullRentHoeveel de klant betaalt — zie het voorbeeld onder Goed om te weten
Partial payment percentage10Het deel van de huur dat de klant betaalt. Verschijnt alleen bij PartialRent

Minimale boekingsperiodes (optioneel, linkerlijst). Klik in de linkerlijst op Nieuw. Een venster met de titel Minimale boekingsperiode bewerken (Edit Minimum Booking Period) opent met Vanaf-datum (From date) op vandaag, Tot-datum (To date) 90 dagen later en Minimumdagen (Minimum days) op 1. Wijzig ze en klik op Opslaan. Buiten elke periode is het minimum één dag. Verwijder een periode met het prullenbakicoon op zijn rij.

MeldingWaarom
Data kunnen niet leeg zijn. ("Dates cannot be empty.")Een datumvak is leeg
Tot-datum moet na de vanaf-datum liggen. ("To date should be after from date.")De datums staan verkeerd om
Dagen moeten positief zijn. ("Days should be positive.")Minimumdagen is 0 of minder
Periode overlapt met bestaande periode. ("Period overlaps with existing period.")De datums raken een andere periode — op deze of een van je andere widgets

Toegestane boekingsdagen (optioneel, rechterlijst). De rechterlijst staat onder een notitie die de tekst van de minimumperiode herhaalt; het is eigenlijk de lijst van dagen waarop een klant mag ophalen of inleveren. Klik op Nieuw. Een venster met de titel Toegestane boekingsdag (Allowed bookig day — de typefout staat op het scherm) opent. Kies een Soort boekingsgebeurtenis (Booking event type) — Checkout voor uitgifte, Checkin voor inname — en typ de Weekdag (Day of week) als een getal: zondag = 0, maandag = 1, ..., zaterdag = 6. Klik op Opslaan. Voeg één rij per toegestane dag toe. De lijst toont ze onder de Nederlandse koppen Dag vd week en Boeking actie type.

Voordat je begint: het menu Instellingen, de tegel Iframes en elk scherm op deze pagina zijn alleen voor de rol Bedrijfsbeheerder (Company admin). Niemand anders ziet ze. Elke widget hoort bij je eigen bedrijf; geen enkel ander bedrijf ziet hem.

Het scherm van de boekingswidget gebruiken

Open vanuit het hoofdmenu Beheer, dan Instellingen, en klik op de tegel Iframes (een laptopicoon). Het scherm met de titel Boekingswidget gaat open.

1. Maak een widget aan of open er een. Klik boven de tabel op Nieuwe widget voor een nieuwe. Klik om een bestaande te wijzigen op zijn rij of het potloodicoon aan het eind van de rij. Het prullenbakicoon naast het potlood verwijdert de widget direct — de code op je website stopt dan met werken.

Sla de nieuwe widget eerst op voordat je iets anders doet. Typ een Naam, klik op Opslaan, en open hem dan opnieuw met het potlood. De twee kleine lijsten werken alleen betrouwbaar op een widget die is opgeslagen. Vul daarna zijn instellingen in zoals beschreven onder Configuratie, stap 4.

2. Genereer de websitecode. Klik op Embed-URL genereren. De code verschijnt in het vak Script. Kopieer alles en stuur het naar wie je website onderhoudt.

3. Klik op Opslaan. Het scherm sluit en je bent terug bij de tabel.

Goed om te weten

Wat de website wanneer bereikt. Kleuren (voor een Booking basic-widget), Category en Locale worden in de websitecode zelf geschreven. Wijzig een van die en je moet opnieuw op Embed-URL genereren klikken en de nieuwe code in de website laten plakken. Elke andere instelling wordt door de widget gelezen telkens wanneer een klant hem opent, dus toont een opgeslagen wijziging op de website de eerstvolgende keer dat de pagina laadt.

Hoeveel de klant online betaalt. De keuzes bij Betaalbedrag werken op het totaal van de boeking inclusief btw:

BetaalbedragDe klant betaalt
FullRentDe hele huur
RentAndDepositDe hele huur plus de borg
PartialRentPartial payment percentage van de huur

Een voorbeeld. Een klant boekt een bestelwagen voor drie dagen voor € 75 per dag: € 225 inclusief btw, met een borg van € 500. FullRent vraagt € 225. RentAndDeposit vraagt € 725. PartialRent vraagt bij de standaard 10% € 22,50; bij 25% vraagt het € 56,25. De rest blijft openstaan op de boeking.

Gebruikt je bedrijf voorwaarden voor vooruitbetaling (de schakelaar Advance payment in de betaalinstellingen van je bedrijf), dan winnen die: het Betaalbedrag van de widget wordt genegeerd en de klant wordt gevraagd om wat de boeking nog verschuldigd is. Zie Kaart- en onlinebetalingen accepteren.

Btw. Prijzen inclusief btw gebruiken het standaard btw-tarief van je bedrijf uit zijn financiële instellingen; de widget heeft geen eigen btw-tarief.

Standaardtijden. Met de startwaarden stelt de widget uitgifte om 08:00 en inname om 07:00 de volgende dag voor.

Minimale boekingsperiodes. Een periode van 1 tot 31 juli met Minimum days 3 betekent dat een klant niet minder dan drie dagen kan boeken als de huur in juli valt. Vóór 1 juli en na 31 juli is één dag weer genoeg.

Wat je hierna doet: stuur na de eerste inrichting de code uit Script naar je websitebouwer en maak zelf een testboeking op de website. Controleer dan of de voertuigklassen die je wilt verkopen online getoond worden — zie Je voertuigklassen instellen.

Veelgestelde vragen

Waarom stopte de website met het aannemen van boekingen nadat iemand een widget verwijderde? Het prullenbakicoon in de tabel Boekingswidget verwijdert de widget meteen, en de websitecode verwijst naar het nummer van die widget. Er is geen ongedaan maken. Bouw een nieuwe widget, klik op Embed-URL genereren en laat de nieuwe code op de website plakken.

Waarom zien klanten nog steeds de oude kleuren, categorie of taal? Die drie maken deel uit van de websitecode. Open de widget, klik op Embed-URL genereren, en laat de nieuwe Script-code de oude op de website vervangen.

Waarom bleven mijn wijzigingen staan nadat ik op Annuleren klikte? Embed-URL genereren slaat de widget op zoals hij er op dat moment bij staat. Zet de oude waarden handmatig terug en klik op Opslaan.

Waarom zegt het wijzigen van een minimale boekingsperiode altijd Periode overlapt met bestaande periode. ("Period overlaps with existing period.")? De controle vergelijkt de periode met elke opgeslagen periode, inclusief zijn eigen opgeslagen versie. Verwijder de periode met het prullenbakicoon en voeg hem opnieuw toe met Nieuw.

Waarom kan ik geen periode toevoegen op de ene widget terwijl een andere widget er geen heeft? De overlapcontrole geldt voor alle widgets van je bedrijf samen. Twee widgets kunnen geen periodes met overlappende datums hebben. Wijzig de datums, of verwijder de periode op de andere widget.

Waarom koos ik Stripe en lopen betalingen nog steeds via Mollie? Online betalen vanuit de widget gebruikt altijd Mollie. De keuze bij Payment provider verandert dat niet. Stel Mollie in zoals beschreven in Kaart- en onlinebetalingen accepteren.

Waarom toont een Display-widget nog steeds elke klasse nadat ik één Asset group heb gekozen? Een Asset group op zichzelf kiezen verandert de websitecode niet. Een Display-widget toont óf een hele Category óf alles. Zet de klassen die je wilt in hun eigen categorie en kies die categorie.

Waarom zeggen de datumvelden op de website "Start date" terwijl we "Pickup" hebben gekozen? Een widget neemt de datumnamen uit Datuminstellingen (Dates Settings) alleen over op het moment dat hij wordt aangemaakt. Bestaande widgets behouden de namen die ze hadden. Maak een nieuwe widget aan, stel hem op dezelfde manier in, genereer zijn code en laat die code op de website plaatsen.

Waarom kan ik de tegel Iframes niet vinden? Het menu Instellingen en zijn tegels zijn alleen voor de rol Bedrijfsbeheerder. Vraag het je beheerder.

Waarom biedt de widget tijden aan terwijl de locatie gesloten is? Use opening hours location staat uit, of de locatie heeft geen openingstijden. Zet hem aan (hij verschijnt zodra Display time slots Ja is) en vul de tijden in — zie Je vestigingen instellen.

Gerelateerde pagina's: