Widgetten Popup til booking tilføjer en knap til din hjemmeside. Når den besøgende klikker på den, åbnes din bookingside i Barberly i et popup-vindue midt på skærmen, så vedkommende bliver på den aktuelle side, mens der bookes. Du kan bruge den på hele hjemmesiden eller på enkelte sider, for eksempel sider om tjenester eller blogindlæg.
Opret en ny instans#
- Log ind på din Barberly-konto på portal.barberly.com.
- Gå til MenuAppsAlle widgets.
- Klik på Popup til booking.
- Vælg Opret ny instans.
- Giv instansen et navn, for eksempel "Primær booking-popup".
Indstillinger#
- Tekst på knappen
- Teksten på knappen, der åbner popup-vinduet.
- Booking-URL
- Adressen på din bookingside i Barberly, som vises i popup-vinduet.
Stilarter#
- Baggrundsfarve
- Knappens farve.
- Tekstfarve
- Farven på knappens tekst. Vælg en, der står tydeligt mod baggrunden.
- Polstring
- Afstanden inde i knappen.
- Grænseradius
- Hvor afrundede knappens hjørner er.
- Skrifttypevægt
- Normal, fed og så videre.
- Grænseradius
- Hvor afrundede popup-vinduets hjørner er.
- Box Shadow
- En skygge omkring popup-vinduet.
På mobile enheder tilpasser popup-vinduet sig skærmens størrelse og har en X-knap til at lukke det.
Tilføj popup-vinduet til din hjemmeside#
Forhåndsvisningen viser knappen og popup-vinduet. Klik på knappen, og tjek, at popup-vinduet åbner med 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="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>Trinnene for de enkelte platforme står i vejledningerne til WordPress, Wix og Squarespace.
Flere instanser#
Du kan oprette flere popup-instanser, for eksempel med sit eget design til hver del af hjemmesiden. Gentag trinnene ovenfor under Popup til booking. Hver instans har sin egen integrationskode.
Opdater et udgivet popup-vindue#
Åbn instansen under MenuAppsAlle widgets, foretag dine ændringer, og gem. Popup-vinduet på hjemmesiden opdateres automatisk, så du behøver ikke at ændre koden på dit site.