WordPress Seating Chart Plugin – Complete Documentation & Setup Guide

Last updated: April 2026 · Plugin version: 1.5.0 (pro version)

Welcome to the official WordPress seating chart documentation for the Live Event Seating Pro plugin. Whether you are installing for the first time or looking for help with a specific feature — such as WooCommerce ticket sales, QR code check-in, seat add-ons, or the ticket template builder — you will find step-by-step instructions right here. Use the table of contents below to jump to any section. If you cannot find what you need, contact support via the plugin page.

Table of Contents

  1. Installation & Activation
    • Prerequisites
    • Installing the Plugin
  2. Initial Setup (Required Steps)
    • Step 1: Create a WooCommerce “Ticket” Product
    • Step 2: Create Your First Event
    • Step 3: Display the Seating Plan with a Shortcode
  3. The Seating Plan Builder: A Detailed Guide
    • The Canvas & Navigation (Zoom, Pan, Resize)
    • Adding & Deleting Elements (Tables, Seat Blocks, etc.)
    • The Inspector Panel: Editing Element Properties
    • Importing & Exporting Layout Templates
  4. Advanced Features & Configuration
    • Setting Up Tiered Pricing (Variable Products)
    • Enabling “Book as Whole Table Only”
    • Setting a Booking Window
  5. Event Day Management: The QR Code System
    • How Tickets are Generated
    • Using the Ticket Scanner
    • Manual Ticket Check-in
  6. Global Settings
    • Finding the Settings Page
    • Configuring Booking Logic & Colors
  7. Customizing Text Labels
  8. Manually Setting Booking Status
  9. General Admission (GA) Areas with Capacity Control
  10. Freeform Drawing Tools (Decorative & GA)
  11. Precision 360° Rotation Slider
  12. WYSIWYG Seat Block Builder
  13. Blocking Individual Seats (Seat Holds)
  14. Selecting Multiple Elements
  15. Moving a Group of Elements
  16. Duplicating and Deleting a Group
  17. Choosing a Layout Mode
  18. Using the Smart Alignment Guides
  19. Real-Time Availability Polling (Frontend)
  20. Using the Sections Feature
  21. Using the Curved Seat Rows Feature
  22. Integrating with The Events Calendar
  23. Using the Booking Manager
  24. How to Duplicate a Layout
  25. Using Advanced Seat Numbering
  26. Integrating with Events Manager
  27. The Kill Seat Feature
  28. Editing Polygon Points
  29. Frontend Price Filtering
  30. Duplicating Sections with Content
  31. Seat Lock Timer (Cart & Checkout)
  32. Advanced Ticket & Email Builder
  33. Seat & Table Add-ons
  34. Frequently Asked Questions (FAQ)
  35. Need Woocommerce for this plugin

1. Installation & Activation

Prerequisites

Before you begin, please ensure you have the following installed and activated on your WordPress site:

  • WordPress 5.8 or higher
  • WooCommerce 6.0 or higher
  • PHP GD Graphics Library: This is a standard PHP extension required for QR code generation. If you encounter issues with QR codes, please contact your web host and ask them to enable the gd extension.

Installing the Plugin

  1. Download the plugin .zip file from your purchase confirmation email or your account page.
  2. In your WordPress dashboard, navigate to Plugins > Add New.
  3. Click the “Upload Plugin” button at the top of the page.
  4. Click “Choose File” and select the .zip file you downloaded.
  5. Click “Install Now” and then “Activate Plugin”.

2. Initial Setup (Required Steps)

Follow these three steps to get your first seating plan live.

Step 1: Create a WooCommerce “Ticket” Product

Every seat sold is managed by a WooCommerce product.

  • For a Single Price:
    1. Go to Products > Add New.
    2. Give it a name, like “Gala Dinner Ticket”.
    3. In the “Product data” section, keep it as a “Simple product”.
    4. Set a “Regular price”. This will be the price for one seat.
    5. Publish the product.
  • For Tiered Pricing (e.g., VIP, Standard):
    1. Please see the “Setting Up Tiered Pricing” section in the advanced guide below. You must use a “Variable product”.

Step 2: Create Your First Event

  1. Navigate to the Events menu in your WordPress dashboard and click Add New.
  2. Give your event a title (e.g., “Annual Charity Gala 2024”).
  3. Scroll down to the “Event Seating Settings” box.
  4. From the “Link to WooCommerce Product” dropdown, select the product you created in the previous step.
  5. Now, use the “Seating Plan Builder” to design your layout. (See the detailed guide below).
  6. Click “Publish” or “Update” to save your event and its layout.

Step 3: Display the Seating Plan with a Shortcode

  1. While editing your event, find the “Event Seating Settings” box.
  2. Copy the automatically generated Shortcode (it will look like [event_seating_plan id=”123″]).
  3. Paste this shortcode into the main content area of your event post, or onto any other page or post where you want the seating map to appear.

That’s it! Your interactive seating plan is now live on your website. Check live demo


3. The Seating Plan Builder: A Detailed Guide

The builder is where you bring your venue to life. This WordPress seating chart documentation covers every builder tool in detail.

The Canvas & Navigation

  • Canvas: The main grid area where you will place your elements.
  • Resize: To make the canvas larger, click and drag the handle in the bottom-right corner.
  • Pan (Move the View): Hold Shift + Left-Click and drag, or use your Middle Mouse Button to move the canvas around.
  • Zoom: Use the + and – buttons in the bottom-right corner to zoom in and out. The middle button resets the view.

Adding & Deleting Elements

Use the buttons at the top of the builder to add elements to your canvas:

  • Add Circle/Rect Table: Adds a table for guests.
  • Add Seat Block: Adds a block of seats in rows, perfect for theaters.
  • Add Stage / Add Image: Adds decorative, non-bookable elements to your map.

To delete an element, simply click on it and then click the “Delete” button in the Inspector Panel on the right.

The Inspector Panel: Editing Element Properties

