Zet online boeken op je eigen website

Je vindt je persoonlijke code kant-en-klaar in SalonMaster onder Instellingen → Website boekwidget, met jouw salon-ID er al in. Hieronder zie je de drie manieren om hem in te sluiten.

1. Inline (aanbevolen)

Toont het boekformulier direct op de pagina. Werkt op elke website, zonder verdere instellingen. Plak de code waar je het formulier wilt tonen.

<div data-salonmaster-booking data-salon="JOUW-SALON-ID"></div>
<script src="https://salonmaster.nl/embed.js" async></script>

2. Knop met pop-up

Een “Boek nu”-knop die het formulier in een venster opent — handig boven aan een pagina of in een menu. Pas het label aan met data-label.

<div data-salonmaster-booking data-salon="JOUW-SALON-ID"
     data-mode="popup" data-label="Boek nu"></div>
<script src="https://salonmaster.nl/embed.js" async></script>

3. Zonder iframe (geavanceerd)

Rendert het formulier rechtstreeks in je eigen pagina, voor de snelste weergave en volledige styling-controle. Hiervoor moet je je websitedomein toevoegen onder Instellingen → Website boekwidget → Je websitedomeinen, zodat de widget je boekingsgegevens mag laden.

<div data-salonmaster-booking data-salon="JOUW-SALON-ID"
     data-mode="inline"></div>
<script src="https://salonmaster.nl/embed.js" async></script>

Kleur en taal

Stel je accentkleur in bij de widgetinstellingen, of overschrijf hem per plek met data-primary-color="#0f766e". De widget is standaard Nederlandstalig.