Create a seating map

This guide walks you through the seating map builder step by step, explaining each tool and option available.

---

Starting the builder

1. Go to Seating maps in the main menu
2. Click on Create seating map
3. The map builder opens

---

Builder interface

The builder has 4 main areas:

1. Top bar (Navbar)

Left:

• Map name (default "Untitled chart")
• Pencil icon to edit the name

Right:

• Save changes — When there are no pending changes, shows a green tick
• Undo / Redo — Go back or forward in changes
• Duplicate — Creates a copy of the selected element
• Copy / Paste — Also works with Cmd+C / Cmd+V (Mac) or Ctrl+C / Ctrl+V (Windows)
• Delete — Removes the selected element

2. Left sidebar (Tools)

All tools to create elements:

Tool	Description
Selection	Select and move elements
Seat selection	Select individual seats in rows
Simple row	Create a row of seats
Multiple rows	Create several rows at once
Round table	Add circular table
Rectangular table	Add rectangular table
Rectangular area	Draw rectangular area
Elliptical area	Draw circular/elliptical area
Polygonal area	Draw custom-shaped area
Rectangular shape	Draw decorative rectangle
Elliptical shape	Draw decorative circle/ellipse
Polygonal shape	Draw decorative polygon
Line	Draw lines
Text	Add text
Icon	Add icons (bathrooms, stage, etc.)

At the bottom:

• Hand tool — Drag the canvas
• Zoom +/- — Zoom in/out

Tip: Hold the spacebar to temporarily activate the hand tool. Use the mouse wheel to zoom (zoom centers on cursor position).

3. Right sidebar (Properties)

Shows properties of the selected element. If nothing is selected:

• Map name — Editable with the pencil
• Manage categories — Opens the categories modal
• Map summary:
  • Number of available places
  • Validation status (errors or all correct)

4. Canvas

The work area where you draw and organize elements. Everything is visual and works with drag and drop.

Visual indicators:

• Blue border — Selected element
• Category color — Elements take their category's color
• Gray — Element without assigned category
• Red — Duplicate element (error)

---

Managing categories

Before creating elements, set up categories. Click on Manage categories in the right sidebar.

Create category

1. Click on Create new category
2. A random color is assigned (you can change it)
3. Enter the name (e.g.: "Orchestra", "VIP", "Premium Table")
4. Repeat for each ticket type you need

Remember: Each category becomes a ticket in your event. Create categories for each zone with different pricing.

---

Creation tools

Simple row tool

Creates a row of seats with two clicks:

1. Select the Simple row tool
2. The cursor shows a preview of the first seat
3. Click 1: Where the row starts
4. Move the cursor and you'll see a preview of the seats that will be created
5. Click 2: Where the row ends
6. All seats that fit in that line are created

Multiple rows tool

Creates several parallel rows with three clicks:

1. Select the Multiple rows tool
2. Click 1: Start of the first row (point A)
3. Click 2: End of the first row (point B)
4. Click 3: How far the rows extend (point C, above or below)
5. All rows that fit between AB and C are created

Round table tool

1. Select Round table
2. The cursor shows a preview of the table
3. Click where you want to place it
4. A table with 6 chairs is created (by default)

Rectangular table tool

1. Select Rectangular table
2. The cursor shows a preview
3. Click where you want to place it
4. A table with 8 chairs is created (4 top, 4 bottom, no chairs on the sides)

Area tools

Rectangular and elliptical:

1. Select the tool
2. Click and drag to define the size
3. Release to create the area

Polygonal:

1. Select the tool
2. Click on each vertex of the polygon
3. To close, click on the starting point

Shape tools

Work the same as areas, but are decorative only (no category assigned, not sold).

Line tool

1. Select Line
2. Click on point A
3. Click on point B
4. The line is created between both points

Text tool

1. Select Text
2. Click where you want the text
3. A text box is created (edit it from the sidebar)

Icon tool

1. Select Icon
2. (Optional) Change the icon type in the sidebar before placing
3. Click where you want the icon

