Skip to content
Session Services Session Services Logo

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>

<session-services-ticketing
  tenant-id="tnt_01jqpj2t2kfvmstt6f6tzkbaf2"
  event-id="evt_01jps5cgsenjrazw6wswmyspa3"
  return-url="https://yoursite.com/order/complete"
  theme="light"
>
</session-services-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>

<session-services-ticketing
  tenant-id="tnt_01jqpj2t2kfvmstt6f6tzkbaf2"
  event-id="evt_01jps5cgsenjrazw6wswmyspa3"
  return-url="https://yoursite.com/order/complete"
  theme="light"
>
</session-services-ticketing>

🔒 For reliability, pin a specific version:

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