Your ticket buyer has selected seats on the interactive floor plan. Now you need to pass those seats to your server-side code, so you can later on book them via the Seats API.
There are 3 options:
- using a hidden form field (that's generated by the seats.io code)
- by keeping track of it yourself (not recommended)
If you add
selectedObjectsInputName:"aFormFieldNameYouChooseYourself" to the seating chart configuration, the Seats Renderer will add a hidden input field with that name to your form. Note that the div in which you render the chart needs to be embedded in a <form> tag for this to work. Like so:
by listening to the
onObjectDeselected events, you can keep track of the selected objects yourself in your code.