Loading seating chart automatically (without Pick your seats button)
you want the seating chart to load immediately when buyers hit the event page — no “Pick your seats” button — so seat selection is the only interaction available.
The fix: a one-line JavaScript snippet
You’re triggering a click on the “Pick your seats” button automatically when the page loads. Install the free Simple Custom CSS and JS plugin from WordPress.org, then add this snippet as Custom JS:
jQuery(document).ready(function( $ ){
$(function() {
$(".tc_seating_map_button").trigger("click");
});
});Save and publish the JS. Reload any event page with a seating chart — the chart opens automatically, no button click needed.
How it works
The Seating Charts add-on renders a “Pick your seats” button (CSS class .tc_seating_map_button) that, when clicked, opens the seating chart modal. The snippet above just programmatically clicks the button on page load — so buyers see the chart immediately instead of one click later.
When you’d use this
- Single-purpose event pages where the seating chart IS the only thing you want buyers to interact with.
- Sold-as-seated-only events where the “Pick your seats” button is the only meaningful action.
- Reduced friction on launch days — one less click between landing and selecting.
When NOT to use it
- Mixed seated + general admission events — buyers need to see both options, the button gives them choice.
- Event pages with rich content above the chart — auto-opening the modal hides everything else.
- Mobile-first events — auto-opening a modal on mobile can feel jarring and hijack the back button. Test before deploying.
Alternative: put the snippet in your theme
If you don’t want another plugin, drop the same snippet inside your child theme’s functions.php by enqueueing it as a script — or include it inline in the theme’s footer.php. The Simple Custom CSS and JS plugin is just the no-code wrapper around that.
Forcing seating-chart-only flow
If you want to combine this with the “force buyers to use the seating chart” pattern (so they can’t bypass the chart entirely), see force customers to use the seating chart.
Related
- Seating Charts add-on
- Force customers to use the seating chart
- I want to sell tickets with seat reservations
Was this article helpful?
Yes — great. No or partially? Tell us what was missing — we read every message and use it to improve these docs.