In order to embed a chart in your website, you will need to:
Insert one of following scripts in your HTML page (for instance inside
<head>) based on your account region:
- North America:
- South America:
Add an empty element to your page to act as a container for the embed, for instance:
Add the following snippet at the end of the HTML page:
PUBLIC_WORKSPACE_KEYis your public workspace key, found at your accounts Workspace Settings.
EVENT_KEYis the floor plans event you want to display.
And that's it! This is the shortest path to embed a chart, but based on your needs, you will want to configure several additional settings and even insert the chart using different methods.
Below you will find a live example of this.
To make client-side 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