Inbäddad bokningssida

Widgeten Inbäddad bokningssida placerar hela din bokningssida i Barberly på en sida på din webbplats, i en iframe. Kunderna gör hela bokningen utan att skickas vidare till en annan sajt. Du kan använda den på en egen bokningssida eller lägga till den på startsidan, sidor om tjänster eller kontaktsidan.

Skapa en ny instans#

1. Logga in på ditt Barberly-konto på portal.barberly.com.
2. Gå till Meny→Appar→Alla widgetar.
3. Klicka på Inbäddad bokningssida.
4. Välj Skapa ny instans.
5. Ge instansen ett namn, till exempel "Huvudsida för bokning".

Inställningar#

Stilar#

Den inbäddade sidan anpassar sig efter skärmens storlek. På datorn visas hela bokningsgränssnittet, och på mobilen anpassas gränssnittet till den mindre skärmen.

Lägg till sidan på din webbplats#

Förhandsvisningen visar hur den inbäddade sidan kommer att se ut. Gå igenom bokningsflödet och kontrollera att det fungerar.

1. Kopiera koden i avsnittet Kopiera den här koden till din webbplats.
2. Klistra in den i webbplatsens HTML där bokningssidan ska visas.
3. Spara och publicera webbplatsen.

Exempelkod:

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

Stegen för respektive plattform finns i guiderna för WordPress, Wix och Squarespace.

Flera instanser#

Du kan skapa fler instanser av den inbäddade sidan för olika delar av webbplatsen. Upprepa stegen ovan under Inbäddad bokningssida. Varje instans har sin egen integrationskod.

Uppdatera en publicerad inbäddad sida#

Öppna instansen under Meny→Appar→Alla widgetar, gör dina ändringar och spara. Den inbäddade sidan på webbplatsen uppdateras automatiskt, så du behöver inte ändra koden på din sajt.

Om sidan inte visas korrekt#

• Se till att behållaren är tillräckligt bred och hög för bokningsgränssnittet.
• Kontrollera om det finns CSS-konflikter med webbplatsens stilar.
• Kontrollera att bokningsadressen är rätt.
• Se till att ingen säkerhetspolicy för innehåll (CSP) på din sajt blockerar iframen.