Quick Start

Create Your First Venue Layout

This guide will walk you through creating your first venue seating layout in SeatSquirrel.

Step 1: Access the Layouts Page

Navigate to Layouts from the main navigation bar, then click New Layout to start designing.

Step 2: Add Rows of Seats

1. Click the Row Tool in the toolbar (or press R)
2. Click once on the canvas to set the start point of your row
3. Move your mouse to see a preview of the seats
4. Click again to set the end point of your row

The row will be created with seats automatically distributed along it.

Step 3: Configure Row Properties

Select a row to edit its properties in the Properties Panel:

• Seat Count: Adjust the number of seats in the row
• Curve: Add curvature to create curved rows (-1 to 1)
• Spacing: Adjust the distance between seats
• Row Label: Change the row identifier (A, B, C, etc.)
• Seat Labels: Configure how seats are numbered

Step 4: Add Pricing Categories

1. Open the Pricing Categories section in the Properties Panel
2. Click Add Category to create a new pricing tier
3. Set the name, price, and color for each category
4. Assign categories to rows or individual seats

Step 5: Add Areas

Areas are bookable spaces without individual seats (e.g., standing areas, VIP sections).

1. Click the Area Tool in the toolbar
2. Choose a shape (rectangle, circle, polygon, or custom)
3. Click and drag to create the area
4. Configure purchase type and pricing in the Properties Panel

Step 6: Save Your Layout

1. Click the Save button in the top toolbar
2. Enter a name for your layout
3. Your layout will be saved to the database

Step 7: Test in Picker Mode

1. Return to Layouts
2. Click the Preview button on your layout card
3. Configure pricing (if needed) and test the seat selection experience

Keyboard Shortcuts

Speed up your workflow with these keyboard shortcuts:

• V: Select tool
• H: Hand/Pan tool
• G: Rectangle tool
• C: Circle tool
• P: Polygon tool
• L: Line tool
• T: Text tool
• Cmd/Ctrl + Z: Undo
• Cmd/Ctrl + Shift + Z: Redo
• Delete: Delete selected items
• Space (hold): Temporary pan mode

Next Steps

• Learn about Designer Tools and Features
• Explore Picker Performance Optimizations
• Review the API Documentation