Canadian Grand Prix Tickets Widget

Put Canadian Grand Prix tickets on your site in one line of code: every listed date with its venue, city and starting price, a search box, and a seat map for each date. It updates itself and costs nothing. See every major event widget, or the team widgets for a team's whole season.

Canadian Grand Prix dates and tickets

Copy this

<div class="stuborder-widget" data-performer="canadian-grand-prix" data-limit="8" data-filters="true"></div>
<script src="https://www.stuborder.com/assets/js/widget.js" async></script>

data-filters="true" adds a search box (city, venue or date), a Location filter when the dates span several states or countries, sorting by lowest price and a “Show all” button; delete it for a plain list. Add data-layout="grid" for a card grid, data-limit="all" for every date, or data-theme="dark" / "auto".

Put the dates in your page’s source code (SEO)

The embed above draws the schedule in the reader’s browser. These versions print the same dates as plain HTML inside your page, for search engines and AI assistants that do not run scripts, with the live widget on top. Every link is nofollow.

Any PHP site

<?php
/* StubOrder schedule in your page source. Refreshes at most once an hour and tells StubOrder which site it is on (site=). */
$so_slug = 'canadian-grand-prix';
$so_file = sys_get_temp_dir() . '/stuborder-p-' . $so_slug . '.html';
$so_html = is_file($so_file) ? (string) file_get_contents($so_file) : '';
if ($so_html === '' || filemtime($so_file) < time() - 3600) {
    $so_new = @file_get_contents('https://www.stuborder.com/widget/p/' . $so_slug . '.html?site=' . rawurlencode((string) ($_SERVER['HTTP_HOST'] ?? '')), false,
        stream_context_create(['http' => ['timeout' => 4]]));
    if (is_string($so_new) && $so_new !== '') {
        $so_html = $so_new;
        @file_put_contents($so_file, $so_new);
    }
}
?>
<div class="stuborder-widget" data-performer="canadian-grand-prix" data-limit="8" data-filters="true"><?php echo $so_html; ?></div>
<script src="https://www.stuborder.com/assets/js/widget.js" async></script>

WordPress

Add this to your theme’s functions.php (or a code-snippets plugin), then type [stuborder performer="canadian-grand-prix"] where the schedule should appear.

/* StubOrder schedule shortcode. Use: [stuborder performer="canadian-grand-prix"] */
add_shortcode('stuborder', function ($atts) {
    $a = shortcode_atts(['market' => '', 'performer' => '', 'limit' => '8', 'filters' => 'true'], $atts);
    $perf = $a['performer'] !== '';
    $slug = $perf ? $a['performer'] : $a['market'];
    if (!preg_match('/^[a-z0-9-]{1,120}$/', $slug)) { return ''; }
    $key = 'stuborder_' . ($perf ? 'p_' : '') . $slug;
    $html = get_transient($key);
    if ($html === false) {
        $r = wp_remote_get('https://www.stuborder.com/widget/' . ($perf ? 'p/' : '') . $slug . '.html?site=' . rawurlencode((string) wp_parse_url(home_url(), PHP_URL_HOST)), ['timeout' => 4]);
        $html = is_wp_error($r) ? '' : (string) wp_remote_retrieve_body($r);
        set_transient($key, $html, $html === '' ? 5 * MINUTE_IN_SECONDS : HOUR_IN_SECONDS);
    }
    wp_enqueue_script('stuborder-widget', 'https://www.stuborder.com/assets/js/widget.js', [], null, ['strategy' => 'async', 'in_footer' => true]);
    return '<div class="stuborder-widget" data-' . ($perf ? 'performer' : 'market') . '="' . esc_attr($slug) . '" data-limit="' . esc_attr($a['limit'])
        . '" data-filters="' . esc_attr($a['filters']) . '">' . wp_kses_post($html) . '</div>';
});

Plain HTML, no server code

A snapshot of the next 20 dates, without prices so a pasted copy can’t show an old price. Paste a fresh copy now and then; the live widget on top always shows the current dates.