When you click on any element on the canvas, the Inspector Panel will appear on the right, showing only the relevant options for that element.

  • Label: The public name of the element (e.g., “VIP Table 1,” “Orchestra Section”).
  • Element Color: Sets a custom background color for the table, stage, or seat block.
  • Price Tier: (Requires a Variable Product) Assigns a specific price tier to this element. All seats within it will be sold at this price.
  • Dimensions (Width/Height/Radius): Precisely control the size of your elements.
  • Seats/Rows: Define the capacity of a table or the structure of a seat block.
  • Book as Whole Table Only: (For tables only) If checked, this table must be booked as a single unit. Individual seats cannot be selected.
  • Actions (Duplicate, Rotate): Quickly copy an element or rotate rectangular elements by 90 degrees.

Importing & Exporting Layout Templates

  • Export: Once you have a layout you want to reuse, click the “Export Layout” button. This will save a .json file of your design (without any booking data) to your computer.
  • Import: On a new event, click “Import Layout”, select the .json file you previously saved, and your entire seating chart will be instantly recreated.

4. Advanced Features & Configuration

Setting Up Tiered Pricing (Variable Products)

  1. Go to Products > Add New.
  2. Change the “Product data” dropdown to “Variable product”.
  3. Go to the “Attributes” tab and click “Add”.
  4. Name: Price Tier (or similar).
  5. Values: Enter your tiers separated by a pipe |. Example: VIP | Standard | Balcony.
  6. Check the “Used for variations” box and click “Save attributes.”
  7. Go to the “Variations” tab. From the dropdown, select “Create variations from all attributes” and click “Go.”
  8. For each variation that appears, expand it and set a price.
  9. Save the product. Now you can link this Variable Product to your event and assign these tiers in the builder.

Enabling “Book as Whole Table Only”

  1. In the seating plan builder, click on a table.
  2. In the Inspector Panel, check the box labeled “Book as Whole Table Only”.
  3. Save the event. On the frontend, this table will now be a single clickable item.

Setting a Booking Window

  1. While editing your event, find the “Event Seating Settings” box.
  2. Use the date pickers for “Booking Open Date” and “Booking Close Date”.
  3. If left blank, booking is open indefinitely. If dates are set, the seating plan will only be visible to customers within that date range.

5. Event Day Management: The QR Code System

How Tickets are Generated

After a customer successfully completes a purchase, a single “Master Ticket” with a unique QR code is generated for their entire order. This is:

  • Displayed on the on-screen Order Confirmation (“Thank You”) page.
  • Sent to the customer in their Order Confirmation email.
  • Visible to you in the Admin Order Details page.

For more on tickets, refer back to the top of this WordPress seating chart documentation page. Customers can show the QR code on their phone or a printout. The ticket also includes a list of all seats in their order and key payment details.

Using the Ticket Scanner

  1. Navigate to Events > Ticket Scanner in your WordPress admin. (For The Events Calendar, it will be under their “Events” menu).
  2. The page will request permission to use your device’s camera. Allow it.
  3. Point the camera at the customer’s QR code.
  4. The system will provide an instant on-screen result:
    • Success: Confirms the check-in and shows guest details.
    • Already Used: Shows an error with the time of the first scan to prevent fraud.
    • Invalid: Shows an error if the QR code is not from your system.

Manual Ticket Check-in

If a scan fails (e.g., cracked phone screen), you can use the “Manual Ticket Entry” field on the scanner page. Simply type in the Master Ticket Code (e.g., LESO-123-45678) and click “Verify Code.”


6. Global Settings

To configure global options for the plugin, navigate to Seating Plan > Settings in your WordPress admin menu.

Here you can control:

  • Booking Logic: Enable/disable the “Orphan Seat” rule, set the maximum number of seats per order, and define the seat lock time.
  • Seat Colors: Use color pickers to customize the colors for Available, Selected, and Booked seats to match your brand.

7. Customizing Text Labels & Font Sizes

Make your labels more readable or match your brand’s style. For any element with a label (Tables, Stages, Seat Blocks), you can set:

  • Text Color: Use the color picker to select a custom color for the label text.
  • Font Size: Enter a pixel value to increase or decrease the size of the label text.

8. Manually Setting Booking Status

This is an essential tool for managing your event inventory without creating a formal order.

  • How it works: For any bookable element (Tables or Seat Blocks), a “Status” dropdown will appear in the inspector.
  • Available: This is the default. The element and its seats are available for customers to book.
  • Booked / Unavailable: If you select this, the entire element (and all seats within it) will be instantly marked as “Booked” on the frontend. This is perfect for:
    • Reserving seats for VIPs or special guests.
    • Blocking off tables for staff or technical equipment.
    • Holding seats that were sold offline.

This manual override gives you complete control to block off any part of your seating chart from public sale.

You can now create and sell tickets for standing-room sections, festival fields, or any area that doesn’t have assigned seats. The system will automatically track the number of tickets sold and prevent overselling.

9. How to Add a General Admission Area:

  1. Edit Your Event: Go to the event where you want to add a GA section. Scroll down to the Seating Plan Builder.
  2. Choose a Shape: In the builder controls, you will see two new buttons:
    • [Add GA Rectangle]: Click this to add a standard rectangular GA area to your canvas.
    • [Add GA Freeform]: Click this to start drawing a custom-shaped GA area (see Freeform Drawing Tools below for drawing instructions).
  3. Position and Resize: Drag the new GA area to position it. If it’s a rectangle, you can resize it using the Width and Height fields in the Inspector.
  4. Set the Capacity: With the GA area selected, the Inspector panel will appear on the right. Find the “Capacity” field and enter the maximum number of tickets that can be sold for this area.
  5. (Optional) Assign a Price Tier: If you want this GA area to have a different price from your default ticket, select a Price Tier from the dropdown. This requires you to have a Variable Product linked to the event.

How it looks for customers:
On the frontend, customers will see the GA area on the map with its name and the number of available tickets (e.g., “450 / 500 Available”). When they click it, a quantity selector will appear in the summary box, allowing them to choose how many GA tickets they wish to purchase.

10. Freeform Drawing Tools (Decorative & GA)

Your venue layouts are no longer limited to basic shapes. Use the polygon tool to draw decorative elements like stages and dance floors, or to create custom-shaped General Admission areas.

