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:
- Kalender weergave: toon je beschikbaarheid per week of per maand
- Kleur widget: Gebruik de kleur uit je huisstijl.
- Weergave van de widget: zorg ervoor dat je Vaste knop op elke pagina van de website hebt geselecteerd.
- De positie van de knop (rechts)
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.
De boeking widget “inline” toevoegen aan de website:
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)
Pas de standaard kleurinstellingen aan naar de kleur uit je huissijl.
Kies voor de weergave optie Open boeking widget op een bepaalde pagina van mijn website.
Kies ervoor de automatische breedte ingeschakeld te laten (of schakel uit als je dit zelf wenst in te stellen).
Houd de hoogte op 700 of pas aan indien gewenst.
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.
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.
