Moderne widget inbouwen

De standaard methode van inbouwen is om de widget direct in je website in te bouwen. Hiermee plaats je een stukje HTML-code in een daarvoor bedoeld blok op je website, zodat dat door middel van een script functioneel gaat werken op de gewenste plek op de site. Best practice is om een aparte pagina te maken, bijvoorbeeld /afspraak-maken of /boeken. Bij het inbouwen direct in de site kennen we onderscheid tussen verschillende methoden. 

Direct in de site, geen knop op mobiel: 

Dit is de standaard methode. Hiermee wordt op zowel desktop op mobiel de widget direct geopend en is deze responsief op basis van de schermgrootte. Het voordeel is een eenduidige ervaring, het eventuele nadeel zou kunnen zijn in sommige websites dat de widget geforceerd wordt in een bepaalde breedte, wat afdoet aan de gebruikerservaring. Hou hier dus rekening mee en probeer eventueel verschillende methode. Een voorbeeld van deze methode vind je op onze eigen boekingspagina!

Direct in de site, knop op mobiel: 

Een variatie op de standaard methode is het tonen van een knop op mobiel. Dit betreft een gecentreerde knop op de plek waar je de code hebt geplaatst. Op desktop/laptop of in ieder geval een groter scherm wordt de widget direct geladen, op mobiel wordt er een knop gegenereerd waarmee men alsnog de widget kan openen. Ervaar je in je website dat de ervaring op mobiel niet optimaal is, dan kun je deze methode overwegen. 

Knop linksonder

In dit geval wordt er automatisch een zwevende knop linksonder getoond. Deze methode werkt perfect op bijvoorbeeld homepagina's, zodat men direct een boeking kan doen. De knop opent de widget in een apart frame en kan ook weer gesloten worden met het kruisje. Op mobiele apparaten zal het openen van de widget over het algemeen een schermbrede weergave geven. 

Knop rechtsonder

In dit geval wordt er automatisch een zwevende knop linksonder getoond. Deze methode werkt perfect op bijvoorbeeld homepagina's, zodat men direct een boeking kan doen. De knop opent de widget in een apart frame en kan ook weer gesloten worden met het kruisje. Op mobiele apparaten zal het openen van de widget over het algemeen een schermbrede weergave geven. 

Deze optie geeft je de mogelijkheid om een directe link naar je boekingswidget te genereren. Het voordeel hiervan is dat je deze link overal kunt gebruiken. Plaats hem onder een knop op je website zodat men automatisch in een nieuw venster kan boeken, of gebruik de link in een nieuwsbrief of post op je social media. Het voordeel hiervan is dat de widget in een apart venster wordt getoond en dus altijd responsief is aan de schermgrootte. Het eventuele nadeel ten opzichte van de standaard methode is dat de link leidt naar een aparte pagina en dat men van je website af gaat. Dit kan eventueel wel opgelost worden door een eigen bedankpagina in te stellen waarmee men weer op je website komt na de boeking. 

Als laatste is er ook nog de mogelijkheid om een alternatief iframe te gebruiken. Dit is de minst gebruikte methode, en is eigenlijk enkel van toepassing als de techniek van je website hier specifiek om vraagt. Dit kan bijvoorbeeld goed werken als je de widget in een aparte pop-up of frame wil openen nadat men ergens op heeft geklikt. In principe adviseren we de standaard methode, maar voor specifieke gevallen is deze methode ook mogelijk om te gebruiken.