In this guide, we’ll go through how you can configure the Seats addon, Event Tickets, and Ticket Variations and Options addon to create seat options that contain variations.

Installation

In order to get started, you will need to have EventON, Event Tickets Addon, Seats addon, Ticket Variations and Options addon, and Woocommerce installed and activated. You can get the EventON plugin by downloading it from your CodeCanyon account. You can follow our tutorial on how to install & activate EventON.

For additional help in installing the 3 addons, please take a look at our general guide about how to install EventON addons.

User Guide

To get started, go to Events > Add Event and create a new event or edit an existing event.

Add a title for your event and optionally add a description and configure the rest of your event settings such as the Time and Date.

Toggle the option to enable event tickets.

Click on “CONFIGURE TICKET SETTINGS” to fill in your event ticket’s price and SKU which are required and the optional fields such as sale price and ticket detail. You can also enable the following additional options in this section:

• Enable name your price – Guests will be able to enter their own price and override the one set above
• Manage Ticket Stock – Enter the maximum number of available tickets that can be sold for this event
• Show remaining tickets (Only for Woocommerce simple tickets) – This option displays the number of tickets that are available for sale. You can also set a custom limit
• Show guest list for event on eventCard – Displays guest lists if any
• Place ticket on out of stock – This option prevents the sale of tickets and displays an out of stock label on the event card
• Sold Individually – This option limits the number of tickets that can be bought by each person to 1

Click on the Save Draft button to save your draft event and reload the page by clicking on the ↻ icon on your browser. This step is necessary to load and expose more ticket settings.

Toggle the option to enable ticket variations and options.

Click on the VARIATION & OPTIONS SETTINGS  button to open the Variations & Options Settings lightbox.

Click on +NEW VARIATION TYPE button and add the variations that you’d like your event guests to select from when booking a block and click on ADD NEW to save the changes. For the purpose of this tutorial, we’ll set the variation type to Ticket type and set the variations to Individual and Group.

Toggle the option to Enable Event Seating for this event and click on the Save draft button at the top of the page. Next, reload the page by clicking on the ↻ icon on your browser. This will expose the booking block manager settings that we’ll use in the next step.

The post How to Use Variations with Seats Addon first appeared on Documentation.

v 1.3 (2025-9-10)
ADDED: Support for more round edge options for unassigned and area of interest
ADDED: New preloading animation
ADDED: Support for round table seating
ADDED: option to make seat sections have no drop shadow
ADDED: Section positioning input fields for precise section positioning
ADDED: area of interest section width and height input fields
ADDED: Seat edit options to show as side panel
FIXED: purchased seat check before seat purchase
FIXED: Missing unassigned seat text
FIXED: seat map data import to chunk JSON data in upload process
FIXED: removing seats not working
FIXED: section background transparent not working
UPDATED: seat expiration data to use event post meta
UPDATED: bigger seat map options
UPDATED: Bigger seat size options
UPDATED: Biggest seat editor in wp-admin
UPDATED: seat map editor icon styles

v 1.2.10 (2025-7-17)
FIXED: seats information in email attendees list emails

v 1.2.9 (2025-6-9)
FIXED: RTL Seat map control alignments
FIXED: Mobile view Seat map control layout
FIXED: Loader styles
FIXED: block cart price for seat with no sales price
FIXED: missing translation for cancel seat
FIXED: Currency formats

v 1.2.8 (2024-10-15)
FIXED: lightbox event card seat map not working

v 1.2.7 (2024-10-4)
ADDED: seat map data upload with file restriction data from server
FIXED: seat map load script running when all eventcard opens
FIXED: ux_val 3a not loading seats map
FIXED: multiple seat maps open event card on same page not loading correct seat map
FIXED: open lightbox seat map not working correctly
FIXED: Upload seat map json not sending event ID in large file
FIXED: event tickets 2.4 compatibility

v 1.2.6 (2024-5-30)
FIXED: force load seat map data from fresh DB query
FIXED: deprecated error with PHP 8.2
FIXED: seat details not showing in email

v 1.2.5 (2024-4-15)
FIXED: slidedown event card not loading the seat map

v 1.2.4 (2023-3-8)
FIXED: one click add to cart not working for unassigned seating
FIXED: seat added to cart showing seat text under section
FIXED: Seat information in cart to show seat details similar to on event
FIXED: multiple events on page not loading seat map correctly

v 1.2.3 (2023-8-21)
FIXED: one click add to cart not working right

v 1.2.2 (2023-8-3)
ADDED: eventon tickets environment setup check before initiate addon
FIXED: seat map image not saving correctly
FIXED: on evetcard seat map not loading after slide down event
FIXED: one-click add seat to cart not working
UPDATED: eventcard seatmap data to load via endpoint ajax

