EventPassHero icon EventPassHero
Features Pricing FAQ Help Center Blog

Design a Seat Map With the Editor

The seat map editor turns a floorplan into something buyers can click. You draw a shape over each section or table, tell that shape which seats it represents, and the cart does the rest — showing what's free, what's taken, and what a buyer just picked.

Opening the editor

Go to Edit DetailsTickets & Seating. If the event already has a map you'll see Edit map; if it doesn't, you'll see ✨ Create interactive seat map.

The Tickets and seating screen with the Edit map button outlined in red beside the current seat map

The heading tells you what you're editing. Seat Map Editor · event-wide is the map every ticket type shares. · ticket override #… means you're editing a map that applies to one ticket type only.

Laying out the venue

Start with a floorplan. Upload background puts your venue image behind the canvas so you can trace over it. Without one you get an empty canvas and the prompt Pick a tool and start drawing, or upload a floorplan.

The seat map editor showing the toolbar with Select, Circle, Rectangle and Polygon tools, a venue floorplan on the canvas, and an empty properties panel

Four tools sit at the top left:

Everything else in the toolbar is housekeeping: Undo (⌘Z) and Redo (⌘⇧Z), Clone (⌘D) to copy the selected shape, Delete, Bring forward and Send back for overlapping shapes, and zoom controls including Fit to viewport.

Auto Overlay can detect sections from your floorplan automatically, but only as a starting point — it works only on a new map with just a background, so use it before you draw anything.

Telling a shape which seats it holds

Select a shape and the Properties panel fills with Section attributes. This is the part that matters: a shape with no seats attached is just a drawing.

The properties panel showing Section attributes with Pick from existing seat codes and Generate from pattern options, Section ID, Section Pattern, Seat Count, and a Has rows checkbox

You have two ways to do it.

Pick from existing seat codes assigns specific codes from the ticket's seat list to this shape. Type in the filter box to narrow a long list, click the codes you want, and Clear all starts over. Use this when your seats already exist. As the panel notes, the cart honors these codes verbatim — the pattern fields above are ignored when codes are picked.

Generate from pattern builds the codes for you from three fields:

Tick Has rows (stadium / theater 3-level seating) and you get a Row Count as well; Seat Count then means seats per row. That's the three-level layout — section, row, seat.

Either way, Live preview at the bottom of the panel shows the actual codes that will be produced. Check it before you move on. It's much cheaper to spot a wrong pattern here than after tickets are on sale.

Colours

Default unavailable color in the toolbar sets the fill used for sold-out and blocked sections across the whole map. Any single shape can override it under Unavailable color · this shape only; leave that blank and the shape inherits the venue-wide setting.

Saving

Click Save. You'll see Map saved. when it's stored.

Each save writes a new version rather than overwriting the last one, so a previous map stays reachable in your media library. That makes experimenting safe — but it also means saving repeatedly leaves a trail of versions, so save when you've finished a pass rather than after every shape.

Done leaves the editor. ⬇ Download SVG saves a copy of the map to your computer.

Troubleshooting

Last updated 2026-08-15 · All FAQs & video tutorials

Still stuck?

Watch the step-by-step video tutorials, or reach a human — we reply the same business day.