Dela din bokningssida

Gör det enkelt för gäster att boka bord, event eller resurser genom att dela en länk, QR-kod eller bädda in en widget. Vendion har en gemensam bokningssida med separata ingångar för bord, events och resurser.

Hitta delningsalternativen:

1. Gå till Bordsbokning → Bokningssida → Dela
2. Välj Hela bokningsflödet, Direkt till bordsbokning, Eventlistan, Ett specifikt event eller Resursbokning. Event- och resursval visas när aktiva sådana finns
3. Välj Länk, QR-kod eller Widget
4. Använd Kopiera, Ladda ner PNG eller Kopiera kod. Under Widget väljer du även hur bokningen ska synas på hemsidan: Inbäddad, Knapp eller Flytande knapp

Publika URL:er:

Allt bor på samma bokningssida – du styr vilken vy gästen landar i med en ?view=-parameter i länken:

Har du inga event eller resurser går /book/din-slug direkt till bordsbokning. Sidan respekterar din restaurangs varumärkesfärger, logotyp och språk oavsett vy. Layout, omslagsbild, underrubrik, kampanj, egna kort, menyhöjdpunkter och bekräftelsens block väljer du under Bordsbokning → Bokningssida → Sidan, i läget Egen (se Anpassa bokningssidan).

Tre sätt att dela:

1. Bokningslänk

• Kopiera länken (t.ex. app.vendion.com/book/din-restaurang, ...book/din-restaurang?view=events eller ...?view=resources)
• Dela via sociala medier, e-post eller din hemsida
• Använd separata event-länkar för olika marknadsföringskampanjer (t.ex. nyhetsbrev för vinprovning → direktlänk till event-sidan)

2. QR-kod

• Ladda ner QR-koden som bild per sida
• Skriv ut och placera:
  • Bord-QR på borden (stamgäster bokar nästa besök)
  • Event-QR på väggar, flyers eller sociala medier
  • Resurs-QR vid entrén eller i anslutning till resursen (t.ex. bowlinghallen)

3. Widget på er hemsida Under Widget får du en rad kod att klistra in i hemsidans HTML. Välj hur bokningen ska synas:

• Inbäddad: bokningen visas där du klistrar in koden och får alltid rätt höjd, i varje steg. Ingen inre scrollbar och inget tomrum.
• Knapp: en "Boka bord"-knapp där du klistrar in koden. Bokningen öppnas ovanpå hemsidan, i helskärm på mobilen och som en ruta på datorn. Gästen stänger med Stäng, Escape eller ett klick utanför rutan.
• Flytande knapp: samma knapp, men i nedre högra hörnet på hela hemsidan.

Koden ser ut så här (Vendion fyller i din adress och dina val):

<script src="https://app.vendion.com/embed/bokning.js" data-adress="din-slug" async></script>

• Vy och språk: valet till vänster (hela flödet, bord, eventlistan, ett event eller resurser) och språkvalet följer med i koden.
• Genomskinlig bakgrund (Inbäddad): bokningen smälter in i hemsidans bakgrund. Välj det bara om hemsidans bakgrund liknar bokningssidans (ljus eller mörk), annars blir texten svår att läsa.
• Knappens text och färg: "Boka bord" som standard, och du kan skriva en egen text (högst 40 tecken). Knappen får restaurangens färg från Allmänt → Varumärke. Byter ni färg senare: kopiera koden igen.
• Flera bokningar på samma sida går bra, till exempel bord och event på olika ställen, eller två restauranger. Högst en flytande knapp per sida.
• Strikt säkerhetspolicy (CSP): har hemsidan en, behöver den tillåta https://app.vendion.com i script-src och frame-src. Fråga den som byggt hemsidan om du är osäker.
• Kampanj, menyhöjdpunkter, info och omdömen visas inte i den inbäddade bokningen. De finns på den vanliga bokningssidan.
• Koden sätter inga kakor, läser inget från er hemsida och laddar inga andra skript.

Enkel iframe (för hemsidor som inte tillåter skript): Vissa hemsidebyggare tillåter inte skript. Under Enkel iframe finns då den äldre koden. Den har fast höjd och anpassar sig inte efter bokningens steg. Adressen ska sluta på /widget:

<iframe src="https://app.vendion.com/book/din-slug/widget?view=table"
  width="100%" height="680" frameborder="0" style="border-radius: 12px; max-width: 480px;"></iframe>

Obs: använd inte ?widget=1 i en iframe på en annan hemsida. Den adressen får inte visas inbäddad och blir en tom ruta. Har du en sådan kod sedan tidigare: byt till koden från Dela.

Kombinera på samma sida: Vill du ha bord, event och resurser på samma sida? Klistra in en kod per vy, eller välj Hela bokningsflödet så väljer gästen själv.

Tips:

• QR-koder på bordet är guld värda för att fånga stamgäster.
• Event-QR på flyers: printa en QR per event-kampanj, eller en gemensam för /book/slug?view=events som listar alla kommande events.
• Öppna den kopierade länken och provskanna QR-koden innan du delar eller skriver ut den.