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',        
        publicKey: '[your public 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
]

See a live example

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
]

See a live example

Categories keys

To learn how to get your floor plan's categories keys, please read the How to get categories keys article.

Did this answer your question?