Konstantin Obenland

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.
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.
What you can do:
<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>
A note about private activities: If your Strava activity is set to “Followers” or “Only You”, open it on Strava, click Share → 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.
Trademark Notice: Strava is a trademark of Strava Inc. This plugin is not affiliated with or endorsed by Strava Inc.
<h3>External services</h3>
This plugin uses Strava’s public embed feature to display your content.
When someone views a page with a Strava block, 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.
For private activities, 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.
For Strava short links (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>.
External service: 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.
<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>
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>.
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:
<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.

Jeremy Green

Strava Ride Details allows you to display Strava ride details from a specific ride in your posts and pages using a shortcode. It uses v3 of Strava’s API, and uses OAuth for authentication.
The details displayed by default are:
<ul>
<li>Ride Name</li>
<li>Distance</li>
<li>Elevation Gain</li>
<li>Moving Time</li>
<li>Location</li>
</ul>
Each of the details can be turned on or off. The details are displayed in an unordered list so you can style the elements however you would like using CSS.
You can also choose to display units in mi/ft or km/m.
While Strava does offer their own embed widget, this plugin:
<ul>
<li>does not require an iframe</li>
<li>allows you to style the results to match your site</li>
<li>will work in responsive themes</li>
</ul>
By default all details are display using the shortcode <code>[strava id="ride_id"]</code>, where ride_id is the string of digits at the end of the URL when viewing a single ride on Strava.
If you would like to remove a detail, just set it to false in the shortcode. For example, if you would like to show only the distance, then use this shortcode:
<pre><code>[strava id="ride_id" name="false" elevation="false" moving_time="false" location="false"]
</code></pre>
<h3>Plugin Setup</h3>
<ol>
<li>Log in to your Strava account and create an application [http://www.strava.com/developers]</li>
<li>Make sure the redirect URI of your application is the same domain as your site</li>
<li>Copy your client ID and client secret from your application into the Strava Ride Details settings page</li>
<li>Click “Connect with Strava” on the settings page to generate an access token</li>
<li>Save settings</li>
</ol>
<h3>Add to page/post</h3>
<ol>
<li>Insert <code>[strava id="ride_id"]</code> in your post or page</li>
</ol>

Strava Ride Details

This plugin allows you to display Strava ride details from a specific ride in your posts and pages using a shortcode.

Block for Strava vs Strava Ride Details