De widget Online boeken voegt een knop toe aan uw website. Met een klik daarop gaat de bezoeker naar uw Barberly-boekingspagina, waar hij een afspraak boekt. Gebruikelijke plekken zijn de homepage, de pagina met diensten en de header of footer van de website.
Een nieuwe instantie maken#
- Log in op uw Barberly-account via portal.barberly.com.
- Ga naar MenuAppsAlle widgets.
- Klik op Boek online knop.
- Kies Nieuwe instantie maken.
- Geef de instantie een naam, bijvoorbeeld "Knop homepage".
Instellingen#
- Knop tekst
- De tekst op de knop, bijvoorbeeld "Nu boeken" of "Afspraak maken".
- Reservering URL
- De URL van uw Barberly-boekingspagina.
Stijlen#
- Achtergrondkleur
- De kleur van de knop.
- Tekstkleur
- De kleur van de tekst op de knop. Kies een kleur die afsteekt tegen de achtergrond.
- Opvulling
- De ruimte binnen de knop, in de notatie boven/rechts/onder/links.
- Grensradius
- Hoe rond de hoeken zijn.
- Gewicht lettertype
- Normaal, vet enzovoort.
- Schaduwdoos
- Een schaduw rond de knop.
De knop op uw website plaatsen#
De live preview laat zien hoe de knop eruit komt te zien. Klik erop om te controleren of uw boekingspagina opent.
- Kopieer de code uit het onderdeel Kopieer deze code naar uw website.
- Plak deze in de HTML van uw website op de plek waar de knop moet verschijnen.
- Sla uw website op en publiceer deze.
Voorbeeldcode:
<div id="8854691ef448cad2ae94bb4cc5b9a-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="button_8854691ef448cad2ae94bb4cc5b9a" data-container-id="8854691ef448cad2ae94bb4cc5b9a-container"></script>De stappen per platform vindt u in de handleidingen voor WordPress, Wix en Squarespace.
Meerdere instanties#
U kunt meer instanties van de knop maken, bijvoorbeeld met een eigen ontwerp voor elk deel van uw website. Herhaal daarvoor de stappen hierboven onder Boek online knop. Elke instantie heeft een eigen integratiecode.
Een gepubliceerde knop wijzigen#
Open de instantie onder MenuAppsAlle widgets, breng uw wijzigingen aan en sla op. De knop op uw website wordt automatisch bijgewerkt, dus u hoeft de code op uw website niet aan te passen.