Skip to main content

How to embed the Event Manager

To show the event manager to your admins or box office managers, you need to do the following:

  1. add an empty div to your page and give it an id (‘event-manager’ is a good choice)

  2. load chart.js from our CDN. The URL depends on the region of your account:

    • https://cdn-eu.seatsio.net/chart.js (Europe)
    • https://cdn-na.seatsio.net/chart.js (North America)
    • https://cdn-sa.seatsio.net/chart.js (South America)
    • https://cdn-oc.seatsio.net/chart.js (Oceania)

  3. create a new seatsio.EventManager object, configure it and call its render() method

So in short: just copy & paste this code snippet and adapt it to your needs.

<div id="event-manager"></div>

<script src="https://cdn-{region}.seatsio.net/chart.js"></script>
<script>
    new seatsio.EventManager({
        divId: 'event-manager',
        secretKey: '<your-workspace-secret-key>', // Never expose the secret key on a public web page!
        event: '<your-event-key>',
        mode: 'manageForSaleConfig' // For other modes, see "Modes" on the sidebar.
    }).render();
</script>
A special note to React, Angular and Android users

The easiest way to show the event manager is to use the official wrapper packages: