Hur bäddar du in bokning på din egen webbplats?

Du kan visa era lediga tider direkt på er egen hemsida genom att klistra in en liten kodsnutt från GlennBook, en så kallad bokningswidget. Besökaren ser en kalender med era tider på en gång, i era färger. När någon väljer en tid öppnas bokningen i en ny flik, där inloggning och betalning sköts på vanligt sätt. Koden hittar du under Inställningar → Offentlig profil → Färger & inbäddning.

Så lägger du in den

1. Gå till Inställningar → Offentlig profil.
2. Scrolla ner till Färger & inbäddning och klicka Kopiera vid inbäddningskoden.
3. Klistra in koden där du vill ha kalendern, oftast på sidan "Boka" eller på startsidan.

Koden ser ut ungefär så här och fungerar i vanliga verktyg som WordPress, Squarespace och Wix:

<iframe src="https://glennbook.se/embed/er-klubb" width="100%" height="760"
        style="border:0;border-radius:12px" title="Boka tid" loading="lazy"></iframe>

Vill du se hur det ser ut innan du publicerar? Klicka Förhandsgranska bokningsvyn bredvid koden.

Anpassa färgerna

Sätt en primärfärg och en accentfärg så att kalendern matchar er sida i stället för att se ut som ett utomstående verktyg. Lämnar du fälten tomma används GlennBooks standardfärger. Logotypen hämtas automatiskt från er offentliga profil.

Varför öppnas bokningen i en ny flik?

Inbäddningen visar bara lediga tider. Själva bokningen, med inloggning och kortbetalning, öppnas i en ny flik på glennbook.se. Det beror på att webbläsare av säkerhetsskäl inte tillåter inloggning och betalning inuti en inbäddad ruta på en annan sida. Lösningen ger besökaren det bästa av två världar: tiderna syns på er hemsida, och betalningen sker tryggt.

Inbäddningen och er sida på Google

Ni får alltid en egen sida på glennbook.se/k/er-klubb med samma lediga tider. Den är byggd för att synas på Google, så fyll i beskrivning, adress och bilder. De två kompletterar varandra: inbäddningen tar hand om besökare som redan är på er hemsida, medan /k-sidan hjälper nya att hitta er via sökningar.

Tips

• Lägg kalendern högt upp på boka-sidan så att tiderna syns utan att man behöver leta.
• En höjd på runt 760 pixlar rymmer en hel vecka. Bredden anpassar sig själv.
• Se till att ni har bokningsbara resurser och öppettider inlagda, annars visas inga tider.

Inte igång med bokning ännu? Börja med Så väljer du bokningssystem och Så minskar du dubbelbokningar.