Indlejret bookingside

Widgetten Indlejret bookingside placerer hele din bookingside i Barberly på en side på din hjemmeside, i en iframe. Kunderne gennemfører hele bookingen uden at blive sendt videre til et andet site. Du kan bruge den på en separat bookingside eller tilføje den til forsiden, sider om tjenester eller kontaktsiden.

Opret en ny instans#

1. Log ind på din Barberly-konto på portal.barberly.com.
2. Gå til Menu→Apps→Alle widgets.
3. Klik på Indlejret bookingside.
4. Vælg Opret ny instans.
5. Giv instansen et navn, for eksempel "Primær bookingside".

Indstillinger#

Stilarter#

Den indlejrede side tilpasser sig skærmens størrelse. På computeren vises hele bookinggrænsefladen, og på mobilen tilpasses grænsefladen den mindre skærm.

Tilføj siden til din hjemmeside#

Forhåndsvisningen viser, hvordan den indlejrede side kommer til at se ud. Gå bookingforløbet igennem, og tjek, at det virker.

1. Kopier koden i afsnittet Kopier denne kode til din hjemmeside.
2. Indsæt den i hjemmesidens HTML, hvor bookingsiden skal vises.
3. Gem og udgiv din hjemmeside.

Eksempel på kode:

<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>

Trinnene for de enkelte platforme står i vejledningerne til WordPress, Wix og Squarespace.

Flere instanser#

Du kan oprette flere instanser af den indlejrede side til forskellige dele af hjemmesiden. Gentag trinnene ovenfor under Indlejret bookingside. Hver instans har sin egen integrationskode.

Opdater en udgivet indlejret side#

Åbn instansen under Menu→Apps→Alle widgets, foretag dine ændringer, og gem. Den indlejrede side på hjemmesiden opdateres automatisk, så du behøver ikke at ændre koden på dit site.

Hvis siden ikke vises korrekt#

• Sørg for, at containeren er bred og høj nok til bookinggrænsefladen.
• Tjek for CSS-konflikter med hjemmesidens stilarter.
• Tjek, at booking-URL'en er korrekt.
• Sørg for, at ingen sikkerhedspolitik for indhold (CSP) på dit site blokerer iframen.