How To Configure a Numbered Seat Map

Where can I find it? Services tab >>> Choose Service >>> Schedules >>> Numbered Seats Map.

This guide will help you set up the Seating Map for your service. With this tool, your customers will be able to select the number of people and their seats easily. The map is customizable to your needs.

This functionality is only available for services with a 'Numbered Seats' booking flow. Remember to select this booking flow during the creation of the service. Once you have created the service, this configuration cannot be edited.

To create a "Numbered seats" service, once you have filled in the "Name of the service" and selected the activity "Type", in the "Advanced" section, select "Numbered Seats" for the "Booking flow". 

Generate a Numbered Seat Map

As a starting point, you can fill in the necessary fields for the map configuration with the button ''Fill with an example'' and work from there.

Example Code:

Config:

• "title": Map name.
• "size": Map size.
• "zoom": Percentage of Zoom to apply.
• "seat_radius": Size of the circumference radius of the seats in the map.
• "show_seats_number": True/False. To show or hide the seat numbering.

{ "title":"EXAMPLE", "size":2325, "origin":{"x":0,"y":0}, "zoom":0.25, "seat_radius":23, "show_seats_number":true }

Zones: You can configure as many zones as you wish. The tickets will be assigned to the zones.

• { "A": Name ID of the zone.
• { "name": Name ID of the zone in the bookings.
• "color": CSS class associated with the zone.
• "tickets": IDs of the tickets associated with the zone (to get the ID, go to Tickets >>> Ticket name >>> More >>> Ticket ID).

{ "A":{"name":"NOMBRE DE LA ZONA","color":"dark-sea-green","tickets":[TICKET ID]}, "B":{"name":"Gold","color":"gold-rod","tickets":[32808,32809,32818]} }

Seats: Remember that two different seats cannot share the same identifier.

• "zone": Zone assigned to the seat.
• "row": Row assigned to the seat.
• "number": Number of the seat.
• ''r'': Seat circumference radius.
• "position": Position inside the SVG map.

Note: This example would show seats number 1 and number 3 in zone ''A'' and seat number 5 in zone ''B''.

{ "F-1-1":{"zone":"A","row":1,"number":1,"r":23,"position":[950,400]}, "F-1-3":{"zone":"A","row":1,"number":3,"position":[900,400]}, "F-1-5": {"zone":"B","row":1,"number":5,"position":[850,400]}, "F-1-7":

Extras: Extras are elements within the map that are not considered seats (e.g. stages, stairs, emergency exits, etc.).

• "shape": Shape of the element.
• ''x'','''y'': Position coordinates.
• ''width'': Width of the element within the coordinates.
• ''height'': Height of the element within the coordinates.
• ''class'': Name of the CSS class.

[ { "shape":"rect","x":400,"y":50,"width":1525,"height":250,"rx":5,"ry":5,"class":"stage" } ]

Optional: Use your Numbered Seat Map in other services

You can use a Seating Map, generated and initially configured in a particular service, in any other "Event / concert" service.

To do so, copy all the existing information in the 4 fields (Config, Zones, Seats, and Extras) and paste them respectively into the fields of the new service.

Then identify the new tickets assigned to each zone. Get the IDs within Tickets >>> Ticket Name >>> More >>> Ticket ID, and copy this/these Ticket ID/s to paste it in the Zones field in the ''Tickets'' attribute to assign it. For example:

• Zona A: { "A":{"name":"ZONE NAME","color":"dark-sea-green","tickets":[TICKET ID]},
• Zona B: "B":{"name":"Gold","color":"gold-rod","tickets":[32808,32809,32818]} }

You can use the following shortcut keys for Windows to speed up the copying and pasting process.                                          Select all: CTRL+A // Copy: CTRL+C // Paste: CTRL+V.

Video tutorial:

If you experience any issues or have doubts while configuring your Seat Map, don't hesitate to contact our Support Team here.