How to Draw a Freeform Shape:

  1. Select the Drawing Tool:
    • For a decorative shape, click the [Add Freeform Shape] button.
    • For a General Admission area, click the [Add GA Freeform] button.
  2. Start Drawing: Your cursor will turn into a crosshair. Click anywhere on the canvas to place your first point.
  3. Add More Points: Move your mouse and click again to place the next point. A line will follow your cursor, showing you the shape as you build it.
  4. Finish the Shape: You have two easy ways to finish:
    • Double-click to place your final point and complete the shape.
    • Click the Starting Point: Once you have at least three points, a small circle will appear at your starting point. Clicking this circle will close and complete the shape.

After finishing, the shape becomes a standard element. You can select it, drag it, and use the Inspector to change its Label, Color, or Price Tier.


11. Precision 360° Rotation Slider

You can now rotate elements with complete freedom, allowing for more realistic and optimized layouts. This feature is available for tables, seat blocks, images, stages, and GA rectangles.

How to Rotate an Element:

  1. Select an Element: In the builder, click on any table, seat block, or other rotatable element.
  2. Find the Rotation Control: In the Inspector panel on the right, you will see a new “Rotation” control.
  3. Rotate Your Element: You have two ways to set the rotation:
    • Slider: Drag the slider handle to rotate the element in real-time on the canvas. This is great for quick visual positioning.
    • Number Input: For perfect accuracy, type a precise degree value (from 0 to 360) into the number box next to the slider.

The element’s rotation is saved automatically. This is perfect for angling tables to fit in a corner or aligning seat rows with a curved wall.


12. WYSIWYG Seat Block Builder

The builder for theater-style rows (“Seat Blocks”) is now a true “What You See Is What You Get” (WYSIWYG) editor. You no longer have to guess what your layout will look like.

How it Works:

This feature is enabled automatically. There are no new steps to learn!

  1. Add a Seat Block: Click the [Add Seat Block] button as you normally would.
  2. See the Seats: Instead of a simple grey box, the builder will now instantly draw a grid of circles, representing every single seat within that block.
  3. Edit in Real-Time: When you select the block and change the RowsSeats per RowWidth, or Height in the Inspector, you will see the grid of seats on the canvas update instantly.

This provides immediate visual feedback, making it much faster and easier to design complex seating arrangements with confidence. The “Element Color” option has been removed for this element type, as there is no longer a background to color. You can still style the section’s Label using the text styling options.

13. How to Block and Unblock Seats

The entire process is handled within a special editing mode in the Seating Plan Builder.

Step 1: Activate “Block Seats” Mode

Navigate to your event’s Seating Plan Builder. In the top control bar, you will find the [Block Seats] button.

  • Click the [Block Seats] button.
  • The button will turn a solid dark color (or blue), indicating that Block Mode is active.
  • Your mouse cursor will change to a pointer when you hover over individual seats, letting you know you can interact with them.

Step 2: Click to Block or Unblock Seats

While in Block Mode, you can simply click on any individual seat within a table or a seat block to toggle its status.

  • To Block a Seat: Click on any green (available) seat. It will instantly turn grey, marking it as blocked and unavailable for public sale.
  • To Unblock a Seat: Click on any grey (blocked) seat. It will instantly turn green again, making it available for customers to purchase.

Step 3: Exit “Block Seats” Mode

When you are finished blocking or unblocking seats, simply click the active [Block Seats] button again.

  • The button will return to its normal appearance.
  • Your cursor will go back to normal.
  • You can now resume editing your layout as usual (e.g., dragging and rotating entire elements).

What Your Customers Will See

This feature is completely seamless for the end-user. Any seat that you have marked as “blocked” in the admin panel will appear as unavailable on the live seating map on the frontend. Customers will not be able to click on it or add it to their cart.

Important Tip: Blocking Individual Seats vs. Blocking Whole Elements

The [Block Seats] tool is for controlling individual seats within an element (like one seat at a 10-person table).

If you need to make an entire element (like a whole table or an entire seat block) unavailable, select the element and use the “Status” dropdown in the Inspector panel on the right, setting it to “Booked / Unavailable.”

14. Selecting Multiple Elements

There are two easy ways to select more than one element at a time.

Using the Marquee (Selection Box)

This is the fastest way to select a group of elements in a specific area of your canvas.

  1. Click and Hold: Position your mouse on an empty area of the canvas, outside of any element.
  2. Drag to Draw: Click and drag your mouse. A blue selection box (a “marquee”) will appear.
  3. Cover the Elements: Expand the box to cover the elements you want to select. An element only needs to be partially touched by the box to be included.
  4. Release: Release the mouse button. All elements inside the box will now be selected, indicated by a red border around each of them.

Using Shift + Click

This method is perfect for adding or removing individual elements from a selection, especially if they are far apart.

  1. Select Your First Element: Click on any element to select it.
  2. Hold the Shift Key: Press and hold the Shift key on your keyboard.
  3. Click Other Elements:
    • Clicking on any unselected element will add it to your current selection.
    • Clicking on any already selected element will remove it from your current selection.

You can combine these methods! For example, use the marquee to select a large group, then hold Shift and click to deselect one or two items from that group.

Note on the Inspector: The property Inspector on the right will only appear when exactly one element is selected. When multiple elements are selected, the Inspector is hidden to avoid confusion, but you can still perform group actions like moving, duplicating, and deleting.

15. Moving a Group of Elements

Once you have multiple elements selected, moving them together is simple.

  1. Select Your Group: Use either the marquee or Shift + Click to select the elements you want to move.
  2. Click and Drag: Position your mouse over any one of the selected elements.
  3. Move the Group: Click, hold, and drag your mouse. The entire group of selected elements will move together, maintaining their relative positions.
  4. Release: Release the mouse button to place the group in its new location.

16. Duplicating and Deleting a Group

You can perform actions on all selected elements at once.

To Duplicate a Group:

  1. Select the elements you wish to duplicate.
  2. The Inspector panel will appear on the right, showing only the actions available for a multi-selection.
  3. Click the [Duplicate] button.
  4. A copy of every selected element will be created and slightly offset. The new copies will be automatically selected, ready for you to drag into position.

