Skip to main content

Sharing Your Activities and Routes With a Strava Embed

Learn how to embed your Strava activities, routes, and a profile activity summary onto a blog or website, and how to fix an embed that stopped working.

Written by Marie

Individual activities, routes, a list of your recent rides or runs, or a summary of your last week of running or riding can be embedded on your blog or webpage using the Strava website.

Embedding Individual Activities

Your profile page privacy controls must be set to Everyone, and the activity's privacy controls must be set to Everyone in order to embed an activity.

  1. Get the embed code for an activity from either the feed or the activity details page on the Strava website.

    1. From the feed, click the arrow in the upper right corner of the feed entry and select Embed.

      English0.jpg
    2. On the activity details page, click the share icon in the upper-right corner.

      English1.jpg
  2. Copy the text in the box.

  3. Paste the embed code into your blog or webpage.

Embedding a Route

A route must be public to be embedded. You can make a private route public at any time by editing the route, setting your privacy to Everyone, and clicking Save Route again.

You can get the embed code for a route from either the My Routes page or the route details page on the Strava website.

  1. Hover over Dashboard and select My Routes from the drop-down menu. From there, hover over the ellipses next to the star on the route you want and select Embed.

  2. From the route details page, click the down arrow icon next to Duplicate and select Embed from the drop-down menu.

  3. Clicking Embed will open a preview of the route and allow you to interact with it the same way a viewer would. Click Flyover in the bottom right of the map preview to view an immersive, 3D visualization of the route.

    1. Choose whether you'd like to include the elevation profile (visible just below the map in the example)

    2. Choose which units you'd like to display by default. The viewer can change the units if they wish.

    3. Choose whether you’d like the width to be fixed or responsive. Responsive width embeds will expand to fill any available space. Fixed-width embeds will stop expanding at a certain pre-determined width.

    4. Choose which map style you’d like to display by default. The viewer can change the map style if they wish.

    5. If you are the owner or admin of a Strava club, you will have the option to link the route to one of your clubs. The club you link will be referenced in the footer instead of your athlete account.

  4. Copy the text in the box.

  5. Paste the embed code into your blog or webpage.

Embedding a Profile Summary or Activity Feed

You can share your recent uploads or a club's recent activity on a website or blog. The embedded card only displays activities that correspond with your default sport type. An embedded profile card displays activities with the privacy control set to Everyone or Followers, whereas embedded club activity feed cards display only activities set to Everyone. You can confirm your default sport on the display preferences page within Settings.

  1. Go to your profile page or your club's page from the Strava website.

    • On your profile page, scroll down and click "Share your Activities" on the right, below your stats.

    • For clubs, click Share Club Activities on the right side of the page.

  2. From the options window, copy the text in the box corresponding to the embed you want to create: a list of your recent rides or runs, or a summary of your last week of riding or running.

  3. Paste the embed code into your blog or webpage.

FAQs

What Do I Do if My Embed Stopped Working?

If an activity embedded on your blog or website has stopped displaying, you may be using an older version of our embed system that is no longer supported.

To fix this, get a new embed code for the activity and replace the old one on your site:

  1. Open the activity on the Strava website.

  2. Tap the share icon in the upper right corner.

  3. Select Embed and copy the new embed code.

  4. Replace the old embed code on your blog or webpage with the new one.

Repeat this for each embedded activity that's no longer displaying, and the embed code will work correctly going forward.

How Do I Know if I'm Affected?

If your existing embed code contains a URL that looks like this: https://www.strava.com/activities/1234567890/embed/abc123...

It's using the legacy format and needs to be replaced. The current embed format uses: https://strava-embeds.com/activity/1234567890

You don't need to construct this URL yourself; just follow the steps above to get a new embed code from the activity page.

Did this answer your question?