Konstantin Obenland

<p>Block for Strava lets you share your Strava activities, routes, and segments on your WordPress site. Paste a link from Strava and the official Strava embed appears in your post — interactive map, elevation profile, stats, and all.</p>
<p>There’s nothing to set up. No accounts to connect, no keys to copy, no extra software. If you can paste a link, you can use this plugin.</p>
<p><strong>What you can do:</strong></p>
<ul>
<li>Paste a Strava link and turn it into a rich, interactive embed</li>
<li>Embed any public activity, route, or segment — and your own private activities too (see the FAQ)</li>
<li>Customize how routes look: map style, terrain, units, full-width display, dirt-surface highlighting, and an elevation toggle</li>
<li>See exactly what your readers will see, right in the editor as you make changes</li>
<li>Already typed a Strava link inside a paragraph? Click the paragraph and use the block toolbar’s “Transform to” menu to swap it for a Strava block</li>
</ul>
<p><strong>A note about private activities:</strong> If your Strava activity is set to “Followers” or “Only You”, open it on Strava, click Share <span aria-hidden="true" class="wp-exclude-emoji">→</span> Embed, and copy the embed code Strava gives you. Paste that on its own line in your post and the block takes care of the rest.</p>
<p><strong>Trademark Notice:</strong> Strava is a trademark of Strava Inc. This plugin is not affiliated with or endorsed by Strava Inc.</p>
<h3>External services</h3>
<p>This plugin uses Strava’s public embed feature to display your content.</p>
<p><strong>When someone views a page with a Strava block,</strong> their browser loads the embed directly from <code>https://strava-embeds.com/</code>. As part of that, Strava may receive normal request information from the visitor — such as their IP address, browser type, your site’s domain (not the full page URL), and the ID of the activity, route, or segment being shown.</p>
<p><strong>For private activities,</strong> the embed code you paste from Strava includes a share code. That share code is what tells Strava it’s allowed to display the activity, and it’s sent to Strava every time the embed loads.</p>
<p><strong>For Strava short links</strong> (the kind that start with <code>https://strava.app.link/</code>), your site asks Strava what the full link is and remembers the answer for up to a day, so the same link doesn’t trigger a fresh lookup on every visit. After that the check happens again. These checks only go to <code>strava.app.link</code> or <code>strava.com</code>.</p>
<p><strong>External service:</strong> Strava public embeds (<code>strava-embeds.com</code>, <code>strava.app.link</code>, <code>strava.com</code>), operated by Strava, Inc. This plugin is independently developed and is not affiliated with or endorsed by Strava Inc.</p>
<ul>
<li>Terms of Service: <a href="https://www.strava.com/legal/terms" rel="nofollow ugc">Strava Terms of Service</a></li>
<li>Privacy Policy: <a href="https://www.strava.com/legal/privacy" rel="nofollow ugc">Strava Privacy Policy</a></li>
</ul>
<h3>Development</h3>
<p>The plugin’s source code is maintained on GitHub: <a href="https://github.com/obenland/block-for-strava" rel="nofollow ugc">Block for Strava on GitHub</a>.</p>
<p>The version downloaded from WordPress.org is ready to use as-is. If you’d like to build the plugin from source, clone the repository and run:</p>
<ol>
<li><code>npm ci</code></li>
<li><code>npm run build</code></li>
</ol>


Block for Strava

Add your Strava activities, routes, and segments to any post or page with a single block.

Lance Willett

jrfoell

Carlos Santa Cruz

dlintott

sebastianerb

<p>This plugin uses the Strava API to embed maps and activities for athletes on your WordPress site. Included are several widgets and shortcodes for showing maps and activity summaries.</p>
<h4>Blocks</h4>
<p><em>Available in WordPress 5.0 and up.</em></p>
<p>Embeds described in this section will only work in the WP Block (Gutenberg) editor. Compatibility with WPBakery, Visual Composer, Elementor, Beaver Builder, etc. may differ.</p>
<h3>Strava Activity</h3>
<p>Embed an activity in any page or post. Shows a summary of the activity plus a map if a map key has been added.</p>
<p>Paste in the full activity URL from Strava, such as https://www.strava.com/activities/1793155844 and click “Embed” (pasting a link directly into the editor also works). A preview map will be shown in the editor, similar to what will be displayed on the front-end. In the side-panel you can select options to show the image only (without the details table), display markers at the start & finish points, and override the system of measure from your default selection under Settings -> Strava.</p>
<h3>Strava Route</h3>
<p>Embed a route in any page or post. Shows a summary of the route plus a map if a map key has been added.</p>
<p>Paste in the full route URL from Strava, such as https://www.strava.com/routes/2326567 and click “Embed” (pasting a link directly into the editor also works). A preview map will be shown in the editor, similar to what will be displayed on the front-end. In the side-panel you can select options to show the image only (without the details table), display markers at the start & finish points, and override the system of measure from your default selection under Settings -> Strava.</p>
<h3>Strava Activities List</h3>
<p>Shows your most recent activities in a bulleted list.</p>
<h3>Strava Segment</h3>
<p>Embed a segment in a page or post. Shows a summary of the segment plugs a map if a map key has been added.</p>
<p>Paste in the full segment URL from Strava, such as https://www.strava.com/segments/18803428 and click “Embed” (pasting a link directly into the editor also works). The easiest way that to navigate to a segment URL on strava.com is by clicking “View Full Leaderboard” or “View Local Legend Stats” while you’re viewing a segment from an activity.</p>
<p>A preview map will be shown in the editor, similar to what will be displayed on the front-end. In the side-panel you can select options to show the image only (without the details table), display markers at the start & finish points, and override the system of measure from your default selection under Settings -> Strava.</p>
<h4>Shortcodes</h4>
<p>[activity id=NUMBER] – add to any page or post. Shows a summary of the activity plus a map if a map key has been added.</p>
<p>You should replace NUMBER with an activity ID from Strava. The easiest way to find it is from a Strava URL like https://www.strava.com/activities/1793155844 – where 1793155844 is the activity ID number.</p>
<p>Also takes the following optional parameters:</p>
<ul>
<li>som – english/metric (system of measure – override from default setting).</li>
<li>map_width – width (width of image in pixels). Note both width and height parameters are limited to 640px except on premium API plans: https://developers.google.com/maps/documentation/maps-static/dev-guide#Imagesizes</li>
<li>map_height – height (height of image in pixels). See note above on max height.</li>
<li>client_id – specify a different athlete (you can copy this value from https://www.strava.com/settings/api or the wp-strava settings page at /wp-admin/options-general.php?page=wp-strava-options).</li>
<li>markers – Display markers at the start/finish point (true/false, defaults to false).</li>
<li>image_only – Display only the map image and not the table (true/false, defaults to false).</li>
</ul>
<p>[ride] – an alias for [activity] that will accept the same parameters (kept for backwards compatibility).</p>
<p>[route id=NUMBER] – add to any page or post. Shows a summary of the activity plus a map if a google maps key has been added.</p>
<p>You should replace NUMBER with an route ID from Strava. The easiest way to find it is from a Strava URL like https://www.strava.com/routes/9001676 – where 9001676 is the route ID number.</p>
<p>This also takes the same optional parameters as the [activity] shortcode above.</p>
<p>[activities] – shows a list of recent activities the same way the “Strava Activities List” Widget does, but with a shortcode rather than a widget. Takes the following optional parameters:</p>
<ul>
<li>som – english/metric (system of measure – override from default setting).</li>
<li>quantity – number of activities to show.</li>
<li>client_id – specify a different athlete (you can copy this value from https://www.strava.com/settings/api or the wp-strava settings page at /wp-admin/options-general.php?page=wp-strava-options).</li>
<li>strava_club_id – Will display activity from the specified Strava club ID instead of an athlete.</li>
<li>date_start – Will display activities after specified date – must be <a href="https://www.php.net/manual/en/datetime.formats.php" rel="nofollow ugc">PHP DateTime compatible</a>.</li>
<li>date_end – Will display activities before the specified date – must be <a href="https://www.php.net/manual/en/datetime.formats.php" rel="nofollow ugc">PHP DateTime compatible</a>.</li>
</ul>
<p>[latest_map] – shows a map of your latest activity. Takes the following optional parameters:</p>
<ul>
<li>som – english/metric (system of measure – override from default setting).</li>
<li>distance_min – show only the latest activity longer than this distance in km/mi.</li>
<li>client_id – specify a different athlete (you can copy this value from https://www.strava.com/settings/api or the wp-strava settings page at /wp-admin/options-general.php?page=wp-strava-options).</li>
</ul>
<h4>Widgets</h4>
<p>Strava Activities List – shows a list of the most recent activities.</p>
<p>Strava Latest Map – shows map of latest activity with option to limit latest map to activities of a certain minimum distance.</p>
<h4>Cron</h4>
<p>Using WP-Strava 2.0+ may require a WordPress cron configuration. By default, WordPress has a built-in cron system to run scheduled events, but it relies on your website getting frequent visitors. The Strava authentication token system expires after 6 hours if not refreshed. If you think your site will not get any visitors over the span on 6 hours, you might want to set up a <em>real</em> cron: https://developer.wordpress.org/plugins/cron/hooking-wp-cron-into-the-system-task-scheduler/. Setting up this sort of cron is beyond the scope of support for this free plugin, so you should seek assistance through your host. Force-running the WordPress cron once an hour is good enough for WP-Strava.</p>


WP-Strava

Show your Strava activity on your WordPress site.

Block for Strava vs WP-Strava