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.

outdooractive

<p>After installing the plugin, the button editor for the plugin will appear in the page editor of WordPress. Use it to add your Outdooractive content to your website.<br />
For programmers: The plugin uses the shortcode oaembed. The only required parameter is url, all others are optional.</p>
<h4>For example:</h4>
<p>paste <code>[oaembed url = "http://www.outdooractive.com/en/serviced-hut/graubuenden/tschiervahuette/15280962/"]</code> into “text mode” of the editor and click Preview. Your embedded content will appear.</p>
<p>The following options are supported:<br />
<em>Maximum width</em><br />
Specify a maximum pixel width for incorporating your content. The maximum width must not be less than 260 pixels.<br />
Example: <code>[oaembed url = "http://www.outdooractive.com/en/serviced-hut/graubuenden/tschiervahuette/15280962/" maxwidth = "400"]</code></p>
<h4>Include content in the sidebar, footer, etc.</h4>
<p>You can embed your content in sidebars and footers using WordPress widgets. For more information on WordPress widgets, visit: https://codex.wordpress.org/WordPress_Widgets</p>
<h4>Tip: white label embedding with Pro+</h4>
<p>With Pro+ you have even better opportunities to integrate tours and interesting points on your website. [Learn more about Pro+] (https://www.outdooractive.com/en/pro-business.html)<br />
To use Pro+ Embedding, follow the instructions on the settings page of the plugin (<em>Settings</em> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <em>Outdooractive Embed</em>).</p>
<p>In the new Gutenberg Editor you can find a “Outdooractive Embed” block under the category “Embed”. It has the same options as mentioned above. Additionally it will show you a live preview in the editor.</p>
<h4>Please note:</h4>
<p>Only published Contents can be embeded</p>


Outdooractive Embed

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

Strava Ride Details vs Outdooractive Embed