De boekingswidget op je eigen website zetten

3 min lezenBijgewerkt op 5 sep 2026

Heb je een eigen website, dan hoeven klanten niet naar je Avana-pagina te klikken om te boeken. Met de boekingswidget zetten ze de afspraak vast zonder je site te verlaten.

Waar staat het

  1. Ga naar Instellingen en open Boekingswidget onder Online boeken.

  2. Loop de instellingen langs bij Uiterlijk en Widgetinstellingen.

  3. Kopieer de insluitcode en plak die op je website.

Naast de instellingen staat een voorbeeld dat meteen meebeweegt met wat je aanzet, zodat je niet hoeft te gokken hoe het eruitziet.

Uiterlijk

  • Accentkleur: de kleur van de knoppen en de actieve elementen. Kies je merkkleur, dan sluit de widget aan op je site.

  • Welkomsttekst tonen: een korte tekst boven de diensten.

  • Filterbalk met categorie-pillen: handig bij veel diensten, overbodig bij een paar.

Wat de klant kan

Instelling

Wat het doet

Medewerker laten kiezen

De klant kiest zelf bij wie hij komt.

Meerdere diensten tegelijk

De klant zet meer dan één behandeling in dezelfde afspraak.

Maandweergave toestaan

Naast de weekstrip ook een volledige maandkalender.

Auto-doorschakelen bij tijdselectie

Zodra er een tijd gekozen is, gaat de widget door naar de volgende stap.

Opmerkingenveld

Een optioneel tekstveld voor de klant.

Totaalbedrag tonen

Het lopende totaal blijft in beeld.

Kortingscodes

Een veld voor een kortingscode in de samenvatting.

Cadeaubonnen

Een veld voor een cadeaubon in de samenvatting.

Wachtlijst toestaan

Bij een volle dag kan de klant zich aanmelden.

Vooraf betalen in de widget

De widget heeft een eigen keuze voor wat er vooraf betaald wordt: Niets vooraf, Aanbetaling of Volledig. Zie Aanbetaling instellen.

Wat de widget overneemt van je salon

De widget is geen losse boekingspagina met eigen regels. Hij gebruikt dezelfde diensten, dezelfde volgorde als in je Diensten-scherm, dezelfde opties en add-ons, en hetzelfde boekingsbeleid, inclusief je annuleer- en verzettermijn. Wat je in je instellingen verandert, verandert dus ook in de widget.

Insluiten op je site

Kopieer de code uit het scherm en plak die op de plek waar de widget moet komen. In WordPress gebruik je een HTML-blok, in Wix of Squarespace een element voor eigen code. Werkt het niet, controleer dan of je websitebouwer scripts van andere domeinen toestaat.

Eigen domein: op Business Max kun je de widget ook op je eigen domein laten draaien. Zie Een eigen domein koppelen.

Titel en omschrijving

De ingesloten pagina heeft een eigen titel en omschrijving per salon en wordt niet door Google geïndexeerd. Zo concurreert de widget niet met je eigen website in de zoekresultaten.

Praktijkvoorbeeld

Een massagepraktijk heeft een WordPress-site met een pagina Afspraak maken. Daar staat de widget in de merkkleur, met de medewerkerskeuze uit (er is er maar één), het opmerkingenveld aan en het totaalbedrag zichtbaar. Bezoekers boeken zonder de site te verlaten, en de bevestigingsmail komt gewoon uit Avana.

Veelgestelde vragen

Verandert de widget als ik mijn diensten aanpas?

Ja, meteen. De widget leest dezelfde gegevens als je boekingspagina.

Kan ik meerdere widgets op verschillende pagina's zetten?

Ja, met dezelfde code.

Werkt de widget op mobiel?

Ja, hij past zich aan de breedte aan.

Waarom staan mijn diensten in een andere volgorde?

Dat kan niet meer voorkomen: de widget volgt de volgorde van je Diensten-scherm.

Komt de widget in Google?

Nee, de ingesloten pagina wordt niet geïndexeerd. Je eigen website wel.

Ik heb iets veranderd maar zie het niet.

Ververs je eigen pagina één keer met een harde herlaadactie.

Gerelateerde artikelen

Powered by Helpable