How to embed the Event Manager
To show the event manager to your admins or box office managers, you need to do the following:
add an empty div to your page and give it an id (‘event-manager’ is a good choice)
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)
create a new
seatsio.EventManager
object, configure it and call itsrender()
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: