If you're building a full self-service platform, you'll want your users to be able to draw their own floor plans without intervention from your own team.
Seats supports this by a combination of two features: an embeddable Designer, and workspaces.
Embeddable Designer: you can embed the designer tool in your web page in much the same fashion as you can embed an interactive floor plan.
Workspaces: you can create a workspace for each of your users, so that they have their own secret key, and a separate set of floor plans, so that they can't see or edit each other's floor plans. Check the Workspaces API documentation for more information on how to create, update and retrieve workspaces.
Embedding the designer
You can embed the floor plan designer in your backoffice in much the same fashion as you would embed an interactive floor plan for your ticket buyers, but with some different configuration options.
The easiest way is to use one of our client libraries.
- React: https://github.com/seatsio/seatsio-react
- Vue: https://github.com/seatsio/seatsio-vue
- Angular: https://github.com/seatsio/seatsio-angular
- React-native: https://github.com/seatsio/seatsio-react-native
- Android: https://github.com/seatsio/seatsio-android
- iOS: https://github.com/seatsio/seatsio-ios
Without a client library
If we don't offer a library for your frontend framework, you can embed the designer using plain HTML and JS.
secretKey: 'workspace secret key',
chartKey: 'your chart key'
chart.js URL depends on the region of your account:
You need to provide the secret key (of your workspace). Be sure to keep this key a secret: anyone who has access to this key can edit seating charts and can book seats. So please don't push it to code repositories and only use it in pages served over https.
You can find the secret key on the workspace settings page.
This is an optional parameter. If you provide it, the designer will load the specified chart in edit mode. If you don’t, a new chart will be created automatically.
You can further configure the embedded Designer with extra configuration parameters and callbacks.