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.

Lance Willett

jrfoell

sebastianerb

Carlos Santa Cruz

dlintott

<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.

Strava Ride Details vs WP-Strava