floriankimmel

<p>The “Custom Strava Integration” is a powerful plugin that makes integrating strava activities easy and simple. It gives you the opportunity to create output exactly the way you like it.</p>
<h4>The Plugin</h4>
<p>Basically what this plugin does is adding the shortcode [strava id=”[activity id]”] to your post, receiving data via Strava API v3 and filling the preconfigured template with this information.</p>
<h4>Configuration</h4>
<p>You want full control of the shortcode’s output ? No Problem. You can specify a template at the settings page and define the positions of strava information. Therefore ‘Custom Strava Integration’ provides these placeholders:</p>
<ul>
<li>[distance] – Overall distance of the activity</li>
<li>[description] – Description of the activity       </li>
<li>[duration] – Duration of the activity</li>
<li>[elevation] – Overall elevation of the activity</li>
<li>[location] – Location of the activity     </li>
<li>[name] – Name of the activity     </li>
<li>[speed] – Depending on type (ride or run) – either running pace or riding speed       </li>
<li>[time] – Local start time of the activity</li>
<li>[type] – Type of the activity (run – ride – swim)</li>
</ul>
<p>You can not only customize the style by using CSS features, moreover you have full control over the html output.</p>
<p>Moreover you can choose the type of display unit (mi/ft or km/m) you want to use.</p>
<h4>Difference to other solutaions</h4>
<p>We know that strava also does offer their own embedded widget, but this plugin:</p>
<ul>
<li>does not use iframes (if you want to)</li>
<li>allows you to fully customize the content</li>
<li>can display more information than the widget</li>
<li>does not require you to leave the site </li>
</ul>
<p>You can concentrate on the important things – writing good blog posts!</p>


Custom Strava Integration

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

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>


Strava Ride Details

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

Custom Strava Integration vs Strava Ride Details