Skip to content

Embed on your website

Updated

Your booking page is your public events page on VenueStack, where guests buy tickets and book tables. Widgets put parts of it on your own website, so guests can do the same without leaving it. They can also show your passes, and let guests sign in to their account. They only show published events and passes.

Your booking page

  1. Go to Marketing → Widgets. The Booking page tab opens first, with a preview of your page. Check it with Desktop and Phone.
  2. Under Layout, choose how the page lists events. Calendar shows a month at a time, week by week, with each event as a card. Guests see only upcoming events and can't go back to past months. Cards shows your upcoming events in one row of cards, like your passes. With Cards, pick Cards at a time: 4 or 6. With two events or fewer, they show two across. With more events than show at once, a search above the cards lets guests find an event by its name, an artist, or a day such as "friday". The Calendar widget on your website stays a calendar.
  3. Click the color next to Brand color to pick your brand color. Guests see it on your booking page, widgets, and checkout. Emails to guests show your venue name in plain black and white.
  4. To share your page, click Copy link under its address. Open in new tab opens it. Copy booking link at the top of Marketing copies it too.
  5. To see every widget on a club's website before you add them to yours, click See a sample site with widgets embedded. It's on every tab, at the bottom of the settings. You can open every checkout there to see how it looks, but it takes no payment.
Marketing, Widgets on the Booking page tab: Layout set to Cards, Cards at a time 4, Brand color, the page's address with Copy link and Open in new tab, See a sample site with widgets embedded, and the preview with Desktop and Phone

These changes save on their own and show on your page straight away. The preview reloads to match.

A bar along the top of your booking page shows your logo and venue name, Events and Passes once you sell passes, and Sign in for customer accounts. From laptop width up it also shows your Instagram, TikTok and Facebook, your website, and your phone and email if they're public. On a phone or tablet, they're in a menu at the top right, with Sign in. You set those in Venue details. Widgets don't show this bar.

Under each event's checkout, Upcoming events shows your next three events guests can still book, with All events to go back to your page. Widgets don't show it.

Checkout terms

Guests tick one box, I agree to [your venue]'s terms and VenueStack's purchase terms, before they pay for tickets, tables, table deposits, and passes, on your booking page and in widgets. Every venue starts with VenueStack's default terms, with your venue's name in them. They cover entry, tickets, tables and deposits, passes, drinks, refunds, and liability.

VenueStack's purchase terms always show after yours and can't be changed. They tell guests that VenueStack is the software, not the seller, that booking and card fees are not refundable, and that refunds come from you.

Read them and change anything that doesn't match how your venue works, such as deposits or age limits.

  1. Go to Marketing → Widgets and click the settings button (the gear) at the top right.
  2. Edit the text under Checkout terms.
  3. Click Save.

To go back to the default, click Reset to default, then Save. While you use the default, it keeps up with any changes VenueStack makes to it. Guests always agree to terms, so the box can't be saved empty.

Leave a blank line between sections. A short first line with no period at the end shows to guests as that section's heading.

Privacy and terms for guests

The bottom of your booking page, checkouts, pass pages and confirmation pages shows Privacy and Terms, and Cookie settings if you've added a pixel. Terms opens your checkout terms. Privacy opens a privacy notice VenueStack writes for your venue. It lists the pixels you've added under Analytics and ad pixels, so it stays up to date.

If you have your own privacy policy, link it instead:

  1. Go to Marketing → Widgets and click the settings button (the gear).
  2. Paste the link under Privacy policy.
  3. Click Save.

Leave Privacy policy empty to go back to the notice VenueStack writes. Widgets don't show this footer, because your own website has its own.

