Embeds (tickets and menus on your site)
Put VenueOS checkout and menus on your own website with one snippet. Buyers never leave your site, payments go to your Stripe account, and every sale keeps its marketing attribution. No API key needed.
Ticket checkout
<div id="tickets"></div>
<script src="https://app.venueos.justwhat.net/api/embed/tickets.js"
data-venue-slug="your-venue"
data-event-slug="your-event"
data-target="#tickets"
data-layout="responsive"
data-theme="dark"></script>
Copy the exact snippet for each event from Integrations → Site install in VenueOS.
| Attribute | Values | Default |
|---|---|---|
data-venue-slug | Your venue's slug (required) | |
data-event-slug | The event's slug (required) | |
data-target | CSS selector for where to render | The element right before the script |
data-layout | full, compact (a ticket picker for sidebars), or responsive (compact on narrow spaces) | full |
data-compact-breakpoint | Width in px where responsive switches to compact | 640 |
data-theme | light or dark | light |
data-min-height | Height to reserve while loading, e.g. 600px | 760px (250px compact) |
data-loading-text | What screen readers hear while it loads | "Loading tickets" |
data-title | The frame's accessible title | "Tickets" |
data-placement | A label for reports, e.g. homepage-hero | The layout |
The embed resizes itself to fit, supports Apple Pay and Google Pay through Stripe, and works in any site builder that accepts HTML (Squarespace, Wix, WordPress, Webflow, Shopify).
Attribution
The embed passes the page's UTM tags (utm_source, utm_medium, utm_campaign, utm_content, utm_term), ad click IDs (gclid, gbraid, wbraid) and Mailchimp IDs (mc_cid, mc_eid) into checkout, plus where the visitor came from before your site. Orders show the campaign that sold them in Reports and in the orders API. You can also set any of these as attributes, e.g. data-utm-source="poster".
Prefill
Add ?tickets=…&buyer_email=… style parameters to your page's URL (tickets, addons, buyer_email, buyer_first_name, buyer_last_name, buyer_phone) to prefill checkout, for example from a newsletter link.
Menus
<div id="menu"></div>
<script src="https://app.venueos.justwhat.net/api/embed/menus.js"
data-venue-slug="your-venue"
data-menu-set-slug="dinner"
data-target="#menu"></script>
Leave out data-menu-set-slug to show all published menus. When you publish a menu change in VenueOS, every embed updates within a minute.
Allowed sites
For security, embeds only load on websites you've approved in Integrations → Site install → Allowed embed domains. If an embed shows a blank frame, add your domain there.