To Delete a Group:

  1. Select the elements you wish to delete.
  2. You have two options:
    • Click the [Delete] button in the Inspector panel.
    • Press the Delete or Backspace key on your keyboard.
  3. All selected elements will be removed from the canvas instantly.

17. Getting Started: Choosing a Layout Mode

When you first create a seating chart for a new event, you will be prompted to choose a layout mode. This is the foundational structure of your chart and cannot be changed later for that event.

1. Single Layout Mode

The Single Layout mode is the simplest way to build a chart and is ideal for venues that consist of a single, open space like a wedding hall, conference room, or small theater.

When to use it:

  • Your event takes place in one room.
  • You don’t need to logically separate areas like “Balcony” vs. “Floor”.
  • You want to quickly add tables and chairs to a single canvas.

How it works:
Once you select “Single Layout,” you will be taken directly to the main builder canvas where you can immediately start adding tables, rows of seats, stages, and other elements using the toolbar.


2. Use Sections Mode

The Use Sections mode is a powerful feature for organizing complex venues into logical, manageable areas. This is the recommended choice for theaters, auditoriums, stadiums, or any event with distinct pricing or seating zones.

When to use it:

  • Your venue has multiple floors or rooms (e.g., “Main Floor,” “Mezzanine,” “Balcony”).
  • You have distinct areas with different pricing tiers (e.g., “VIP Section,” “General Admission”).
  • Your chart is very large, and you want to provide a cleaner, zoomable experience for customers.

How it works:

  1. Select “Use Sections” from the initial modal.
  2. You will start in the Venue Overview. This is a top-down view of your entire venue space.
  3. Use the “Add Section” or “Add Freeform Section” buttons to draw the outlines of each area (e.g., draw a large rectangle for the “Orchestra” and another for the “Balcony”). You can name and color each section using the Inspector panel on the right.
  4. To add seats and tables, double-click on a section. This will “zoom in” and take you to that section’s dedicated canvas.
  5. Inside a section, use the toolbar to add tables, rows of seats, etc., just as you would in the Single Layout mode. These elements now belong to that section.
  6. Click the “Back to Venue” button in the top-left to return to the main overview.

On the frontend, customers will see the Venue Overview first. Clicking a section will smoothly zoom them into that area to select their seats.

18. Using the Smart Alignment Guides

The Smart Alignment Guides help you create clean, professional layouts with perfect alignment. The guides appear automatically while you are dragging elements.

How they work:

  1. Select an Element: Click on any table, seat block, or other element on the canvas.
  2. Drag the Element: As you click and drag the element, you will see up to six dashed blue lines appear:
    • Three Vertical Lines: Marking the left edge, center, and right edge of your selection.
    • Three Horizontal Lines: Marking the top edge, center, and bottom edge of your selection.
  3. Align with Other Objects: Move the element until its guide lines snap visually with the edges or center of other elements on the canvas.
  4. Multi-Select Alignment: This feature also works when you have multiple elements selected. The guides will show the boundaries of the entire group, making it easy to move a whole block of tables while keeping them aligned.

The guides disappear automatically when you release the mouse button.


19. Real-Time Availability Polling (Frontend)

This feature works automatically on the frontend to ensure your customers always see the most up-to-date seat availability.

How it works for the User:

  • When a customer is viewing a seating chart, the chart silently checks with the server every 20 seconds.
  • If another person has booked a seat or has a seat held in their cart, that seat will automatically turn gray and become unselectable on everyone else’s screen.
  • This happens in the background without requiring the user to refresh the page.

What you need to know as an Admin:

  • This feature is enabled by default and requires no configuration.
  • It helps prevent overselling seats and reduces customer confusion, especially during high-traffic sales periods.
  • The polling interval is set to a reasonable 20 seconds to balance real-time accuracy with server performance.

20. Using the Sections Feature

The Sections feature is a powerful tool designed for creating complex layouts for venues with multiple rooms, floors, or distinct areas (e.g., Balcony, Orchestra, Floor Level). It allows you to build your chart in a more organized, hierarchical way.

1. Getting Started: Choosing Your Layout Mode

When you create a new event and open the “Seating Plan Builder” for the first time, you will be prompted to choose a layout mode:

  • Single Layout: Best for simple venues like a single room or hall. You add all tables and seats directly to one main canvas.
  • Use Sections: Best for complex venues. You first create the main areas (Sections) and then add tables and seats inside each one.

Important: This choice is permanent for this specific event. Once you add an element, you cannot switch modes.

2. The Venue View: Your Main Blueprint

After choosing “Use Sections,” you will start in the Venue View. Think of this as the main blueprint of your entire venue.

  • Purpose: To add and arrange the main areas (Sections) of your venue.
  • Available Tools: In this view, your primary tools are:
    • Add Section: Adds a standard rectangular section.
    • Add Freeform Section: Allows you to draw a section with any shape (e.g., an L-shaped room, a curved balcony).
    • Add Stage / Add Image: You can also add venue-wide elements like a main stage or background images that are not inside any specific section.

How to Add a Section:

  1. Click “Add Section” to create a rectangle. You can move, resize, rotate, and change its properties (label, color) in the Inspector panel on the right.
  2. Click “Add Freeform Section” to start drawing mode.
    • Click on the canvas to place the first point.
    • Continue clicking to add more points to create your shape.
    • To finish, either double-click or click on the very first point you made.
    • Press the Esc key at any time to cancel drawing.

3. The Section View: Adding the Details

Once you have created a section, you need to add tables and seats inside it.

  • How to Enter a Section: Double-click on any section shape in the Venue View.
  • What Happens: The builder will zoom in, and the canvas will now show the contents of only that section. The toolbar will change, and an indicator will appear at the top showing which section you are currently editing.
  • Purpose: To add and arrange the seating elements (tables, seat rows, GA areas) for that specific area.
  • Available Tools: Inside a section, you have the full set of tools:
    • Add Circle/Rect Table
    • Add Seat Rows
    • Add Stage, Image, or other shapes
    • Add General Admission Areas
  • Positioning: All elements you add are positioned relative to the section itself. If you go back to the Venue View and move the entire “Balcony” section, all the seats inside it will move with it automatically.