Available icons: Bathrooms, Stage, Entrance, Drinks, Food, Café, Stairs, Emergency exit.

---

Editing elements

Selecting elements

With selection tool:

• Click on an element to select it
• Click + drag on empty area to select multiple elements
• Shift + click to add elements to selection

With seat selection tool:

• Works the same but only selects individual seats within rows

Moving elements

With any element selected, click and drag to move it.

Extending rows

When you select a row, dotted seats appear at the ends. Click and drag to add more seats without creating a new row.

Deleting elements

• Select the element
• Press Backspace or Delete, or use the delete button in the top bar

---

Properties by element type

Row properties

When you select a row:

Category:

• Manage categories
• Selector to assign category to the row

Row labeling:

• Manual label — Type the row name (e.g.: "A", "1", "VIP Row")
• Position — Left, right, or hidden

Seat labeling:

• Numbering type — 1,2,3 / 1,3,5 / 2,4,6 / A,B,C / a,b,c, etc.
• Start at — Starting number
• Direction — Left to right or right to left

When selecting multiple rows:

• Labels become a selector with options A,B,C... or 1,2,3...
• You can number all rows in a zone in just a few clicks

Round table properties

Category:

• Manage and assign category

Number of chairs:

• Adjust the number of places (automatically distributed)

Table labeling:

• Manual or automatic label (A,B,C or 1,2,3)
• Start at and direction

Seat labeling:

• Numbering type
• Start at

View from seat:

• Upload a photo (1:1, max 1MB)
• Shown to buyers when selecting

Rectangular table properties

All of the above, plus:

Rectangular table:

• Number of chairs per side (top, bottom, left, right)

Shape:

• Width and height in px
• Rotation in degrees

Area properties

Shape (rectangular and elliptical):

• Width, height in px
• Rotation

Category:

• Manage and assign

Area labeling:

• Text label
• Font size (default: 16px)

Capacity:

• Number of available places (default: 100)
• This value defines the ticket stock

View from seat:

• Optional photo to show buyers

Shape properties

Shape:

• Fill color
• Border width (default: 4px)
• Border color
• (Rectangles) Width, height, rotation, corner radius

Labeling:

• Optional label
• Font size

Line properties

Shape:

• Stroke width (default: 5px)
• Stroke color
• Endings (flat, round, square)

Text properties

• Text — The content to display
• Font size (default: 16px)
• Color
• Style — Normal, bold, or italic

Icon properties

• Icon type — Change between the 8 available
• Size (default: 40px)
• Fill color
• Rotation

Individual seat properties

Using the seat selection tool:

One seat:

• Label — Individual seat name
• Properties:
  • Restricted view (checkbox)
  • Accessibility: Wheelchair-accessible, Semi-ambulatory, Companion seat
• View from seat — Optional photo

Multiple seats:

• Only properties and view from seat (not individual labeling)

---

Map validation

In the right sidebar, below "Manage categories", you see the map status:

Errors that prevent using the map

Error	Meaning	Solution
Duplicate seats	Two seats with the same label and row	Renumber the seats
Objects without label	Rows, tables, or areas without name	Assign labels
Seats without label	Seats without number	Use automatic labeling
Objects without category	Sellable elements without category	Assign categories

When everything is correct, you'll see green validation messages.

Important: Maps with errors can be saved but cannot be used in events.

---

Saving and exiting

Save changes

Click on Save changes in the top bar. When there are no pending changes, it shows a green tick.

Exit the builder

• Click the "back" arrow or navigate to another menu
• If you have unsaved changes, a confirmation modal appears
• If you exit another way (closing the browser, etc.), changes are lost

⚠️ Caution: Only the back arrow shows the unsaved changes warning. If you navigate elsewhere without saving, you lose your work.

---

After creating the map

The map appears in the seating maps table with:

• Name of the map
• Errors (if any)
• Location (empty until you assign it)
• Actions: Edit, Duplicate, Delete

Duplicating maps

Use Duplicate when:

• You need the same design for another location
• You want to make changes without affecting the original map
• You'll use the same venue with different configurations

---

---

Next steps

1. Use maps in events →