Widgetten Book online-knap tilføjer en knap til din hjemmeside. Når den besøgende klikker på den, kommer vedkommende til din bookingside i Barberly og booker en tid der. Typiske steder til knappen er forsiden, siden med tjenester og sidehovedet eller sidefoden.
Opret en ny instans#
- Log ind på din Barberly-konto på portal.barberly.com.
- Gå til MenuAppsAlle widgets.
- Klik på Book online-knap.
- Vælg Opret ny instans.
- Giv instansen et navn, for eksempel "Knap på forsiden".
Indstillinger#
- Tekst på knappen
- Teksten på knappen, for eksempel "Book nu" eller "Book en tid".
- Booking-URL
- Adressen på din bookingside i Barberly.
Stilarter#
- Baggrundsfarve
- Knappens farve.
- Tekstfarve
- Farven på knappens tekst. Vælg en, der står tydeligt mod baggrunden.
- Polstring
- Afstanden inde i knappen, i formatet top/højre/bund/venstre.
- Grænseradius
- Hvor afrundede hjørnerne er.
- Skrifttypevægt
- Normal, fed og så videre.
- Box Shadow
- En skygge omkring knappen.
Tilføj knappen til din hjemmeside#
Forhåndsvisningen viser, hvordan knappen kommer til at se ud. Klik på den, og tjek, at den åbner din bookingside.
- Kopier koden i afsnittet Kopier denne kode til din hjemmeside.
- Indsæt den i hjemmesidens HTML, hvor knappen skal vises.
- Gem og udgiv din hjemmeside.
Eksempel på kode:
<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>Trinnene for de enkelte platforme står i vejledningerne til WordPress, Wix og Squarespace.
Flere instanser#
Du kan oprette flere knapinstanser, for eksempel med sit eget design til hver del af hjemmesiden. Gentag trinnene ovenfor under Book online-knap. Hver instans har sin egen integrationskode.
Opdater en udgivet knap#
Åbn instansen under MenuAppsAlle widgets, foretag dine ændringer, og gem. Knappen på hjemmesiden opdateres automatisk, så du behøver ikke at ændre koden på dit site.