4. Navigating Back and Forth

  • To Exit a Section: Click the “< Back to Venue” button in the top-left of the toolbar. This will take you back to your main venue blueprint.
  • To Enter a Section: Simply double-click the section you want to edit from the Venue View.

This workflow allows you to focus on one area at a time without being distracted by the rest of the venue, making the management of large, complex layouts simple and efficient.

21. Using the Curved Seat Rows Feature

The Curved Seat Rows feature allows you to arrange seats in an arc instead of a straight line. This is essential for accurately representing venues like theaters, concert halls, and arenas.

When to Use This Feature

This feature is available exclusively for the “Seat Rows” element in the Seating Plan Builder.

How to Create Curved Seat Rows

Follow these simple steps to apply a curve to your seating block:

  1. From the builder tools, click “Add Seat Rows” to add a new block to your canvas, or click on an existing “Seat Rows” block to select it.
  2. With the block selected, the Inspector panel will appear on the right side of the builder.
  3. Locate the “Curve” control in the Inspector. It includes both a slider for quick adjustments and a number input for precise values.(Screenshot Placeholder: An image of the Inspector panel with a red box highlighting the “Curve” slider and number input.)
  4. Use the slider or enter a number to set the curve amount. The seats on the canvas will update instantly.

Understanding Curve Values

The curve is measured in degrees and determines the total angle spanned by the arc of seats.

  • 0 (Default): The row is a perfectly straight line.
  • Positive Values (e.g., 1 to 180): Creates a downward-facing arc (like a smile: ◡). This is ideal for seating that wraps around a stage located at the bottom of the chart.
  • Negative Values (e.g., -1 to -180): Creates an upward-facing arc (like a frown: ◠). This is perfect for seating that faces a stage located at the top of the chart.

Tips and Best Practices

  • Start Small: Begin with small values (like 20 or -20) and increase them gradually to see the effect. Extreme values can create very tight circles.
  • Combine with Rotation: You can use the “Rotation” control in combination with “Curve” to create complex angled and curved sections.
  • Width Affects Span: The “Width” property of the seat block now controls the horizontal distance (the chord length) between the start and end of the arc. Increasing the width will make the arc wider and less sharp for the same curve value.
  • Preview in Sections: When using the “Use Sections” layout mode, the preview of your seat block inside the section overview will now correctly display as a curve, giving you a more accurate mini-map of your venue.

22. Integrating with The Events Calendar

Our plugin is designed to work seamlessly with The Events Calendar, allowing you to add a powerful seating chart to any event. This guide will walk you through setting up and using the integration.

Requirements:

You do not need any additional ticketing add-ons like Event Tickets Plus. Our plugin connects directly to WooCommerce products.

Step 1: Enabling the Integration

The integration is enabled by default upon installation, but you can verify or manage it in the settings.

  1. In your WordPress dashboard, navigate to Seating Plan > Settings.
  2. At the top, you will see the Integrations section.
  3. Ensure the checkbox for “Enable on ‘The Events Calendar’ events” is checked. This tells our plugin to add the builder to The Events Calendar’s edit screen.
  4. Click Save Settings.
event seating chart with the events calendar

Step 2: Creating a WooCommerce Product for Your Tickets

Before building your seating chart, you need a WooCommerce product to represent the ticket sale.

  1. Navigate to Products > Add New in your WordPress dashboard.
  2. Give your product a clear title (e.g., “Main Stage Show Ticket”).
  3. Set the Price:
    • For a single price event: In the “Product data” metabox, enter a Regular price.
    • For multiple price tiers (e.g., VIP, Standard, Balcony): Change the “Product data” dropdown to Variable product. Go to the “Attributes” tab, add an attribute like “Tier,” and enter your price levels (e.g., “VIP | Standard | Balcony”). Then, go to the “Variations” tab and create variations from these attributes, setting a price for each one.
  4. Publish your product. You do not need to link this product to The Events Calendar itself.

Important: This WooCommerce product is what your customers will actually purchase. The seating chart acts as a “selector” for this product.

Step 3: Creating Your Event & Building the Seating Chart

Now, create your event and design the layout.

  1. Navigate to Events > Add New.
  2. Fill out your event details as you normally would in The Events Calendar (title, description, date, venue, etc.).
  3. Scroll down the page to find the “Seating Plan Builder” metabox. Design your layout by adding tables, seat rows, or sections.

Step 4: Linking the Seating Chart to Your Product

This is the final and most important step.

  1. On the right-hand sidebar of the event edit page, find the “Event Seating Settings” metabox.
  2. Click the “Link to WooCommerce Product” dropdown. You will see a list of all products in your store. Select the ticket product you created in Step 2.
  3. (Optional – For Multiple Tiers): If you created a Variable product, you can now assign different price tiers within the builder.
    • Select a seat, table, or section in the builder.
    • In the Element Properties inspector on the right, use the “Price Tier” dropdown to assign one of the variations you created (e.g., “VIP,” “Standard”). This will override the default price for that specific element.
  4. Publish or Update your event.
event seating chart with the events calendar

That’s it! When you insert the shortcode [event_seating_plan id=”YOUR_EVENT_ID”] into your event’s description, the seating chart will appear. The chart will pull the date and venue directly from The Events Calendar, and all ticket sales will be processed through the WooCommerce product you linked.

23. Using the Booking Manager

The Booking Manager is a central dashboard where you can view, search, and manage all bookings made through your seating charts.

Accessing the Booking Manager:
Navigate to Seating Plan > Bookings in your WordPress admin menu.

(Screenshot: An image of the WordPress admin menu with “Seating Plan” open and an arrow pointing to the “Bookings” submenu item.)

Features:

  • Viewing Bookings: The main table displays all individual bookings, including the event, the specific seat/area, customer details, and order number.
  • Searching: Use the search box at the top right to instantly find bookings. You can search by:
    • Customer Name or Email
    • Order Number
    • Event Title
    • Seat/Area Label (e.g., “Section A”)
    • Specific Seat Number (e.g., “Row 5, Seat 10” or just “5 10”)
  • One-Click Check-in: In the “Status” column, click the “Check In” button next to any booking to mark the attendee as arrived. The status will instantly update to “Checked In” with a timestamp. This is a great alternative to using the QR code scanner.
  • Exporting to CSV:
    • Click the “Export to CSV” button at the top of the page.
    • This will download a CSV file of the bookings you are currently viewing.
    • Tip: To export a specific subset of data, first use the search box to filter the list (e.g., search for a specific event title), and then click “Export to CSV”. The downloaded file will contain only the filtered results.

