Share Your Booking Page

Make it easy for guests to book tables, events or resources by sharing a link, QR code or embedding a widget. Vendion has one shared booking page with separate entry points for tables, events and resources.

Find the sharing options:

1. Go to Bordsbokning → Bokningssida → Dela (Booking page → Share)
2. Choose Hela bokningsflödet, Direkt till bordsbokning, Eventlistan, Ett specifikt event or Resursbokning. Event and resource choices appear when active ones exist
3. Choose Länk, QR-kod or Widget
4. Use Kopiera, Ladda ner PNG or Kopiera kod (Copy, Download PNG, Copy code). Under Widget you also choose how the booking shows on your website: Inbäddad (embedded), Knapp (button) or Flytande knapp (floating button)

Public URLs:

Everything lives on the same booking page – you control which view the guest lands on with a ?view= parameter in the link:

If you have no events or resources, /book/your-slug goes straight to table booking. The page respects your restaurant's brand colors, logo and language in every view. Layout, cover image, subtitle, campaign, custom cards, menu highlights and the confirmation blocks are chosen under Bordsbokning → Bokningssida → Sidan (Table booking → Booking page → Page), in the Egen (Custom) mode (see Customize the Booking Page).

Three ways to share:

1. Booking link

• Copy the link (e.g. app.vendion.com/book/your-restaurant, ...book/your-restaurant?view=events or ...?view=resources)
• Share via social media, email or your website
• Use separate event links for different marketing campaigns (e.g. newsletter for a wine tasting → direct link to the event page)

2. QR code

• Download the QR code as an image for each page
• Print and place:
  • Table QR on tables (regulars book their next visit)
  • Event QR on walls, flyers or social media
  • Resource QR near the entrance or adjacent to the resource (e.g. the bowling hall)

3. Widget on your website Under Widget you get one line of code to paste into your website's HTML. Choose how the booking shows:

• Inbäddad (embedded): the booking shows where you paste the code and always gets the right height, in every step. No inner scrollbar and no empty space.
• Knapp (button): a "Book a table" button where you paste the code. The booking opens on top of your website, full screen on mobile and as a box on desktop. The guest closes it with Close, Escape or a click outside the box.
• Flytande knapp (floating button): the same button, in the bottom right corner of every page.

The code looks like this (Vendion fills in your address and choices):

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

• View and language: the choice on the left (whole flow, tables, event list, one event or resources) and the language choice are included in the code.
• Transparent background (embedded): the booking blends into your website's background. Only choose it if your website's background is similar to the booking page's (light or dark), otherwise the text is hard to read.
• Button text and colour: "Boka bord" by default (or "Book a table" in English), and you can write your own (at most 40 characters). The button gets the restaurant's colour from Allmänt → Varumärke (General → Brand). If you change colour later: copy the code again.
• Several bookings on the same page work, for example tables and events in different places, or two restaurants. At most one floating button per page.
• Strict security policy (CSP): if your website has one, it must allow https://app.vendion.com in script-src and frame-src. Ask whoever built the website if you are unsure.
• Campaign, menu highlights, info and reviews are not shown in the embedded booking. They are on the regular booking page.
• The code sets no cookies, reads nothing from your website and loads no other scripts.

Simple iframe (for websites that don't allow scripts): Some website builders don't allow scripts. Under Enkel iframe (simple iframe) you find the older code. It has a fixed height and does not adapt to the booking steps. The address must end with /widget:

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

Note: do not use ?widget=1 in an iframe on another website. That address may not be shown embedded and becomes an empty box. If you have such code from before: switch to the code from Dela (Share).

Combine on the same page: Want tables, events and resources on the same page? Paste one code per view, or choose Hela bokningsflödet (whole booking flow) and let the guest choose.

Tips:

• Table QR codes are gold for catching regulars.
• Event QR on flyers: print a QR per event campaign, or a shared one for /book/slug?view=events that lists all upcoming events.
• Open the copied link and scan the QR code before sharing or printing it.