You have created a seating chart, and you've created an event for it. Great, you’re ready to show the seating chart to your users.
To do this, you need to:
add an empty div to your page and give it an id.
chartis an excellent choice.
chart.jsfrom our CDN. The URL depends on the region of your account:
create a new
seatsio.SeatingChartobject, configure it and call its
So in short: just copy & paste this code snippet and adapt it to your needs:
event is the key of the event you created
session parameter is optional, but most likely you'll want to pass it in. It enables
'hold-on-select': when a user clicks on a seat, that seat immediately becomes unavailable to other users.
This is only temporary: if you don't book the seat within 15 minutes, it gets released again.