24. How to Duplicate a Layout

This feature allows you to copy a seating plan from one event to another, saving you time.

Instructions:

  1. Navigate to the edit screen of the event where you want to apply the layout.
  2. In the “Event Seating Settings” metabox on the right sidebar, locate the “Layout Tools” section.
  3. Click the dropdown menu labeled “Select an event to copy layout from.” It will show a list of all other events on your site that have a saved seating plan.
  4. Choose the event you wish to copy.
  5. Click the “Apply Layout” button.
  6. A confirmation prompt will appear. Click “OK”.

The builder will instantly reload with the duplicated layout. Remember to click “Update” or “Publish” on the event to save the new layout.

Warning: Applying a layout is a destructive action and will overwrite the current seating plan on the page.

25. Using Advanced Seat Numbering

You can customize the labels for seats and rows to match your venue’s physical signage. These options are available when you select a Table or a Seat Rows element.

Instructions:

  1. In the Seating Plan Builder, click on a table or a seat rows block to select it.
  2. The Inspector panel will appear on the right.
  3. Locate the “Seat Label” and “Start At” fields.
    • Seat Label: Choose between “Numeric (1,2,3)” or “Alpha (A,B,C)”. This controls the label on individual seats.
    • Start At: Enter the number you want the sequence to begin with. For example, if you set “Start At” to 101, your seats will be labeled 101, 102, 103….
  4. (For Seat Rows Only): You will also see a “Row Label Style” field.
    • This allows you to label your rows as Row 1, Row 2… or Row A, Row B…. The seat IDs will be updated accordingly (e.g., Row A, Seat 5).

The changes will appear instantly on the canvas.

26. Integrating with Events Manager

Our plugin can integrate directly with the Events Manager plugin, allowing you to add powerful, reserved seating charts to your existing events and sell tickets through WooCommerce.

Requirements:

You do not need any other third-party ticketing add-ons.

Step 1: Enabling the Integration

The integration is enabled by default if the plugin is active, but you can manage it in the settings.

  1. In your WordPress dashboard, navigate to Seating Plan > Settings.
  2. In the Integrations section at the top, ensure the checkbox for “Enable on ‘Events Manager’ events” is checked.
  3. Click Save Settings.

With this enabled, the seating chart builder will appear on the Events Manager event edit screen.

Step 2: Creating a WooCommerce Product for Your Tickets

First, you need a WooCommerce product that will handle the payment for your tickets.

  1. Navigate to Products > Add New.
  2. Give the product a clear title (e.g., “Annual Gala Ticket”).
  3. Set the Price:
    • For a single price: In the “Product data” metabox, enter a Regular price.
    • For multiple prices: Change the “Product data” dropdown to Variable product. Use the “Attributes” and “Variations” tabs to create your different tiers (e.g., “Front Row,” “Standard”) and set a price for each.
  4. Publish the product.

Step 3: Creating Your Event in Events Manager

Now, create your event using the familiar Events Manager interface.

  1. Go to Events > Add New.
  2. Fill in your event details: Title, description, dates, and times.
  3. Crucially, add a Location. Our plugin will automatically pull the Venue Name and Address from the Location you select here.

Step 4: Building and Linking Your Seating Chart

On the same event edit page, you can now connect everything.

  1. Scroll down to the “Seating Plan Builder” and design your venue’s layout.
  2. In the sidebar, find the “Event Seating Settings” metabox.
  3. From the “Link to WooCommerce Product” dropdown, select the ticket product you created in Step 2.
  4. (Optional – For Multiple Tiers): If you are using a Variable product, select any seat or section in the builder. The “Price Tier” dropdown in the inspector will now show your variations. Assign them as needed.
  5. Publish or Update your event.

That’s it! Your seating chart is now live. When you use the shortcode [event_seating_plan id=”YOUR_EVENT_ID”], the chart will automatically display the correct date and rich venue details from Events Manager, and all sales will be processed securely by WooCommerce.

27. How to use the “Kill Seat” Feature

The Kill Seat feature allows you to hide specific seats from the frontend view entirely. This is essential for creating irregular row lengths (e.g., a row of 10 seats followed by a row of 12) or creating aisles within a block of seats.

“Block” vs. “Kill”: What is the difference?

  • Block Seats (Padlock Icon): The seat is visible to the customer but appears greyed out/unavailable. Use this for seats that are sold offline, reserved for VIPs, or temporarily broken.
  • Kill Seats (Hidden Eye Icon): The seat is removed from the customer view entirely. It looks like empty space on the website. Use this to change the shape of your rows or create walkways.

How to use it:

  1. Open the Seating Plan Builder for your event.
  2. In the top toolbar, look for the Kill Seats button (Eye icon with a strike-through).
  3. Click the button to activate the mode. The button will turn blue.
  4. Click on any seat in your layout.
    • Backend View: The seat will turn white with a red outline. This allows you to see where the seat would be, in case you need to bring it back later.
    • Frontend View: After saving, visit your event page. The seat will be completely invisible.
  5. Click the Kill Seats button again to exit the mode.
  6. Click Save Changes.

Pro Tip: Creating Curved/Pyramid Rows

Instead of adding 10 individual rows of different sizes to make a curved theatre section:

  1. Add a single Seat Block that covers the widest part of your section (e.g., 10 rows x 20 seats).
  2. Select Kill Seat Mode.
  3. Click the seats in the corners of the block to “sculpt” the shape you want.
  4. This keeps your alignment perfect while giving you a custom shape!

Impact on Booking Rules

If you have the “Disable Orphan Seat Rule” unchecked (meaning the rule is active), the system treats “Killed” seats as walls. A customer cannot leave a single empty seat next to a “Killed” seat, ensuring your booking logic remains secure.

28. Editing Polygon Points


