Once you have categories defined and assigned in your chart, you can assign the pricing when embedding the chart in your website or application.
Pricing is passed as a parameter in the renderer, like so:
<div id="chart"></div>
<script src="https://cdn.seats.io/chart.js"></script>
<script>
new seatsio.SeatingChart({
divId: 'chart',
workspaceKey: '[your workspace key]',
event: '[your event key]',
pricing: {pricing data goes here}
}).render();
</script>
Sometimes you may have different ticket types per category. We call this multi-level pricing.
Master the art of pricing by reading the Multi-level pricing article.
Simple pricing example
Where 1 is the category key.
pricing: [
{category: 1, price: 30},
// ... other categories
]
Multi-level pricing example
Where 1 is the category key.
pricing: [
{category: 1, ticketTypes: [
{ticketType: 'adult', price: 30},
{ticketType: 'child', price: 20},
// ... other tiers
]},
// ... other categories
]
Categories keys
To learn how to get your floor plan's categories keys, please read the How to get categories keys article.