Multi-date

Every upcoming date, listed on your page with one tag. Buyers pick a date, then their seats.

Try it

Test mode

Pick a date: Every upcoming date is listed
Pick seats: Tap open seats on the map
Pay with the test card: Then get your ticket by email

4242 4242 4242 4242

Any future expiry · Any CVC

Test mode. No real money moves.Seats reset every night.

yourvenue.com/whats-onThe real SeatLayer tag, on a real event

View tickets on SeatLayer

Not a mock-up. This is the released tag, listing every upcoming date in a real SeatLayer workspace in test mode.

Copy this code

index.html

<div data-seatlayer-collection="ws_f6e14e3a6f9d46e7a22c7262c9cd3181">
  <a class="slc-fallback" href="https://llc.seatlayer.events/demo-jazz-at-the-grand">View tickets on SeatLayer</a>
</div>
<script src="https://app.seatlayer.io/sl-event-collection@0.js" defer></script>

Dates.tsx

import { useEffect } from "react";
 
const COLLECTION = "https://app.seatlayer.io/sl-event-collection@0.js";
 
export function Dates() {
  // Load the script once. If it is already on the page, ask it to
  // render this new block (a second embed or a route change).
  useEffect(() => {
    const runtime = (window as { SeatLayerCollections?: { scan(): void } }).SeatLayerCollections;
    if (runtime) return runtime.scan();
    if (document.querySelector(`script[src="${COLLECTION}"]`)) return;
    const s = document.createElement("script");
    s.src = COLLECTION;
    s.defer = true;
    document.body.appendChild(s);
  }, []);
 
  return <div data-seatlayer-collection="ws_f6e14e3a6f9d46e7a22c7262c9cd3181" />;
}

What you get with Hosted

Your own payment gatewayStripe, PayPal and more. The money goes straight to you.
Tickets by emailEach buyer gets a ticket with a QR code, their seat and the time.
Check-in at the doorScan tickets from your phone. Each code works once.