Basic · Features
Everything in Seat Map Basic.
A complete seat picker that runs entirely inside Framer. No server, no accounts, no code.
5 ready layouts
Theatre, Cinema, Concert Hall, Small Venue and Bus, each shaped for a different kind of room.
Draw your own room
Type rows as letters, one letter per zone, with _ for aisles. Rows are labelled and seats numbered for you.
Curved rows & stage
Curve rows toward the stage for a real auditorium feel, or keep them straight for buses and tables.
Up to 10 price zones
Give each zone a name, price and color. The legend and seat colors update automatically.
Live total
The summary bar lists the picked seats and updates the total with every tap.
Max seats per order
Limit how many seats one visitor can pick, with a friendly message when they reach it.
Sold seats from a list or CMS
Type sold seat IDs like A1, A2, C7, or connect the field to the CMS for one map per event.
Live sold seats from Google Sheets
Publish a sheet to the web and sold seats refresh by themselves every 30 seconds.
Bookings via Framer Forms
Put the map inside a Framer Form and the picked seats and total are added to every submission.
Email or Google Sheets
Receive each booking by email or as a new row in Google Sheets, using Framer’s built-in form destinations.
Privacy-first checkout
The component never sends booking data anywhere. Bookings travel only through your own Framer Form.
Styled your way
Colors, font, seat size, gaps, radius and padding all live in the Properties panel, and it fits any screen.
Every property
Everything you can change from the Properties panel.
Title & Subtitle
Event name and date shown above the map.
Layout
Theatre, Cinema, Concert Hall, Small Venue, Bus or Custom.
Rows
Your custom layout, one line per row. Shown when Layout is Custom.
Zones
Code, Name, Price and Color for each zone.
Sold Seats
Sold seat IDs, typed or connected to the CMS.
Google Sheet
A Google Sheets “Publish to web” link for live sold seats.
Refresh
How often the sheet is checked, in seconds.
Max Seats
Seats allowed per order. 0 means no limit.
Currency
The currency symbol, placed Before or After the price.
Stage
The stage label. Leave it empty to hide the stage.
Curve, Seat Size, Gaps
The shape and spacing of the map.
Row Labels, Seat Numbers, Legend, Summary
Show or hide each part of the map.
Booking
Framer Form or None, plus the form Field Name.
Colors, Font, Radius, Padding
Match the map to your site.
Ready to set it up?
Follow the step-by-step guide. Most people are taking bookings in about ten minutes.