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.

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.

Custom Strava Integration vs WP-Strava