Widgeten Innebygd bookingside plasserer hele bookingsiden din i Barberly inne på en side på nettstedet ditt, i en iframe. Kundene fullfører hele bookingen uten å bli sendt til et annet nettsted. Du kan bruke den på en egen bookingside eller legge den til på forsiden, tjenestesidene eller kontaktsiden.
Opprett en ny forekomst#
- Logg inn på Barberly-kontoen din på portal.barberly.com.
- Gå til MenyApperAlle widgets.
- Klikk på Innebygd bookingside.
- Velg Opprett ny forekomst.
- Gi forekomsten et navn, for eksempel «Hovedside for booking».
Innstillinger#
- URL for bestilling
- URL-en til bookingsiden din i Barberly.
- Høyde
- Høyden på den innebygde siden, for eksempel «100%» for full høyde eller en verdi i piksler som «600px».
Stiler#
- Grenseradius
- Hvor avrundede hjørnene er.
- Box Shadow
- En skygge rundt widgeten.
Den innebygde siden tilpasser seg skjermstørrelsen. På datamaskin vises hele bookinggrensesnittet, og på mobil tilpasses grensesnittet den mindre skjermen.
Legg siden til på nettstedet ditt#
Forhåndsvisningen viser hvordan den innebygde siden kommer til å se ut. Gå gjennom bookingen for å sjekke at alt fungerer.
- Kopier koden fra delen Kopier denne koden til nettstedet ditt.
- Lim den inn i HTML-koden på nettstedet ditt der bookingsiden skal vises.
- Lagre og publiser nettstedet ditt.
Eksempelkode:
<div id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="embed_262b1c5d48b64c16a9786cd8ebbbecd3" data-container-id="262b1c5d48b64c16a9786cd8ebbbecd3-container"></script>Fremgangsmåten for hver plattform finner du i veiledningene for WordPress, Wix og Squarespace.
Flere forekomster#
Du kan opprette flere forekomster av den innebygde siden for ulike deler av nettstedet. Gjenta trinnene ovenfor under Innebygd bookingside. Hver forekomst har sin egen integrasjonskode.
Oppdater en publisert innebygd side#
Åpne forekomsten under MenyApperAlle widgets, gjør endringene og lagre. Den innebygde siden på nettstedet ditt oppdateres automatisk, så du trenger ikke endre koden på nettstedet.
Hvis siden ikke vises riktig#
- Sørg for at beholderen er bred og høy nok for bookinggrensesnittet.
- Se etter CSS-konflikter med stilene på nettstedet ditt.
- Sjekk at URL-en for bestilling er riktig.
- Sørg for at ingen innholdssikkerhetspolicy (CSP) på nettstedet blokkerer iframe-en.