Session Services
Documentation

Ticketing Element (Web)

Embed the ticketing flow on any website via npm or CDN.

The Ticketing element provides a drop-in UI for ticket selection and checkout. Use it directly in HTML, or register it by installing the Web Elements package.

Install from npm

npm install @session-services/web-elements

Register the element once at application startup:

<script type="module">
  import { defineCustomElements } from "@session-services/web-elements/loader";
  defineCustomElements();
</script>

<sessions-ticketing
  tenant-id="your-tenant-id"
  event-id="evt_123"
  return-url="https://yoursite.com/order/complete"
  theme="light"
>
</sessions-ticketing>

CDN (unpkg)

No build step? Import the loader directly from unpkg:

<script type="module">
  import { defineCustomElements } from "https://unpkg.com/@session-services/web-elements/loader/index.js";
  defineCustomElements();
</script>

<sessions-ticketing
  tenant-id="your-tenant-id"
  event-id="evt_123"
  return-url="https://yoursite.com/order/complete"
  theme="light"
>
</sessions-ticketing>

🔒 For reliability, pin a specific version:

https://unpkg.com/@session-services/web-elements@1.0.0/loader/index.js