Een boekknop op je website of Instagram

Met de boekknop boeken klanten op je eigen website. Je plakt één keer een stukje code en daarna hoef je er niet meer naar om te kijken: pas je je kleur of je behandelingen aan, dan verandert de knop vanzelf mee.

Zo begin je

1. Ga naar Instellingen›Boekingswidget.
2. Kies bij Waar staat je website? de tegel van je websitebouwer, bijvoorbeeld WordPress of Wix.
3. Kies Knop op elke pagina of In één pagina. Twijfel je, neem dan de knop.
4. Tik op Kopieer code. Daaronder staan de stappen voor jouw websitebouwer. Dezelfde stappen vind je hieronder in dit artikel.

Knop op elke pagina of in één pagina?

Knop op elke pagina zet onderin je website een knop Maak afspraak. Die blijft staan terwijl je klant scrolt. Een tik opent het boeken in een venster over je website, zodat je klant je website niet verlaat. Op een telefoon staat de knop onderin het midden.

In één pagina zet het boeken midden op één pagina, bijvoorbeeld een pagina Afspraak maken. Kies dit als je websitebouwer geen code voor de hele website toelaat. Je klant boekt dan alleen op die pagina.

Onder de code kies je of er een knop voor cadeaubonnen naast staat, en of de knop rechts of links staat. Bij Hoe het eruitziet kies je de kleur. Je hoeft de code daarna niet opnieuw te plakken. De widget toont alleen je behandelingen en vrije tijden, nooit gegevens van klanten.

WordPress

Voor de knop gebruik je de gratis plug-in WPCode. Dat werkt ook als je je website met Elementor of Divi maakt.

1. Ga in WordPress naar Plugins, Nieuwe plugin, zoek WPCode en klik Nu installeren en Activeren.
2. Ga in het menu links naar Code Snippets en dan Header & Footer.
3. Plak de code in het vak Footer en klik Wijzigingen opslaan.

Liever in één pagina? Open de pagina, klik op +, kies het blok Aangepaste HTML (in Elementor heet het HTML), plak de code en klik Bijwerken. Werk je met WordPress.com in plaats van een eigen WordPress, dan kunnen plug-ins alleen in een duurder pakket. Kies dan In één pagina.

Wix

1. Open in je Wix-dashboard Instellingen en kies bij Geavanceerd de optie Aangepaste code.
2. Klik + Aangepaste code toevoegen en plak de code.
3. Kies Alle pagina's en als plaats Body: einde. Klik Toepassen en publiceer je website.

Aangepaste code werkt bij Wix alleen met een premiumpakket en een eigen domein. Heb je dat niet, kies dan In één pagina: klik in de editor op Toevoegen, Insluiten en HTML insluiten, plak de code, maak het blok zo'n 760 pixels hoog en klik Publiceren.

Squarespace

1. Ga naar Instellingen en zoek Code-injectie. Die staat onder Ontwikkelaarstools of Geavanceerd.
2. Plak de code in het vak Footer en klik Opslaan. De knop staat meteen op elke pagina.

Code-injectie zit niet in elk pakket van Squarespace. Het Code-blok meestal wel: open de pagina, klik Bewerken en Blok toevoegen, kies Code, plak de code en klik Opslaan.

Shopify

1. Ga naar Onlinewinkel, Thema's en klik Aanpassen.
2. Klik bij de Footer op Sectie toevoegen en kies Aangepaste Liquid.
3. Plak de code in het vak Liquid-code en klik Opslaan.

Je hoeft geen themacode te bewerken. Voor één pagina kies je bovenin de thema-editor je pagina Afspraak maken en voeg je daar dezelfde sectie Aangepaste Liquid toe.

Webflow

De menu's van Webflow zijn Engels.

1. Ga naar Site settings en dan Custom code.
2. Plak de code in Footer code en klik Save changes.
3. Klik in de Designer op Publish. Pas dan staat de knop op je website.

Custom code werkt bij Webflow alleen met een betaald siteplan. Voor één pagina sleep je in de Designer een Code Embed op de pagina, plak je de code en klik je Save & Close en Publish.

Jimdo

1. Ga naar Instellingen en zoek de plek voor eigen code in de head, bijvoorbeeld Bewerk head.
2. Plak de code en klik Opslaan. De knop werkt ook vanuit de head.

Eigen code in de head kan bij Jimdo alleen in betaalde pakketten. Voor één pagina klik je op Element toevoegen, kies je Widget/HTML, plak je de code en klik je Opslaan.

One.com, Strato of een andere websitebouwer

1. Zoek in de instellingen van je website naar Aangepaste code, Code-injectie, Scripts of Footer.
2. Plak de code daar, zodat hij op elke pagina staat. Sla op en publiceer.

Vind je dat niet? Zoek dan in de editor een blok dat HTML, Insluiten, Embed of Code heet, en kies in Avana In één pagina. Kun je nergens code kwijt, zet dan je boekingslink achter een knop op je website. Dat kan in elke websitebouwer.

Doet iemand anders je website?

1. Kies bij Waar staat je website? de tegel Iemand anders maakt mijn website.
2. Vul de naam en het e-mailadres in van wie je website maakt.
3. Kies wat je wilt: een knop op elke pagina, het boeken in één pagina, of laat de bouwer kiezen. Een bericht erbij mag.
4. Tik op Verstuur.

Avana mailt je websitebouwer de code van je salon en een link naar de uitleg voor websitebouwers. Je krijgt zelf een kopie, en als je bouwer antwoordt, komt dat antwoord bij jou. Bovenaan zie je dan Verstuurd naar, met de naam van je bouwer.

Geen website?

Kies de tegel Ik heb geen website. Je ziet dan je boekingslink: zet hem in een mail, je nieuwsbrief of achter een knop. Voor je balie of een flyer gebruik je je QR-code, die je daar ook opent. Voor Instagram lees je hieronder hoe je je link in je bio zet.

Werkt het?

Open je website op je eigen adres. Zodra de knop daar één keer is geladen, staat bovenaan in Avana het groene label Actief met het adres van je website. De eerste keer krijg je ook een mail dat je boekknop op je website staat. Dat label komt alleen bij de knop op elke pagina, niet bij In één pagina.

Zie je na een uur nog geen Actief? Kijk of je na het plakken op publiceren hebt geklikt, en of de code op elke pagina staat. Staat hij in een cookiebanner of tag manager, dan laadt de knop pas als een bezoeker dat toelaat.

Je link in je Instagram-bio

Voor Instagram gebruik je de link van je boekingspagina. Wie je profiel bekijkt, kan dan meteen boeken.

1. Open Instellingen en typ bio in de zoekbalk. Tik op het resultaat Je link delen; er opent een venster.
2. Tik op Kopieer link.
3. Open Instagram, ga naar Profiel bewerken en plak de link onder Links.

In hetzelfde venster staat een kant-en-klaar antwoord met je link erin, dat je in Instagram bij Opgeslagen antwoorden of in WhatsApp Business als begroetingsbericht kunt zetten. Meer manieren om je link te verspreiden lees je in je boekingslink delen.

Veelgestelde vragen