Hoe voeg je Salonized toe aan je website

Met de boekingstool van Salonized maak je het eenvoudig voor klanten om online een afspraak te plannen. Of je nu kiest voor een handige knop of een inline versie van de tool, beide opties zijn gemakkelijk toe te voegen aan je website.

Hier leggen we stap voor stap uit hoe je dit doet.

De verschillende manieren om Salonized te integreren

Salonized biedt twee manieren om de boekingstool te integreren:

  • Knop: Een vaste knop die zichtbaar blijft op elke pagina van je website.
  • Inline versie: Een boekingswidget die op een specifieke pagina wordt weergegeven, zoals een “Afspraak maken”-pagina.

Beide opties vereisen het instellen van de widget in Salonized en het toevoegen van de bijbehorende code aan je website.

De knop toevoegen aan je website

Een knop is een geweldige manier om klanten eenvoudig toegang te geven tot je boekingssysteem. De knop blijft op elke pagina zichtbaar en zorgt zo voor maximale toegankelijkheid.

Stap 1: Instellen van de knop

  • Ga naar je Salonized-dashboard en klik op Instellingen > Online afspraken > Stylen en delen.
  • Pas de volgende instellingen aan:
    Kalenderweergave: Kies of je de beschikbaarheid per week of per maand wilt tonen.
  • Widgetkleur: Gebruik een kleur die past bij je huisstijl.
  • Weergave widget: Selecteer Vaste knop op elke pagina.
  • Positie: Kies bijvoorbeeld de rechterkant van de pagina.

Stap 2: Kopieer de knopcode
Onderaan de instellingenpagina vind je een unieke code. Klik op Code kopiëren en sla deze op. Deze code voeg je straks toe aan je website.

De inline widget toevoegen aan een specifieke pagina

Met de inline widget voeg je het boekingssysteem toe aan een specifieke pagina, bijvoorbeeld “Afspraak maken”. Dit maakt het mogelijk om bezoekers direct binnen een pagina een afspraak te laten plannen.

Stap 1: Instellen van de inline widget

  • Ga naar Instellingen > Online afspraken > Stylen en delen in je Salonized-account.
    Stel de widget in:
  • Kleurinstellingen: Pas de kleuren aan volgens je huisstijl.
  • Weergave-optie: Kies Open boeking widget op een specifieke pagina.
  • Automatische breedte: Laat deze ingeschakeld of stel handmatig de breedte in.
  • Hoogte: Stel standaard in op 700 pixels of pas dit aan naar wens.

Stap 2: Kopieer de inline code
Net als bij de knop vind je onderaan de instellingenpagina de code voor de inline widget. Kopieer deze code en voeg deze toe aan de pagina waar je de widget wilt weergeven.

Let op bij wijzigingen

De instellingen die je maakt in Salonized hebben invloed op de gegenereerde code. Zorg ervoor dat je de juiste instellingen kiest voordat je de code toevoegt aan je website. Als je later aanpassingen maakt, moet je de nieuwe code opnieuw implementeren en de oude code verwijderen.

Hulp nodig?

Kom je er niet uit of heb je vragen? Neem gerust contact op met het supportteam van Salonized. Ze helpen je graag verder bij het toevoegen van de boekingstool aan je website

Lees meer