Box Office

Box Office is a seat picker for your Framer site. Draw a theater, a cinema, a plane or a room of round tables, price it row by row, and let visitors pick their seats. The checkout button sends the chosen seats and the total to your payment link.

Good for

• Theaters, concert halls and comedy clubs

• Cinemas, screenings and film festivals

• Gala dinners, weddings and events with round tables

• Workshops, classes and tours with a fixed number of places

Features

• Four layouts: curved theater, cinema, flight cabin and round tables with chairs

• Price tiers by row (A-C, 1-4 or table numbers), each with its own name, price and colour

• Taken seats, wheelchair spaces and preselected seats, written as a plain list: A5, A7-A10, 12C, T3

• Aisles, stage curve, cabin columns (ABC-DEF), exit rows, number of tables and chairs

• Live total, a chip for every chosen seat, a legend and a tooltip with seat and price

• Max seats per order, any currency, with or without cents

• Checkout link: the component adds ?seats=…&count=…&total=… to your URL, or fills in placeholders you put anywhere in it

• Keyboard: arrow keys move between seats, Space or Enter picks one; screen readers hear the seat, its tier and whether it's taken

• On phones the map scrolls sideways, with a swipe hint

• Your colours, fonts, corner radius and every label

• Change event for Framer interactions

Good to know

• Box Office doesn't take payments or hold seats. It sends the selection to your checkout link (a Stripe Payment Link, Gumroad, Lemon Squeezy, a form page…).

• Taken seats are a list you update in the properties panel. It doesn't connect to a ticketing or booking system.

• Big rooms work, but on phones visitors scroll sideways to see them.

• After purchase you get a remix link to the Framer project with the component and the demo page.