v 1.2.1 (2023-7-20)
ADDED: new seat map size 650×600
ADDED: seat shape option with box and circle seat shapes
ADDED: Booth name visible on booth shape
ADDED: lightbox based seat map
FIXED: seat editor highlight color
FIXED: static seat details alignment
FIXED: font styles
UPDATED: seat editor design and layout
UPDATED: seat design and layout

v 1.2 (2023-7-12)
ADDED: admin seat map editor moved to new lightbox system
ADDED: delete section button to main editor view
ADDED: fixed tooltip on hover to show a default message
ADDED: booth seat type – Beta
ADDED: more clear data for the type of seat
ADDED: Seats in progress count to admin seat map editor
FIXED: loading scripts after eventon dependant scripts
FIXED: seat map not loading on lightbox loaded via ajax
FIXED: scaled seat map to fit well in the viewable window
FIXED: unstranslated text in cart for unassigned seat
FIXED: mobile seat map layout issues
UPDATED: compatibility with tickets 2.1.1

v 1.1.1 (2022-10-25)
FIXED: Missing text translations
FIXED: compatibility with variations and options for unassigned seats capacity

v 1.1 (2022-3-15)
ADDED: ability to import and export seat map data in JSON format
ADDED: Ability to clear all seat map data from settings in seat map editor
ADDED: option to make all seats available for reserve

v 1.0.12 (2022-2-2)
ADDED: reset map button for seat map
ADDED: need saved notice on seat map editor
FIXED: background color select not working
FIXED: zoom in and zoom out firing multiple times after window resized

v 1.0.11 (2021-1-4)
ADDED: compatibility with QR code addon to show seat info in checkin page

v 1.0.10 (2020-11-4)
ADDED: ability for increment input fields to type manually
ADDED: ability to maintain seat status when duplicating an event
FIXED: duplicate events to copy seat map as well
FIXED: compatibility with variations addon 0.9
FIXED: available seats stock sync with woocommerce product stock
FIXED: unassigned seating section duplication adjusting sold out
FIXED: duplicate events not resetting sold out on unassigned seats

v 1.0.9 (2020-8-25)
ADDED: Missing seat number information to additional ticket information at checkout
ADDED: 1000×800 map area and pluggable filter to add more sizes
FIXED: round table not showing in frontend

v 1.0.8 (2020-1-29)
FIXED: transform origin to be center
FIXED: seat map location when changing screen size
FIXED: “Your seats will expire in” translation error
FIXED: lightbox event seat map stretching event window out of view
FIXED: mobile view map showing outside the area

v 1.0.7 (2019-11-26)
FIXED: single event page seat map not loading
FIXED: javascript error from seat map drawing

v 1.0.6 (2019-11-13)
FIXED: EventON 2.8 compatibility

v 1.0.5 (2019-10-15)
ADDED: Duplicate events to make all seats available in duplicated event
ADDED: Seat map editor edit seat to also show attendee details for that seat
FIXED: tooltip error when opening the seat map
FIXED: first seat add to cart shows price as zero
FIXED: unassigned seating seat in cart causing other seats to not go back in stock after timeout
FIXED: Seat tooltip not showing in correct place on lightbox
REQ: Tickets v1.7.10

v 1.0.4 (2019-6-28)
ADDED: dynamic pricing disable for events when seats on
ADDED: ability to set tooltips as fixed above map
FIXED: seat new quantity undefined error
FIXED: Map redraw undefined error
FIXED: Missing text domain translations
FIXED: Tool tip text translations
FIXED: map zoom not working for standalone event boxes
FIXED: ticket custom price with gap not reflected correct
FIXED: currency formatting for seat price
FIXED: form data error on creating new sections
FIXED: seat map resizing when window resized
UPDATED: seat map styles to be more subtle

v 1.0.3 (2018-7-26)
FIXED: one click adding to cart not saving when event saved again
FIXED: seat number order note for wc order page
FIXED: Missing translations

v 1.0.2 (2018-6-21)
ADDED: Option to enable direct adding seats to cart with one click
ADDED: Seat expiration timer to cart pages
ADDED: Option to hide seat expiration timer from all cart pages
ADDED: Seat manp editor required fields validation
FIXED: multiple seats added to cart only making one seat unavailable
UPDATED: to show seat map on load for single event pages
REQ: EventON 2.6.11

v 1.0.1 (2018-5-29)
ADDED: Grid lines for seat map editor
FIXED: Map area changing not working
FIXED: lightbox seat map not working on properly on load

v 1.0 (2018-5-10)
ADDED: Seat number to show in event edit attendee information
ADDED: filters to check if seats can be enabled for event edit meta box
ADDED: seat expiration countdown timer, with eventon countdown timer addon
ADDED: unassigned seating sections
ADDED: Areas of interest with font awesome icons
ADDED: compatibility with ticket variations and options addon
ADDED: duplication of seat sections in seat map editor
ADDED: ability to edit seat section background color and border
ADDED: ability to set seat color
ADDED: Ability to zoom and pan the seat map on frontend
ADDED: Ability to set area of interest shapes style
ADDED: mobile compatible seat map selector
ADDED: real time count down timer when seats added to cart
ADDED: Proper back end translation text domain POT files
UPDATED: compatiblity with latest event tickets addon
UPDATED: Seat map editor to support large seating arrangements
UPDATED: Seat map legends hidden behind easy hover over menu
REQUIRE: Tickets 1.7