Allows administrators to adjust the shape of freeform elements after they have been drawn. This applies to Sections, GA Areas, and decorative Polygons.

How to use:

  1. Open the Seating Plan Builder in the admin panel.
  2. Click to select a Freeform SectionGA Area, or Polygon Shape on the canvas.
  3. Look at the Inspector Panel (right sidebar). You will see a button labeled “Edit Shape Points”.
  4. Click the button. Small white circular handles will appear at every corner of your shape.
  5. Click and drag these white handles to reshape your element.
    • Note: Smart Guides will appear to help you align points with other objects.
  6. When finished, click “Done Editing Points” in the Inspector panel.
  7. Click “Save Changes” to persist your updates.

29. Frontend Price Filtering


A user-friendly dropdown menu that appears above the seating chart, allowing customers to visualize seats based on their price category.

Prerequisites:

  • You must be using a Variable Product linked to the event.
  • You must assign these variations to specific seats or areas in the Seating Plan Builder.

How it works:

  1. The plugin automatically scans your layout to find which Price Tiers (Variations) are in use.
  2. On the frontend event page, a dropdown labeled “Filter by Price Tier” appears in the control bar.
  3. When a user selects a tier (e.g., “$50.00 – Gold”):
    • Seats matching that price remain fully visible and clickable.
    • Seats with different prices become dimmed (transparent and greyscale) to visually recede into the background.
    • Selecting “Show All” restores full visibility to all seats.
  4. The filter updates dynamically even if the user zooms in, pans, or changes sections.

30. Duplicating Sections with Content

Description:
Allows you to copy a Section and all of its nested children (seats, tables, decorative elements) in one action. This handles ID re-generation automatically to prevent data conflicts.

How to use:

  1. Open the Seating Plan Builder.
  2. Click on the border of a Section to select it.
  3. In the Inspector Panel, click the “Duplicate” button.
  4. A copy of the Section—containing copies of all tables, rows, and shapes inside it—will appear slightly offset from the original.
  5. Drag the new Section to its desired location.

Smart Data Handling:

  • Unique IDs: The system automatically generates new unique IDs for every single duplicated seat and table.
  • Killed/Blocked Seats: If you had marked specific seats as “Killed” or “Blocked” in the original section, those statuses are intelligently mapped to the new seats in the duplicated section, so you don’t have to re-do your configuration.

31. Seat Lock Timer (Cart & Checkout)

To prevent users from holding onto seats indefinitely without purchasing, the plugin includes an automated Seat Lock Timer. When a customer adds a specific seat or table to their cart, that seat is temporarily “locked” and cannot be purchased by anyone else.

If the customer does not complete their checkout before the timer runs out, the seats are automatically removed from their cart and made available to the public again.

How to Configure the Timer
  1. In your WordPress admin dashboard, navigate to Seating Plan > Settings.
  2. Scroll down to the Booking Logic section.
  3. Locate the Seat Lock Time (Minutes) setting.
  4. Enter the number of minutes a seat should remain locked in a user’s cart (the default is 15 minutes).
  5. Click Save Settings.
How it Looks to the Customer

Once a user adds a seat to their cart, a dynamic countdown timer will appear at the top of the Cart and Checkout pages.

  • It displays a message like: “Time remaining to complete checkout: 14:59”
  • If the timer reaches 00:00, the page will refresh, the seats will be cleared from their cart, and the user will see a notice explaining that their reservation time has expired.

32. Advanced Ticket & Email Builder

You can now design beautiful, fully responsive tickets for your events without writing a single line of code. The plugin includes a powerful Drag-and-Drop Grid Builder to customize the ticket layout for three different areas:

  1. The Thank You Page Ticket (Displayed immediately after checkout).
  2. The Order Confirmation Email (Embedded directly inside the WooCommerce email).
  3. The Printable Receipt (An HTML file automatically attached to the confirmation email for easy printing).
Step A: Set Your Global Content & Theme

Before building your layouts, set your branding and text.

  1. Go to Seating Plan > Settings.
  2. Scroll down to the Ticket Content & Theme section.
  3. Logo Image: Upload your company or event logo.
  4. Colors: Choose your Theme Color (used for the header block) and Background Color.
  5. Text Content: Fill out the custom text fields for your Main Title, Thank You page intro, Email intro, and Footer/Terms & Conditions.
Step B: Using the Drag-and-Drop Builder

Scroll down to the Drag-and-Drop Grid Layouts section. You will see three separate layout builders. Changes made to one builder do not affect the others, allowing you to design unique layouts for emails versus printed receipts.

1. Add Structure (Rows & Columns)

  • On the left sidebar of the builder, click 1 Col or 2 Cols to add a new row to your canvas.
  • Use 2-column rows to place elements side-by-side (e.g., Customer Info on the left, QR Code on the right).
  • For the Printable Receipt Builder: You can click + Page Break. Any elements placed below a Page Break will be forced onto a new sheet of paper when the customer prints the ticket.

2. Drag and Drop Elements

  • Under the “Drag Elements” sidebar, click and hold any widget (like Logo Image or QR Code).
  • Drag the widget into the dashed column areas inside your rows.
  • You can re-order elements inside columns by dragging them up or down.

3. Removing Elements

  • To remove a specific element, click the red “X” next to the element’s name.
  • To remove an entire row, click the red “X” on the dark grey Row Header.
Available Elements (Widgets)

You can drag the following elements into your layouts:

  • Logo Image: Displays the logo uploaded in your Global settings.
  • Main Title Box: A colored header block displaying your “Main Ticket Title”.
  • Intro Text: Displays the context text (changes dynamically based on whether it is an email, thank you page, or receipt).
  • QR Code & Code: The scannable QR code and alphanumeric Master Code used by the ticket scanner.
  • Customer Info: Displays the attendee’s full name and their WooCommerce Order ID.
  • Seat List: A formatted list of all events, seats, and tables purchased in the order.
  • Separator Line: A simple visual divider (horizontal line).
  • Footer / Terms: Displays your refund policies or event terms at the bottom of the ticket.
