Stachethemes Seat Planner

Once Stachethemes Seat Planner plugin is installed and activated, a new product type “Auditorium” will be available in WooCommerce.

Steps to Create a Seat-Based Product:

Navigate to Dashboard → Products and click “Add New Product”.

Enter the Product Title, Description, and set a Product Image.

In the Product Data section, where you select the product type (e.g., Simple Product, Grouped Product, Variable Product, etc.), you will see a new option: “Auditorium Product”.

Set the product type as “Auditorium Product“.

Click the “Seat Planner” tab, then open the Seat Planner Editor by clicking the “Open Seat Planner” button.

The Seat Planner Builder includes four elements:

• Screen – A static element indicating the screen’s position in the room, primarily for orientation.
• Seat – Represents a selectable seat that customers can choose on the front end.
• Object – A static, generic element used for various visual representations.
• Text – A static element for displaying custom text on the front end.

Drag and drop a “Seat” element on the workflow.

In the “Seat Properties” toolbar, the most important settings are:

• Label – The text displayed to customers when selecting a seat on the front end.
• Seat ID – A unique identifier for the seat, stored in the database when a customer makes a purchase. Each seat must have a unique ID.
• Price – The cost of the seat. Each seat can have a different price.
• Handicap Seat – A designated seat for accessibility purposes. It helps identify seating options suitable for individuals with disabilities.

The Seat Planner Editor supports the following keyboard shortcuts for faster and more efficient workflow:

• Ctrl / Cmd + Z – Undo the last action.
• Ctrl / Cmd + Y – Redo the last undone action.
• Ctrl / Cmd + A – Select all objects on the canvas.
• Ctrl / Cmd + I – Invert the current selection.
• Esc – Deselect all selected objects.
• G – Toggle the grid visibility.
• H – Adjust the grid contrast.
• C – Change the grid color.
• [ – Decrease the grid size.
• ] – Increase the grid size.
• L – Toggle the seat text display in the editor (Label, Price, Seat ID).

Click on the Seat you created and make more copies:

Select all seats.

Go to the Seat Properties Toolbar → Label.

To assign numeric labels to seats quickly (e.g., Seat 1, Seat 2, Seat 3), type “Seat [1]!” — the exclamation mark signals the script to auto-increment the input if a pattern ( e.g. [1] ) is found.

Example: Seat [1]!

This will automatically increment the number for each seat selected.

You can also use this method for Seat ID numbers. For example, enter “A[1]!” to automatically generate sequential Seat IDs (e.g., A1, A2, A3).

Auto Increment Patterns

Linear Increment pattern example:

[1] → 1, 2, 3…

[A] → A, B, C…

[A*3] → A, A, A, B, B, B, …

[1*3] → 1, 1, 1, 2, 2, 2, …

Cyclic Increment pattern example:

[A~3] → A, B, C, A, B, C, …

[1~3] → 1, 2, 3, 1, 2, 3, …

Combined Patterns example:

[A*3]-[1~3] → A-1, A-2, A-3, B-1, B-2, B-3, …

Set price for your seats by entering the desired amount, for example, 20.

You can toggle the visual display between Seat ID, Label, and Price by pressing L. This has effect only in the editor. On the front-end customers will always see the “Label” value.

Set the seats Background Color and Text Color to your preference.

Drag a “Screen” element to the Workflow:

Optionally, designate some seats as “Handicap Seats” and change their background color to make them stand out.

In the top right corner, click the Cogwheel Icon to open the Workflow Settings and change the background color.

Once you are done, click the Left Arrow button in the top left corner of the builder to return to your product page.

Click “Publish“.

That’s it! You now have a seat-based product set up.

To add discounts for your seats click on the “Discounts” tab below the “Seat Planner” tab.

You can pick Fixed or Percentage-based discounts.

By default, when a customer adds a seat to their cart, the seat is reserved for 24 hours. Other customers will not be able to select the seat until the 24-hour period has passed.

To edit the reservation time value go to Dashboard → WooCommerce → Settings. Click on “Products” tab and scroll down to the “Seat Reservation” section.

Setting the Seat Reservation Time to 0 will disable this feature.

When an order is marked as “Completed,” WooCommerce emails the user with updated order details and a QR Code for each Auditorium Product.

Admins and Shop Managers can scan the QR Code to verify tickets.

To access the Seat Scanner, go to Dashboard → WooCommerce → Seat Scanner.

Click “Scan Now” to start scanning.

NOTE: Allow camera permissions in your browser for QR code scanning to work.

Scan the QR Code from the customer’s order confirmation email to verify their ticket.

NOTE: Scanning a ticket marks it automatically as “scanned”. Scanning it again will trigger a warning that it was already scanned.

To include a PDF with reservation details in the order completed email, go to Dashboard → WooCommerce → Settings.

Click the Emails tab, scroll down to the Seat Planner Attachments section, and check the Enable PDF Attachments box.