| Route | Page | Purpose |
|---|---|---|
/eventos-config?id={id} | SetupEvent | Overview: zone summary and financial adjustments |
/eventos-config-zonas?id={id} | SetupZonesEvent | Define and configure ticket zones |
/eventos-config-split?id={id} | SetupSplitEvent | Configure revenue split percentages |
Setup overview (/eventos-config)
The SetupEvent page loads the event from Firestore and shows two panels side by side:
- EventZones (left, 8/12 columns) — A summary of currently configured zones with their seat counts, prices, and status.
- SetupFinancialAdjustments (right, 4/12 columns) — Quick access to review or update the financial adjustment settings.
Configuring zones (/eventos-config-zonas)
Open the zone configuration form
Navigate to
/eventos-config-zonas?id={eventId}. The page loads the event’s venue name and maximum capacity from Firestore.At the top, a Resumen de Ganancias panel shows running projections as you add zones:- Total seats configured vs. venue capacity
- Potential revenue at full sale (seat count × price)
- Corporate revenue (using corporate prices)
- TMT service commission and client income split (shown when financial data is available)
Add a zone manually
Fill in the zone form below the summary. All fields are required unless noted:
Click Agregar (the submit button) to add the zone to the preview table. You can add multiple zones before saving.
| Field | Description |
|---|---|
| ID | Unique identifier for this zone. Must be unique within the event. |
| Nombre | Display name shown to buyers (e.g., “VIP”, “General”) |
| Tipo | Zone type, selected from platform configuration |
| Precio | Public ticket price |
| Precio Corporativo | Discounted price for corporate buyers (defaults to Precio if not set) |
| Asientos | Number of seats in this zone; cannot exceed remaining venue capacity |
| Descripción | Zone description visible to buyers |
| Color | Visual color for the zone, selected via color picker |
| Público | Toggle between public and private visibility |
| Estado | Active or inactive |
Import zones from a Seats.io map (optional)
If the event has a Seats.io seat map configured, an Importar desde Mapa button appears. Clicking it opens the SeatsioZoneImporter modal, which:
- Loads the categories and sections from the Seats.io chart.
- Displays them as importable zone templates.
- Appends the selected sections as new zone rows in the table.
When saving, zones are automatically linked to Seats.io sections and categories by name matching. A zone named “VIP” will be linked to the corresponding Seats.io section if one exists.
Edit or delete zones
The zone table supports inline editing. Click the edit icon on any row to modify fields directly in the table. Click the delete icon to remove a zone.Once zones look correct, click Guardar to write the configuration to
events/{id}/setup/zones in Firestore.Configuring revenue splits (/eventos-config-split)
The SetupSplitEvent page loads SetupEventSplitForm, which reads the event’s legal contract from events/{id}/setup/financial and allows you to adjust how revenue is distributed between TMT and the client.
- What splits control
- How splits affect zone setup
Revenue splits define the percentage of ticket revenue that goes to each party. The split is stored under
costs_variables in the financial setup document, with a Tickets entry that holds the TMT service commission percentage.The remaining percentage is the client’s share and is calculated automatically as 100 - TMT%.Seats.io integration
TMT integrates with Seats.io via the@seatsio/seatsio-react package for interactive seat map management.
| Concept | Description |
|---|---|
| Chart | A reusable seat map design created in the Seats.io designer |
| Event | An instance of a chart tied to a specific TMT event (created on event save) |
| Category | A named grouping of seats in the chart that maps to a TMT zone |
| Section | A physical section of the venue that can also map to a TMT zone |
seatsio_linked field.