Build and verify a seat map

Organiser ownerOrganiser adminPro+Direct OrganiserVenue HostEnterprisePhase 1adesktop-web10 min

Build and verify a seat map

Outcome

You will open the seat-map builder, draw sections with seat IDs, assign integer-MMK prices per section, place admin holds on seats (artist, sponsor, accessibility), and verify that held seats are unavailable to buyers on the storefront.

Before you start

  • Sign in to the RushTik admin as an organiser-owner or organiser-admin.
  • Your tier must be Pro or Enterprise. Seat maps are not available on Starter or Growth.
  • Complete UG-CP-001 and UG-CP-002 — you need a draft event with ticket types.
  • All money is integer MMK. Never use decimals, pya, or floats.
  • Commission is collected from prepaid credit before tickets are issued. Issuance hard-blocks when the prepaid balance is 0 MMK or below; existing valid tickets are never affected.

Note: Seat maps are a Pro+ feature. On Starter or Growth, the Seat map button is hidden on the event detail page and the seat-map page returns "Not available on your tier."

Steps

1. Open the seat-map builder

Open your draft event from the Events list. In the event detail header, select Seat map.

Expected result: the seat-map page opens with two tabs: Builder and Paste SVG. The Builder tab shows an empty canvas.

2. Draw sections and assign seat IDs

On the Builder tab, draw sections by clicking and dragging on the canvas. For each section, click it to open the section sidebar and assign seat IDs.

Expected result: each section renders with its seat IDs visible. Sections are colour-coded and labelled.

3. Paste an SVG layout (alternative)

Switch to the Paste SVG tab. Paste a valid SVG string containing seat elements with seat IDs. Select Save.

Expected result: the SVG renders in the preview area. Seat IDs are parsed and available for assignment in the Builder tab.

4. Assign prices per section

Return to the Builder tab. Select a section, then in the section sidebar assign a ticket type and an integer-MMK price for that section.

Expected result: each section shows its assigned price. The prices match the ticket types created in UG-CP-002.

5. Place an admin hold

Right-click a seat (for example, seat A1 in the first section). Select Place admin hold and choose a hold type from the dialog: Artist, Sponsor, Accessibility, or Production. Confirm the hold.

Expected result: seat A1 shows a "held" badge and is visually marked as unavailable. The hold type is recorded for audit.

6. Verify on the storefront

Open the storefront preview for the event (see UG-CP-004). Navigate to the seat picker for the event.

Expected result: the interactive seat map renders. Seat A1 shows as "held" and cannot be selected. Other seats are selectable and add to the cart on click.

Troubleshooting

  • Seat map button is missing: your tier is below Pro. Upgrade to Pro or Enterprise to access seat maps.
  • SVG does not parse: ensure the SVG contains valid seat elements with unique IDs. The builder rejects malformed SVG with an error toast.
  • Held seat is still selectable on the storefront: refresh the storefront preview. Admin holds propagate on the next event load. If the issue persists, verify the hold was saved successfully.
  • Prices do not appear on the storefront: assign a ticket type to each section in the Builder tab. Sections without a ticket type are not purchasable.

Related guides

  • UG-CP-001 — Create and publish an event
  • UG-CP-002 — Configure ticket types, zones, capacity, and pricing
  • UG-CP-004 — Preview and publish the online storefront

Last reviewed: 3 August 2026

Verified against commit 90c4b1a.

Related guides