<div class="stuborder-widget" data-performer="canadian-grand-prix" data-limit="8" data-filters="true">
<div class="so-static"><p class="so-static-h"><strong>Canadian Grand Prix Tickets</strong></p><ul class="so-static-l"><li><a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-3-day-pass-may-21-2027-tickets/8130233" rel="nofollow">2027 Formula 1: Canadian Grand Prix - 3 Day Pass</a>, Fri 21 May 2027, Circuit Gilles Villeneuve, Montreal, Quebec (<a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-3-day-pass-may-21-2027-tickets/8130233#seatmap" rel="nofollow">seat map</a>)</li><li><a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-friday-may-21-2027-tickets/8130234" rel="nofollow">2027 Formula 1: Canadian Grand Prix - Friday</a>, Fri 21 May 2027, Circuit Gilles Villeneuve, Montreal, Quebec (<a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-friday-may-21-2027-tickets/8130234#seatmap" rel="nofollow">seat map</a>)</li><li><a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-2-day-pass-may-22-2027-tickets/8246005" rel="nofollow">2027 Formula 1: Canadian Grand Prix - 2 Day Pass</a>, Sat 22 May 2027, Circuit Gilles Villeneuve, Montreal, Quebec (<a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-2-day-pass-may-22-2027-tickets/8246005#seatmap" rel="nofollow">seat map</a>)</li><li><a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-saturday-may-22-2027-tickets/8130237" rel="nofollow">2027 Formula 1: Canadian Grand Prix - Saturday</a>, Sat 22 May 2027, Circuit Gilles Villeneuve, Montreal, Quebec (<a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-saturday-may-22-2027-tickets/8130237#seatmap" rel="nofollow">seat map</a>)</li><li><a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-sunday-may-23-2027-tickets/8130238" rel="nofollow">2027 Formula 1: Canadian Grand Prix - Sunday</a>, Sun 23 May 2027, Circuit Gilles Villeneuve, Montreal, Quebec (<a href="https://www.stuborder.com/2027-formula-1-canadian-grand-prix-sunday-may-23-2027-tickets/8130238#seatmap" rel="nofollow">seat map</a>)</li></ul><p class="so-static-f">Ticket information powered by <a href="https://www.stuborder.com/canadian-grand-prix-tickets" rel="nofollow">StubOrder</a>.</p></div>
</div>
<script src="https://www.stuborder.com/assets/js/widget.js" async></script>

What the event widget does

Every listed date. Venue, city and starting price for each, straight from StubOrder's catalog and refreshed through the day.
Search. Readers type a city, venue or date ("Las Vegas", "Saturday") to find their day.
Location. When the dates span several states or countries, a Location filter shows one at a time.
Lowest price first. Sort by starting price instead of date.
A seat map for every date. Each row has a Seat map button that opens StubOrder's interactive seat map in a new tab.
Short or complete, list or cards, light or dark. data-limit, data-layout="grid" and data-theme.
Getting there and where to stay. For an event held at one venue, data-show="tickets,flights,hotels" adds the nearest airports and the closest hotels, linking to flights and hotel prices on StubOrder.
In your page source. The SEO embed prints the dates as plain HTML inside your page.
Free, with no account and no key. Every link is nofollow.

Frequently asked questions

What does the Canadian Grand Prix widget show?

Every listed Canadian Grand Prix date with its venue, city and starting price, a Seat map button for each date, a search box for a city, venue or date, and sorting by lowest price. When the dates span several states or countries, a Location filter shows one at a time.

What happens to the widget after the last date?

It keeps working. Once the last date has passed it says no dates are listed, and it fills in by itself when dates for the next Canadian Grand Prix are listed, so there is no code to change.

Which other events have a widget?

Every event on our major event widgets page, plus any team, artist, tour or show with dates on StubOrder.

How much does it cost?

Nothing. There is no account, no key and no charge, and every link is nofollow.