Widgeten Popup-vindu for bestilling legger til en knapp på nettstedet ditt. Når besøkende klikker på den, åpnes bookingsiden din i Barberly i et popup-vindu midt på skjermen, så de blir værende på siden mens de booker. Du kan bruke den på hele nettstedet eller på enkeltsider, for eksempel tjenestesider eller blogginnlegg.
Opprett en ny forekomst#
- Logg inn på Barberly-kontoen din på portal.barberly.com.
- Gå til MenyApperAlle widgets.
- Klikk på Popup-vindu for bestilling.
- Velg Opprett ny forekomst.
- Gi forekomsten et navn, for eksempel «Hovedpopup for booking».
Innstillinger#
- Knappens tekst
- Teksten på knappen som åpner popup-vinduet.
- URL for bestilling
- URL-en til bookingsiden din i Barberly som vises i popup-vinduet.
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.
- Grenseradius
- Hvor avrundede hjørnene på knappen er.
- Skriftvekt
- Normal, fet og så videre.
- Grenseradius
- Hvor avrundede hjørnene på popup-vinduet er.
- Box Shadow
- En skygge rundt popup-vinduet.
På mobile enheter tilpasser popup-vinduet seg skjermstørrelsen og har en X-knapp for å lukke det.
Legg popup-vinduet til på nettstedet ditt#
Forhåndsvisningen viser knappen og popup-vinduet. Klikk på knappen for å sjekke at popup-vinduet åpnes med 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="popup-booking-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="popup_booking" data-container-id="popup-booking-container"></script>Fremgangsmåten for hver plattform finner du i veiledningene for WordPress, Wix og Squarespace.
Flere forekomster#
Du kan opprette flere popup-forekomster, for eksempel med et eget design for hver del av nettstedet. Gjenta trinnene ovenfor under Popup-vindu for bestilling. Hver forekomst har sin egen integrasjonskode.
Oppdater et publisert popup-vindu#
Åpne forekomsten under MenyApperAlle widgets, gjør endringene og lagre. Popup-vinduet på nettstedet ditt oppdateres automatisk, så du trenger ikke endre koden på nettstedet.