Stappenplan voor het toevoegen van Salonized in je website
Stappenplan voor het toevoegen van Salonized in je website

In deze blog leggen we je uit hoe je de boekingstool van Salonized kan toevoegen aan je website.  

Je kunt namelijk via verschillende manieren een afspraak inplannen met de bookingstool van salonized. Er bestaat een ‘knop’ functie en ‘inline versie’.  Voor de website zijn beiden code’s essentieel!

De boeking widget “knop” toevoegen aan de website:

Stap 1: Pas de instellingen voor je boeking widget aan:

Ga naar Salonized en klik op instellingen > Online afspraken 
Pas bij “Stylen en delen” de volgende instellingen aan:

  1. Kalender weergave: toon je beschikbaarheid per week of per maand
  2. Kleur widget: Gebruik de kleur uit je huisstijl.
  3. Weergave van de widget: zorg ervoor dat je Vaste knop op elke pagina van de website hebt geselecteerd.
  4.  De positie van de knop (rechts)
 
Zie hieronder:
Knop

Stap 2: Kopieer de code die onderaan de pagina te vinden is door op "code kopiëren" te klikken.

Onderaan de pagina vind je de code. Klik op “code kopiëren” zodat de hele code wordt gekopieerd. Deze code hebben wij nodig om de boekingsknop in de website te plaatsen.

knop

De boeking widget “inline” toevoegen aan de website:

Een inline versie van de boeking widget betekent dat je hem toevoegt in een bepaalde pagina op je website. We voegen de code vaak toe op de pagina ‘afspraak maken’.

Stap 1: pas de instellingen voor je boeking widget aan

Na naar de boeking widget pagina in jouw Salonized account (bij Instellingen > Online afspraken > Stylen en delen)

  1. Pas de standaard kleurinstellingen aan naar de kleur uit je huissijl.

  2. Kies voor de weergave optie Open boeking widget op een bepaalde pagina van mijn website.

  3. Kies ervoor de automatische breedte ingeschakeld te laten (of schakel uit als je dit zelf wenst in te stellen).

  4. Houd de hoogte op 700 of pas aan indien gewenst.

inline

Stap 2 : kopieer de code (het script) en voeg deze toe aan je website

De code, die toegevoegd moet worden aan de widget, vind je onderaan de pagina.

Afspraak maken

Let op: deze instellingen die je bij stap 1 aanpast hebben invloed op de code (het script), die je toevoegt aan je website. Stel dus éérst de juiste instellingen in, voor je de code kopieert om toe te voegen aan je website.

Als je op een later moment één van deze instellingen aanpast, moet de code opnieuw aan je site toegevoegd worden en de oude code moet verwijderd worden om zo de wijzigingen door te voeren.

Kom je er niet uit? Neem dan contact met ons op via onderstaande button en dan helpen wij je graag. 

Meer blogs