Pro-Tips for Ticket Design
  • Email Layouts: Email clients (like Outlook and Gmail) can be strict. Keep email layouts simple. A single-column layout or a simple 2-column layout works best.
  • Printable Receipts: Use the + Page Break tool! You can put the main Ticket and QR code on Page 1, add a Page Break, and put a large “Footer / Terms” text block on Page 2 so the scanner doesn’t have to scan a page cluttered with legal text.
  • Always click Save Settings at the bottom of the page after modifying your drag-and-drop grids.

33. Seat & Table Add-ons

The Seat & Table Add-ons feature lets you offer optional WooCommerce products — such as food packages, drinks, table signage, or merchandise — to your customers at the moment they book a seat or table. This is a powerful upsell tool that increases your average order value without any friction in the booking flow.


How It Works (Customer View)
  1. The customer selects a seat or table on your interactive seating chart.
  2. They click the “Book Selected” button.
  3. A clean Add-ons Modal appears — showing your configured extras with images, descriptions, prices, and quantity selectors.
  4. The customer chooses their desired extras (or skips them entirely).
  5. Everything is added to the WooCommerce cart as linked line items — the seat and all chosen add-ons appear together in one clear order.

Step 1 — Create Your Add-on Products in WooCommerce

Any existing WooCommerce product can be used as an add-on. If you have not created them yet:

  1. Go to Products → Add New in your WordPress dashboard.
  2. Give the product a name — for example, “3-Course Dinner Package” or “Table Signage”.
  3. Set the product type to Simple product for a flat price, or Variable product if you need options (e.g. chicken or vegetarian).
  4. Set a Regular price.
  5. Optionally add a product image and short description — both will appear in the add-ons modal on the frontend.
  6. Click Publish.

Repeat this for each add-on you want to offer.


Step 2 — Configure Add-ons for Your Event
  1. Open your event in the WordPress admin (Events → Edit).
  2. Scroll down to the “Event Seating Settings” meta box.
  3. Find the “Seat Add-ons” section.
  4. Use the product search field to find and select the WooCommerce products you want to offer as add-ons for this event.
  5. For each selected product, choose the quantity mode:
    • Per Seat — the suggested quantity automatically matches the number of seats the customer selected. For example, booking a table of 8 suggests a quantity of 8 dinner packages.
    • Per Order — a flat quantity of 1 regardless of how many seats are booked. Best for items like table signage or a single drinks bundle.
  6. Optionally enter a Display Label to rename the product in the modal (e.g. rename “Package A – Dinner” to “Gala Dinner Package”).
  7. Click Update or Publish to save.

Step 3 — Test the Frontend Flow
  1. Visit your event page on the frontend.
  2. Select any seat or table on the seating chart.
  3. Click “Book Selected”.
  4. The add-ons modal should appear with your configured products.
  5. Select quantities and click “Add to Cart with Add-ons” — or click “Skip & Book” to proceed without extras.
  6. Check the WooCommerce cart to confirm the seat and add-ons appear as linked line items.

Cart & Order Behaviour
ScenarioWhat Happens
Customer adds add-onsSeat + add-ons appear as separate linked line items in the cart
Customer removes seat from cartAll linked add-ons are automatically removed too
Customer skips add-onsOnly the seat is added to the cart — no extras
Timer expires (Cart Countdown)Seat and all linked add-ons are cleared from the cart together
Order is placedAdd-ons appear in the WooCommerce order, confirmation email, and Booking Manager

Per-Event vs Global Add-ons

Add-ons are configured per event. This means you can offer a completely different set of extras for each event:

  • A gala dinner event → dinner packages and wine selections
  • A concert → merchandise and drinks packages
  • A corporate awards night → branded signage and catering upgrades

There is no global add-on setting. Each event has full independent control.


Variable Product Add-ons

If your add-on product is a Variable product (e.g. a meal with a choice of chicken, fish, or vegetarian), a variation selector will appear inside the add-ons modal. The customer selects their variation before adding it to the cart. Each variation is treated as a separate line item in the order.


Viewing Add-ons in the Booking Manager

Add-ons purchased alongside a seat booking are visible in your Booking Manager dashboard (see section 23). Each booking row shows the associated add-ons in a linked column, so you can see at a glance which guests ordered extras — and which specific seat or table they are tied to.


Troubleshooting

Add-ons modal does not appear

  • Check that at least one product is selected in the Seat Add-ons section of your event settings.
  • Make sure the selected product is published and not out of stock.
  • Confirm you are using the Pro version of the plugin. This feature is not available in the Lite or Starter plans.

Add-on quantity is wrong

  • If set to Per Seat mode, the suggested quantity equals the number of seats in the selection. For whole-table bookings, it equals the table capacity. The customer can always manually adjust the quantity in the modal.

Add-ons not showing in the order email

  • Add-on line items use standard WooCommerce order item meta. Ensure your WooCommerce email templates have not been heavily customised in a way that strips line items. Using a default WooCommerce email template will always show add-ons correctly.

A product I selected is not appearing in the modal

  • The product may have been deleted or set to draft. Go to Products in your admin and confirm the product status is Published.

Notes

ℹ️ Pro Feature — Seat & Table Add-ons are available on the Pro plan only. See the plugin page for plan details.

ℹ️ The Cart Countdown Timer (section 31) works alongside add-ons. When the timer expires, both the seat and all linked add-ons are released back to the pool automatically.

34. Frequently Asked Questions (FAQ)

  • Q: Can I reuse a layout for multiple events?
    • A: Yes! Use the “Export Layout” and “Import Layout” buttons in the builder to create reusable templates.
  • Q: Why isn’t the QR code working?
    • A: Your server most likely needs the PHP GD Graphics Library enabled. Please contact your web host and ask them to enable the gd extension for PHP.
  • Q: How do I offer VIP and Standard pricing?
    • A: You must use a WooCommerce “Variable Product”. Please see the detailed guide in section 4 above.

Ready to Get Started?

This documentation covers every feature of the Live Event Seating Pro plugin. If you have not purchased yet, try the interactive demo or view all plans.

Ready to Keep 100% of Your Ticket Sales?

The Live Event Seating Plugin integrates with WooCommerce, giving you a powerful seating chart builder with zero per-ticket fees.