Settings

Settings

The Settings page of the Seating Charts add-on lets you define how seats appear visually and how the chart behaves on both the front end and in the admin area.
It also includes an optional integration with Google Firebase, which enables real-time seat reservation updates - but that part is covered in detail in the dedicated Firebase setup and configuring
page.

General Settings

This section controls how different seat statuses are displayed on your seating charts. You can customize the color of each seat state to match your venue layout, brand identity, or visual preference.

Seat colors

• Unavailable Seat Color - Defines the color of seats that cannot be selected or purchased.
  These are typically seats that were manually marked as unavailable in the seating chart editor.
• Blocked Seat Color - Sets the color for seats that are temporarily blocked.
  This can be used for maintenance, distancing requirements, or keeping certain areas closed off.
• Reserved Seat Color - Displays seats that have already been purchased or reserved.
  Customers will see these seats as unavailable for selection on the front end.
• In Cart Seat Color - Determines the color of seats that the current user has added to their cart.
  This helps customers clearly see which seats they have selected before completing checkout.
• In Other's Cart Seat Color - Shows seats that someone else has added to their cart but has not yet completed the purchase.
  These seats are temporarily locked and cannot be selected until they are either purchased or released after a timeout.
  Please note that in order to use this feature, you need to set up Google Firebase which is thoroughly described here
• Live Checked-in Seat Color - Applies to seats associated with tickets that have already been checked in. This is visible only in the back-end.

Additional options

Below the color settings, you’ll find options that control the functionality and appearance of seating charts on the front end.

• Show blocked seats as reserved - When enabled, blocked seats will also appear as reserved on the front end, preventing users from selecting them.
• Disable zoom -  Disables zooming on seating charts in the front end.
  This can be useful if your visitors are primarily accessing your website via mobile device and you want them to be able to use pinch to zoom instead of the zoom tools of the Seating Charts.
• Disable auto center - Prevents the chart from automatically centering when viewed on the front end.
  If you have issues with the position of the seating chart on the front end, disabling auto-centering can help preserve your preferred map position.

Firebase Settings

The bottom section of this page is dedicated to Firebase integration, which allows real-time updates for seat availability and cart states. When enabled, Firebase automatically synchronizes seating activity across all users, preventing multiple customers from selecting the same seat simultaneously.

If you plan to use Firebase, you’ll need to provide the following information:

• Authentication domain
• Database URL
• API key
• Database secret key
• Cart expiration time (for how long a seat stays reserved in someone else’s cart)

Because this setup involves creating and configuring a Firebase project, the full instructions — including a step-by-step tutorial video — are available here: Firebase setup and configuring

Summary

The Settings page of the Seating Charts add-on defines both the visual language and behavior of your seating maps:

• Customize colors for every seat status (reserved, in cart, blocked, etc.)
• Control zooming and centering behavior on the front end
• Optionally enable Firebase for real-time seat updates

After saving your preferences, all future and existing seating charts will use these settings automatically.