Skip to main content

pricing

Type: object[]
Default: []

Seats supports two types of pricing: simple pricing and multi-level pricing. Both are defined using the pricing configuration parameter.

  • Simple pricing is pretty, well, simple: there's a single price point per category.
  • Multi-level pricing is for when you want to offer multiple price points within the same category, for example if you have a different price for student and regular tickets. Those are what we call ticket types.

You can read a more in-depth discussion about pricing categories and ticket types here.

A note about types

For historical reasons, you can pass in strings as price values. However, prices should be passed in as numbers, to make sure that seats.io can properly order them, e.g. when displaying a minimum and maximum price in the tooltips.

So don't do this: price: "10.00 €".
Instead, pass in price: 10.00 and define a priceFormatter to format the price, e.g. add the € sign.

Simple pricing

For single price points per category, simply pass a pricing array of JavaScript objects like so:

pricing: [
{ category: 1, price: 30 },
{ category: 2, price: 40 },
{ category: 3, price: 50 }
]

Note that you can also use the category labels instead of their keys:

pricing: [
{ category: "Balcony", price: 30 },
{ category: "Ground Floor", price: 40 },
{ category: "Wheelchair", price: 50 }
]
Category labels are case sensitive

Category label "Balcony" is not the same as "balcony". Be mindful when using them like this, or use keys instead to avoid mistakes.

Multi-level pricing

You may specify multiple ticket types to choose from with their own unique id, price, label and description:

Multi level pricing
pricing: [
{ category: 1, ticketTypes: [
{ ticketType: 'adult', price: 30, label: 'Adults' },
{ ticketType: 'child', price: 20, label: 'Children' },
{ ticketType: 'senior', price: 25, label: 'Senior', description: '65+ – Requires ID' }
]},
]

You can also pass in labels for the ticket types. Ticket buyers will see the label in tooltips, instead of the technical ID:

Longer descriptions are possible as well:

Discounts

You may also, at any place where a price can be specified, provide an originalPrice as well. When doing so, the value of originalPrice will be displayed alongside the price but with a strike-through, indicating the new discounted price is that defined as price. For instance:

pricing: [
{ category: 1, price: 30, originalPrice: 45 }
]

Here is a live sample of that: