Widgeten Bestill online-knappen legger til en knapp på nettstedet ditt. Når besøkende klikker på den, kommer de til bookingsiden din i Barberly, der de bestiller en avtale. Vanlige plasseringer er forsiden, tjenestesiden og toppteksten eller bunnteksten på nettstedet.
Opprett en ny forekomst#
- Logg inn på Barberly-kontoen din på portal.barberly.com.
- Gå til MenyApperAlle widgets.
- Klikk på Bestill online-knappen.
- Velg Opprett ny forekomst.
- Gi forekomsten et navn, for eksempel «Knapp på forsiden».
Innstillinger#
- Knappens tekst
- Teksten på knappen, for eksempel «Bestill nå» eller «Bestill time».
- URL for bestilling
- URL-en til bookingsiden din i Barberly.
Stiler#
- Bakgrunnsfarge
- Fargen på knappen.
- Tekstfarge
- Fargen på teksten på knappen. Velg en farge som skiller seg tydelig fra bakgrunnen.
- Polstring
- Avstanden inne i knappen, i formatet topp/høyre/bunn/venstre.
- Grenseradius
- Hvor avrundede hjørnene er.
- Skriftvekt
- Normal, fet og så videre.
- Box Shadow
- En skygge rundt knappen.
Legg knappen til på nettstedet ditt#
Forhåndsvisningen viser hvordan knappen kommer til å se ut. Klikk på den for å sjekke at den åpner bookingsiden din.
- Kopier koden fra delen Kopier denne koden til nettstedet ditt.
- Lim den inn i HTML-koden på nettstedet ditt der knappen skal vises.
- Lagre og publiser nettstedet ditt.
Eksempelkode:
<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>Fremgangsmåten for hver plattform finner du i veiledningene for WordPress, Wix og Squarespace.
Flere forekomster#
Du kan opprette flere knappeforekomster, for eksempel med et eget design for hver del av nettstedet. Gjenta trinnene ovenfor under Bestill online-knappen. Hver forekomst har sin egen integrasjonskode.
Oppdater en publisert knapp#
Åpne forekomsten under MenyApperAlle widgets, gjør endringene og lagre. Knappen på nettstedet ditt oppdateres automatisk, så du trenger ikke endre koden på nettstedet.