Set up and copy a widget

  1. Go to Marketing → Widgets and choose a widget tab:
    • Events: under Preferences, next to Widget, pick Calendar for your events a month at a time, week by week (on a phone, each event shows as a row: its poster, then its date and time, name, price and Book now), Cards for your upcoming events, 4 or 6 at a time (each card shows the event's price and a Book now button; guests slide to the rest with the arrows or by swiping, and the next events show faded at the sides; with more events than fit, a search sits above them, as on your booking page), or Single event for one event's checkout. For a single event, click Choose event and pick it from the calendar.
    • Passes: keep All to show every published pass, or click Choose and Choose pass to show one pass's own page, with its checkout, just as guests see it on your VenueStack page.
    • Account: your sign-in page, where guests sign in with their email, or tap Create one if they have no account yet, and then see their account right there on your website.
    • Chat: the chat button. See Set up chat and concierge.
  2. Widgets use your brand color from the Booking page tab, and follow it if you change it later. To give one widget its own color, click the color next to Color under Preferences. Use brand color puts it back. Pick Dark or Light to suit your website. The background is always see-through.
  3. Check the preview with Desktop and Phone. You can sign in to the Account preview with any email to try the whole flow.
  4. Click Copy above the code, beside Preferences, or click the code itself. The code shows Copied when it has worked. If an AI tool builds your website, click the arrow next to Copy, choose Copy for AI, and paste it into the tool. It adds instructions so the code goes in without breaking.
The Events tab: Preferences with Widget set to Calendar, Color and Theme, and See a sample site with widgets embedded below them, the code beside it, and the menu next to Copy open on Copy code and Copy for AI

Your choices are part of the code, not saved in VenueStack. If you change them later, copy the code again and replace the old one.

Paste it into your website

  1. Open the page in your website editor.
  2. Add a custom code block. Builders often call it "Embed", "Custom code", or "HTML".
  3. Paste the whole code and publish the page.
  4. Open the live page and check the widget appears.

The widget sets its own height on your page, growing and shrinking as guests move through it, so you never set one. That needs the whole code: paste all of it, not just the first line, or the widget may be cut off.

Guests can pay with Apple Pay or Google Pay in widget checkouts, as on your booking page, when their phone or browser has it set up. Codes copied before September 30, 2026 offer cards only, so copy those again.

Codes copied before October 13, 2026 can show a white box behind the widget on a website with a dark design, and keep the calendar's month bar and the checkout's total at the end of the widget instead of at the bottom of the guest's screen. Copy those codes again. Codes copied before October 14, 2026 also don't pass on the click details from your Facebook, Instagram, Google or TikTok ads, so sales in your widgets aren't matched to those ads as well.

For Chat, paste the code in your builder's site-wide header or footer setting so it shows on every page.

Passes and accounts

  • With the Account widget, guests sign in and see their tickets, bookings, and passes inside the widget. At checkout in the Events and Passes widgets, Have an account? Sign in works inside the widget too, and fills in the guest's details. On an older browser that blocks sign-in inside embedded content, the Account widget opens sign-in in a new tab and checkouts in widgets stay guest checkouts. See Customer accounts.
  • Put the Account widget on a page of its own, such as your website's account page. Once a guest has opened that page on their device, account links in your other widgets, such as My account at checkout, take them there instead of opening the account inside that widget. Codes copied before October 2026 keep opening it inside the widget: copy them again to use your account page.
  • With All, tapping a pass opens its page and checkout inside the widget, with a back button to your passes. With one chosen pass, the widget is that pass's page. Either way, guests buy with their name and email, as they buy tickets in the Single event widget.
  • If your page's address has a tracking code, such as ?ref=instagram, the Events and Passes widgets pass it on, so the sale counts toward that tracking link.
  • You can put several widgets on the same page. If a page has more than one Events widget with code copied before September 30, 2026, copy their codes again: older codes can make them all take the same height. Other codes you pasted before keep working, including an Account button.
  • Do not add a sandbox setting to the code. If your builder adds one, it must include allow-scripts, allow-same-origin, allow-forms, allow-popups, allow-popups-to-escape-sandbox, and allow-top-navigation-by-user-activation, or the widget and its buttons may not work.
VenueStack on your phoneRun your venue from your pocket.How to install

Need more help?

Contact support