Boekingswidget — voeg Addagio toe aan je website
Laat klanten direct op je eigen website boeken. De Addagio-widget werkt in twee modi: een zwevende knop die je boekingspagina in een pop-up opent, of een inline formulier dat direct in je pagina wordt weergegeven.
Installatie in 2 stappen
- Vind je slug in Dashboard → Instellingen onder "Boekings-URL" — het deel na addagio.io/book/.
- Plak het codefragment vóór de sluitende </body>-tag van je website.
Zwevende knop + pop-up
Een "Boek nu"-knop verschijnt in de hoek van je site. Bij een klik opent je boekingspagina in een strakke overlay — klanten boeken zonder je site te verlaten.
<script>
var addagioWidget = {
slug: 'your-business-slug',
buttonText: 'Book Now',
color: '#C67B5C',
position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>Inline boekingsformulier
De volledige boekingsflow (diensten, kalender, afrekenen) wordt direct in je pagina-indeling weergegeven — zoals de inline widget van Calendly. Voeg een lege div toe waar je het formulier wilt.
<div data-addagio-inline="your-business-slug">
<a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>Het inline frame past zijn hoogte automatisch aan de inhoud aan — geen scrollbalken, geen vaste hoogtes. Je kunt meerdere formulieren op één pagina plaatsen.
Volledige technische referentie (alle opties, JavaScript-API, platformhandleidingen) →
Veelgestelde vragen
Maakt het mijn website trager?⌄
Nee. Het script is 3KB en laadt asynchroon — het blokkeert het renderen van je pagina niet.
Werkt het met WordPress, Wix, Squarespace of Shopify?⌄
Ja. Plak het fragment in de footer van je thema of in het custom-code-gedeelte van je sitebuilder. Elk platform dat eigen HTML toestaat werkt.
Past het inline formulier zijn hoogte automatisch aan?⌄
Ja. Het ingesloten formulier geeft zijn hoogte door aan je pagina en het frame past zich automatisch aan terwijl klanten de boekingsstappen doorlopen.
Languages