SeatMap

Getting started

SeatMap’s buyer SDK is a native custom element. Add the built SDK script to the page, then provide the event occurrence and API origin.

Render the element

html
<seat-map
  event-id="occurrence-id"
  api-base-url="https://api.example.com"
  max-selection="6"
></seat-map>

The SDK loads the published map and occurrence availability, subscribes to realtime updates, and enables interaction only after synchronization.

Listen for selection

javascript
const map = document.querySelector("seat-map");
map.addEventListener("selection-change", (event) => {
  console.log(event.detail.seatIds);
});

Recover safely

Read the element’s state, call retry() after a recoverable failure, and call clearSelection() when the checkout flow is abandoned.