Canvas
Zones buyers understand at a glance.
Group sections into zones, color seats by tier, and let buyers zoom straight to the zone they can afford. Pricing truth stays in your backend. The map makes it legible.
Sound familiar?
One undifferentiated map
Premium and nosebleed seats rendered identically means buyers hunt by trial and error, and bounce.
Tiers nobody can see
Price differences that only appear at checkout feel like a trap. Per-seat colors make tiers visible before the first click.
A second pricing truth in the frontend
Duplicating price logic in the map invites drift. Seats carry colors and keys; your backend keeps the numbers.
Structure for tiers, without the lies
01Zones on the chartSections carry zone keys and seats carry zone metadata. The venue's commercial geography is data.
02Zoom to zoneSend buyers straight to the tier they picked: zoomToZone frames it instantly.
03Color as the tier signalPer-seat colors from your data paint the map by price level; the theme never overrides your data.
04Metadata for the moneycustom_data carries your price keys to the click handler. The map displays, your backend prices.
05Pretix categories understoodThe built-in Pretix parser groups seats into blocks by category automatically.
06A legend that localizesThe state legend, selectable, unavailable, your selection, renders in your buyer's language.
Zones in three steps
- 01Tag the zonesSections and seats carry the zone keys your pricing thinks in.
- 02Color by tierYour data drives per-seat colors. Tiers read at a glance.
- 03Zoom buyers inZone targets frame the right seats; prices confirm at your checkout.
See zones in action
Tiered maps and zone zooms, live in the demo.