v 0.5 (2017-11-29)
FIXED: seat map area values not showing correct on frontend
FIXED: Seats not getting added to cart
UPDATED: to utilize EVO_Event object

v 0.4 (2017-11-17)
ADDED: Option to disable accordion seat view on mobile
FIXED: boolean error result in unavailable seats being able to sell
FIXED: Correctly restocking seat upon cancel or refunded orders
FIXED: Cart validation not going through
FIXED: Custom unique seat number not correctly showing on tooltips
FIXED: Seat validation against availability not working correct
UPDATED: New event class compatibility

v 0.3 (2017-10-19)
ADDED: seat number in checkout page for additional guest names
ADDED: Accordion effect for mobile seat selection
ADDED: QR Code addon integration to show seat information in checkin page
FIXED: some seat sections information input fields not showing up when editing
FIXED: Missing language text translation
FIXED: Incorrect currency symbol showing in responsive view
FIXED: seats getting removed from cart when adding first time
FIXED: temporarily unavailable seats changign back to available incorrectly
FIXED: seats remaining in unavailable state – thanks Tex for the fix
FIXED: seat quantity not updating upon save
UPDATED: hover over seat name as title in wp-admin
UPDATED: allow editing auto generated seat number from wp-admin
UPDATED: wp-admin styles
UPDATED: Saved Seat number to be used in checkout and emails

v 0.2 (2017-6-2)
FIXED: Currency symbol not reflecting correct on popup window
FIXED: Seats lightbox not loading on ajax loaded months
FIXED: cart seat item to link to event page
UPDATED: to save each seat section at a time to avoid max input var error
UPDATED: loading class name changed to avoid conflicts

v 0.1 (2017-5-2)
Initial release

The post Changelog for Event Seats first appeared on Documentation.

Step 1: Enable Seat chart for an event

Go into Dashboard > Events and edit the event that you wish to add a seating chart to. Before you can start adding a seating chart you MUST activate the Event Tickets for your event. To activate Event Tickets, scroll about 1/2 way down the page to the “Event Tickets” section and toggle the “Yes” option to activate. Once active, fill in your ticket information such as ticket price and SKU. Lastly, save your work by clicking “Update” at the top right-hand side of the page.

Once you have saved your ticket information, go back down to the “Event Ticket” box. There you will find a seat chart activation button at the bottom. Click “Yes” to active the seating charts for this event’s ticket sales.

Step 2: Seat Map Editor

Click “Open seat map editor” and then click “Add new section”.

Definitions: A section represents a table or a section of seats at the event such as VIP-only table. One section will have multiple rows of seats. And a row can have at least 1 or more seats.

Based on the above definition, Type in a unique Section Name and create rows and seats on each row and the default price per seat on that row. (You can later edit the price for each individual seat)

Step 3: Fill in section data

Continue to click “Add New Row” and fill in the information until you have the number of rows you need in this section. For example, you can a new VIP section area and define the number of rows and seats for this section.

At the bottom, you can also define the colors that will be used when displaying this section on the front end.

Once complete, click Save changes.

Step 4: Edit Section

Click to select the section, you can drag and drop it to any area on the canvas to create your preferred floor layout.

The toolbar at the top of this modal window allows you to select the section, rows, and seats. It also makes it possible to edit the section, rotate, view attendees, and duplicate the section.

OPTIONAL: Once in edit mode, you can customize each individual seat price by clicking on the Select seats button on the toolbar and then each green seat. Fill in your seat number, price, seat status, and handicap accessible spots. When finished click “Update Seat.” Continue this process until you have customized as many seats as you need.

Step 5: Edit the entire seat map settings

The cogwheel icon, at the top right, allows you to edit the entire seat section settings. Here you can customize things such as background image and sizes.

It is very important to remember that if you are uploading a background image the image must match the seating area map resolution (in px).

Once everything is done click  “Save Changes.”

Step 6: Be creative

With the abundant customization options available, you can create a seating chart that matches perfectly with the layout of your venue. See the example below.

Creative Hint: Use the background image as a place to show where the stage, bar, etc are located for your venue. This will allow you to see the correct proportions in order to make sure your newly created seat sections will fit in the space as well as allow your customer to pick their perfect seat.

Step 7: Front end view

Now go to EventON > Settings > EventCard Design and enable Event Ticket Box. Go back to “Events” (top left-hand side) and click on the name of your event. Once there, click on the permalink under your events name. When this opens you should see a “Select Seats” button.

The post How to Set Up Seat Layout Map from the Admin Dashboard first appeared on Documentation.