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

floriankimmel

Custom Strava Integration

This plugin provides an easy way to add your strava activities to your posts without leaving your site.

Lance Willett

jrfoell

sebastianerb

Carlos Santa Cruz

dlintott

WP-Strava

Show your Strava activity on your WordPress site.

outdooractive

Outdooractive Embed

Embed any kind of content from outdooractive.com into your WordPress site.

Chris - On the Grid Web Design LLC

Trail Status

Display the status of trails on your website.

Medic52

Lift & Trail Status

Display the status of lifts and trails for your ski resort or adventure park on your website. Great for mountain bike, water, ropes & adventure parks.

Jeremy Green

<p>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.</p>
<p>The details displayed by default are:</p>
<ul>
<li>Ride Name</li>
<li>Distance</li>
<li>Elevation Gain</li>
<li>Moving Time</li>
<li>Location</li>
</ul>
<p>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.</p>
<p>You can also choose to display units in mi/ft or km/m.</p>
<p>While Strava does offer their own embed widget, this plugin:</p>
<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>
<p>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.</p>
<p>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:</p>
<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>


Alternatives to Strava Ride Details

Top alternatives