Home Run Derby Tickets Widget

Put Home Run Derby 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.

Home Run Derby dates and tickets

Copy this

<div class="stuborder-widget" data-performer="mlb-home-run-derby" 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 = 'mlb-home-run-derby';
$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="mlb-home-run-derby" 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="mlb-home-run-derby"] where the schedule should appear.

/* StubOrder schedule shortcode. Use: [stuborder performer="mlb-home-run-derby"] */
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="mlb-home-run-derby" data-limit="8" data-filters="true">
<div class="so-static"><p class="so-static-h"><strong>MLB Home Run Derby Tickets</strong></p><ul class="so-static-l"><li><a href="https://www.stuborder.com/2027-mlb-home-run-derby-july-12-2027-tickets/8135540" rel="nofollow">2027 MLB Home Run Derby</a>, Mon 12 Jul 2027, Wrigley Field, Chicago, Illinois (<a href="https://www.stuborder.com/2027-mlb-home-run-derby-july-12-2027-tickets/8135540#seatmap" rel="nofollow">seat map</a>)</li></ul><p class="so-static-f">Ticket information powered by <a href="https://www.stuborder.com/mlb-home-run-derby-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 Home Run Derby widget show?

Every listed Home Run Derby 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 Home Run Derby 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.