Widgets instellen voor de website

Handleiding voor webbouwer 

Je kan inloggen via https://tommbookingsupport.nl/, via onze gezamenlijke klant worden de inloggegevens verstrekt.

Kies voor Management (icoontje instellingen) rechts boven in het scherm:

 

Ga in het linker scherm naar Widgets en selecteer bovenin het scherm via API Token de aangemaakte token voor de widgets. Alle instellingen die je op deze pagina maakt, worden toegevoegd aan het onderdeel HTML-code, die vervolgens op de website kan worden geplaatst (zie afbeelding 1).

Afbeelding 1: Widget

Aan de rechterkant van het scherm zie je dat alle instellingen direct worden ingeladen. Bovenin het scherm kun je via de blauwe balk de weergave van de widget bekijken voor verschillende apparaten.


Bij Widget kun je uit verschillende weergaves kiezen:
 

1. Mini zoek & boek = zoekfilters zonder resultaten weergave Deze weergave kun je bijvoorbeeld op de homepagina van de website plaatsen en linkt door naar de ‘zoek & boek’ widget (zoek & boek URL) voorbeeld: https://demo.prosuco.nl/
    
2. Zoek & boek = zoekfilter met resultaten weergave Deze weergave kun je bijvoorbeeld op een reserveren-pagina op de website plaatsen (https://www.website.nl/reserveren) en wordt veelal gebruikt als je meerdere accommodatietypes verhuurd, zoals kamperen en verhuur. Deze linkt door naar de ‘reserveren’ widget.
   voorbeeld: https://demo.prosuco.nl/zoek-en-boek
    
3. Reserveren = afrondingspagina die ergens op de website geplaatst dient te worden (https://www.website.nl/reserveren-afronden). Deze staat optioneel gelinkt aan de zoek & boek of matrix widget.
   voorbeeld: https://demo.prosuco.nl/zoek-en-boek/boeken
    
4. Matrix = extra weergave van beschikbaarheid aanbod incl. prijs in matrix.
   voorbeeld: https://demo.prosuco.nl/accommodaties/verhuur/villa-4-personen

Instellingen

 

Hieronder een korte omschrijving van veelgebruikte instellingen in de widget configuratie (verschillende weergaves):

Widget format: je kunt kiezen tussen externe CSS of ingesloten CSS.

Taal: geef de juiste taal van de widget mee.

Verkoopkanaal: selecteer hier ‘internet’. Optioneel kan de klant een apart verkoopkanaal aanmaken voor bijv. een derde website. Dan maak je een apart widget script aan.

Google Analytics ID: plaats hier de GTM of GA4 code. Startdatum: weergave eerst boekbare datum.

Accommodatiegroep: selectie van een accommodatiegroep (bijv. verhuur).

Accommodatie: specifieke accommodatie tonen (kampeerplaats basis).

Zoek & boek URL: verwijzing vanuit ‘mini zoek & boek‘ naar ‘zoek & boek’.

Boekingspagina URL: verwijzing vanuit’ zoek & boek’ of ‘matrix’ naar reserveren pagina.

Vertaalbestand URL: verwijzing naar bestand waar vertalingen (labels) van het online boeken aangepast kunnen worden. Door op ‘download voorbeeld’ te klikken krijg je een vertaalbestand te zien. Deze kun je toevoegen aan de website en via ‘vertaalbestand URL’ aangeven waar het aangepaste bestand staat.

Accommodatie groepen tonen: weergave van beschikbare accommodatiegroepen (kamperen, groepsaccommodatie, b&b).

Kenmerken tonen: weergave van aangemaakte kenmerken zoals bijv. hond toegestaan, schaduwplek, dichtbij sanitair, etc.

Onthoud de gekozen selectie bij ‘meer informatie’ link: Wanneer je via de ‘meer informatie’ link naar de ‘reserveren ’pagina gaat, worden de geselecteerde filters automatisch meegenomen, zodat je deze niet opnieuw hoeft aan te klikken.

Reserveren - Extra instellingen

Bij de Reserveren widget zijn nog een aantal extra instellingen:

Namen artikelgroepen weergeven:
tijdens het online boeken worden artikelen (extra’s) getoond die bijgeboekt kunnen worden. Als je artikelgroepen in het beheer hebt aangemaakt kunnen deze met deze instelling weergegeven worden.

Locatie keuze:
mogelijkheid dat klant via plattegrond een voorkeurslocatie selecteert.

Automatisch inzoomen op plattegrond:
bij binnenkomst plattegrond wel/niet inzoomen.

Pin binnen- en buitenkant voor beschikbaar en bezet:
Kleurinstelling voor markers op plattegrond

Pin grootte:
grootte van marker instellen op plattegrond.

Succes URL:
optionele invoer URL waar de boeking wordt afgerond op de website.

Privacy URL:
optionele invoer URL waar de privacy verklaring wordt getoond op de website.

Algemene voorwaarden URL:
invoer URL waar de algemene voorwaarden worden getoond op de website.

Beschikbaarheidskalender:
beschikbaarheidsoverzicht van 1 of 2 maanden (zie afbeelding 2). Na aanvinken kun je nog een aantal aanvullende instellingen doen waaronder de kleuren van de kalenderdagen (bijv. bezet of beschikbaar)

Afbeelding 2: beschikbaarheidskalender

 

Matrix - Extra instellingen

Bij de Matrix widget zijn nog een aantal extra instellingen:

Offset:
wanneer de gast een datumselectie heeft gemaakt, kun je met deze instelling een bepaald aantal dagen vóór die datum weergeven als alternatief.

Kolommen:
weergave van aantallen zichtbare kolommen.

Duur:
hier kun je de weergave van ‘aantal nachten’ vastzetten (1,3,7,14,21).

Type duur:
weergave van periode in vaste blokken of losse nachten.

Accommodatie groep:
weergave van accommodatiegroepen (bijv. kamperen, verhuur etc.).

Accommodatie:
weergave van specifieke accommodatie (bijv. camperplaats).

Locatie:
weergave van specifieke locatie (bijv. Bungalow 4p. nummer 10).

Inclusief arrangementen:
weergave van de arrangementen die in die periode gelden.

Gebruik kalender:
weergave van maanden via kalender (werkt alleen i.c.m. ‘zoeken op maanden’ instelling).

Zoeken op maanden:
weergave van maanden in lijstvorm.

Kenmerken tonen:
weergave van accommodatie kenmerken (hond toegestaan, schaduwplek etc.).

Persoonscategorieën tonen:
weergave van persoonscategorieën.

Accommodatiegroepen tonen:
weergave verblijfsoort (kamperen, verhuur etc.).