Naar de inhoud
bitbooking

Website & boekingspagina

Boekknop of boekingsformulier op je eigen website

Heb je een website in WordPress, Wix of Squarespace? Zet er het boekingsformulier of een zwevende boekknop op met een stukje code dat je kopieert.

2 min lezen
Op deze pagina

Heb je al een eigen website? Dan hoef je niet over te stappen. Op het tabblad Insluiten van je bedrijf vind je twee stukjes code die je op je website plakt: het hele boekingsformulier op een pagina, of een zwevende boekknop in de hoek van elke pagina. Klanten boeken dan zonder je website te verlaten.

OptieWanneer kies je het
Boekingsformulier op je paginaJe wilt een vaste pagina “Afspraak maken” met het formulier erop.
Zwevende boekknopJe wilt dat bezoekers vanaf elke pagina kunnen boeken. De knop opent het formulier in een pop-up.

Het boekingsformulier op een pagina zetten

  1. Stap 1: Ga naar Bedrijven, klik bij je bedrijf op Beheren en open Insluiten.

  2. Stap 2: Kies bij Boekingsformulier op je pagina de Hoogte in pixels (400 tot 1600) en of je Afgeronde hoeken wilt.

  3. Stap 3: Klik op Code kopiëren.

  4. Stap 4: Plak de code op je website, op de plek waar het formulier moet komen.

    In WordPress gebruik je een blok “Aangepaste HTML”, in Wix een “Embed HTML”-element en in Squarespace een “Code”-blok.

Een zwevende boekknop toevoegen

  1. Stap 1: Ga op hetzelfde tabblad naar Zwevende boekknop.

  2. Stap 2: Stel de Knoptekst, Knopkleur, Tekstkleur, Positie en Grootte in.

    Bij Voorbeeld zie je meteen hoe de knop eruitziet. Kleuren vul je in als hexcode, zoals #7c3aed.

  3. Stap 3: Klik op Code kopiëren.

  4. Stap 4: Plak de code op elke pagina vlak voor de afsluitende </body>-tag.

    Veel websitebouwers hebben hiervoor een instelling als “Code in footer” of “Custom code”. Dan hoef je hem maar één keer te plakken.

Moet ik de code opnieuw plakken als ik mijn behandelingen wijzig?

Nee. Het formulier haalt altijd je actuele behandelingen, medewerkers en vrije tijden op.

Het formulier wordt afgesneden op mijn website.

Kies een grotere Hoogte en kopieer en plak de code opnieuw.

Hoe ziet het formulier eruit?

Hetzelfde als op je boekingspagina, met dezelfde stappen. Zie Zo boeken, wijzigen en annuleren je klanten.

Was dit artikel nuttig?