Hieronder geven we een overzicht van hoe je online boeken voor je salon toevoegt aan een website die op het Voog-platform is gebouwd.

Er zijn meerdere mogelijkheden: je kunt bijvoorbeeld een boekingslink in het menu zetten, of juist een zwevende boekingsknop toevoegen die opvalt op elke pagina van de website.

__wf_reserved_inherit

1. Boekingslink toevoegen aan het bovenste menu van Voog

__wf_reserved_inherit
  1. Log in op je Voog-website en kies Site bewerken.
  2. Zoek in de instellingen van het bovenste menu de plek waar je een nieuw menu-item kunt toevoegen (knop: Toevoegen).
  3. Kies In plaats daarvan een link toevoegen en geef als naam Boek een afspraak.
  4. Plak de eerder uit SalonLife gekopieerde boekingslink in het adresveld.
  5. Sla de wijzigingen op.
__wf_reserved_inherit

Nu staat er in het bovenste menu van je website een boekingsknop; klikt een bezoeker erop, dan wordt hij rechtstreeks naar je online boekingspagina van SalonLife doorgestuurd.

2. Een zwevende boekingsknop toevoegen

__wf_reserved_inherit

Wil je dat het online-boekingsvenster rechtstreeks op je website opent, dan is een zwevende knop de ideale oplossing. Deze blijft zichtbaar aan de rand van het scherm, ook als de bezoeker op de pagina rondkijkt en op- en neerscrollt.

  1. Ga in SalonLife naar de pagina Apps en kies daar Online booking.
  2. Ga vervolgens naar de pagina Website-integratie.
  3. Kies het gewenste ontwerp voor de boekingsknop en voer de knoptekst in (bijv. Boek een afspraak).
  4. Kopieer de code uit de generator (deze is nodig om de zwevende knop toe te voegen).
  5. Ga in Voog naar de pagina Site bewerken, kies Instellingen en vervolgens Site.
  6. Er opent een nieuw tabblad. Bij het veld Externe statistiekcode plak je het eerder gekopieerde codefragment.
  7. Plak de code daar en scroll naar beneden om de wijzigingen op te slaan.
__wf_reserved_inherit

‍
Heb je opgeslagen en de pagina opnieuw geopend, dan zou je rechtsonder of aan de rand van het scherm een zwevende knop moeten zien (bijv. Boek een afspraak). Klik je erop, dan opent een klein popup-boekingsvenster, waar de bezoeker de boeking kan afronden zonder de website te verlaten.
‍

TIP:
De kleur, tekst en stijl van de zwevende knop kun je altijd wijzigen op de pagina Online booking en Website-integratie, en vervolgens simpelweg bijwerken door de code opnieuw te kopiëren.

‍
Met het Voog-websiteplatform is het integreren van het online-boekingssysteem van SalonLife een eenvoudig en snel proces. Door een knop aan het menu van je website toe te voegen, of juist een zwevende knop rechtsonder, kunnen klanten gemakkelijk zelf een geschikte tijd kiezen. Veel succes met instellen!