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:
To make clientside integration easier, we've developed wrapper libraries for a number of popular frameworks and tools:
- React: https://github.com/seatsio/seatsio-react
- React-native: https://github.com/seatsio/seatsio-react-native
- Android: https://github.com/seatsio/seatsio-android
- iOS: https://github.com/seatsio/seatsio-ios
TypeScript types are available here: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/seatsio
In the rest of the documentation, code examples will be presented in interactive code editors like the one below.
Feel free to play around!