Share your activities with a Strava Widget

You can share your recent Strava activity or a Club's recent activity on a website or blog by using the Strava Widget. Please note that the widgets will only display activities that correspond with your default sport type. You can confirm your default sport on the Display Preferences page within Settings.

  1. Start by going to your Profile page or your Club's page.
    • On your Profile page, click 'Share your Rides' or 'Share your Runs' in the right side column.
    • For Clubs, click 'Share Club Activities' at the right side of the page.
  2. In the widget options window, copy the text in the box corresponding to the type of widget you want to create: A list of your recent rides/runs, or a summary of your last week of riding/running.
  3. Paste the embed code into your personal blog to share your rides or runs.    

Athlete_Detail___Mat_Gordon.jpg

Was this article helpful?
19 out of 40 found this helpful

Comments

67 comments
  • Ok, here's the skinny on Strava and Wordpress sites. One, Wordpress.com strips out all iFrame code by default and won't let you post it into your blog properly. They say it's a security risk. Until Strava provides us with a straight HTML code for embedding into Widgets on Wordpress.com blogs, it's no workie.

    Two, and this is something I didn't know, there is a completely different blog provider at Wordpress.org. You download the software, install it on your own server, and run it as it was yours. It's Open Source and free for everyone. It looks like iFrames is perfectly acceptable on Wordpress.org blogs, which is what I'm guessing Elle is using (hence the "version" question). For us Wordpress.com users, there is no version because it is enterprise software running on the Wordpress servers.

    In the end, if your blog won't run the Strava widget, it's because you are on a Wordpress.com site. If it runs it fine, it's an open source Wordpress.org blog that you set up yourself.

    Strave, what say you? Can you produce an HTML safe version of the widgets for use Wordpress.com users?

    8
    Comment actions Permalink
  • Is it possible to put the widget onto a Facebook community page? I can't seem to find a how to on Facebook or anywhere
    Simon

    7
    Comment actions Permalink
  • Is there any way to share both rides AND runs in a widget?

    5
    Comment actions Permalink
  • The embed is not responsive. This should be updated to support viewing on more devices.

    5
    Comment actions Permalink
  • When I paste the code into a text widget on wordpress it just shows up as the code text and not my activities. Any tips on how to get it to work?

    5
    Comment actions Permalink
  • Glad I could provide some insight. I couldn't figure out the problem and had to do some digging. I noticed that when I pasted in iFrame code, it changed itself to standard HTML which doesn't work.

    I may see if I can port over my .com blog into a .org open source site, as it would probably suit my needs much better than being handcuffed to the WordPress servers and fonts.

    3
    Comment actions Permalink
  • We are aware that our Strava Widgets feature is broken. We appreciate your patience while we work to resolve the issue.

    3
    Comment actions Permalink
  • Darrin, thanks for offering some advice. I am a little confused, all you are saying is to add it to a page (via html) ? Those on a .com and not a .org like myself will still have the same problem as it strips out the iframe. If there are any other suggestions or a strava fix, would love to hear. Thanks

    2
    Comment actions Permalink
  • Hi how do I embed the strava club widget on a facebook closed group page?

    1
    Comment actions Permalink
  • Is there any way of working out what the second string is in the embedded iframe link? I'm using Hugo to blog my running and have a small shortcode to make embedded Strava runs easier but I was hoping I could just specify the activity ID to be able to link it. It looks like a SHA1 hash but it doesn't appear to be a simple 1 hash checksum against the activity ID so I'm stumped.

    1
    Comment actions Permalink
  • Keep us posted Elle on the full HTML WordPress widget! Thanks!

    1
    Comment actions Permalink
  • While they work on this, create an invite-only group. Groups have embed widgets that work nicely on WordPress. I'm currently doing this and haven't had any issues. It shows the last 5 activities. It's not exactly what we might want, but it's something for now.

    1
    Comment actions Permalink
  • I just noticed that my strava widget don't work anymore. It should show my last run but it's my last ride that is listed. In my profil, running is my favorite activity. The problem begin 1-2 week ago

    1
    Comment actions Permalink
  • I followed Darrin McNeice's write-up. Nice work Darrin! While viewing the widget in the edit section, it looked great, but once published, it still stripped the iframe away.

    Just as Doug Carter explained, Wordpress does this for security reasons. You can find their explanation here.
    https://en.support.wordpress.com/widgets/create-your-own-widget/

    I'm still researching it, because they also explain a way to create your own text or image widget. I'll let everyone know if it works.

    1
    Comment actions Permalink
  • I am trying to embed the summary widget onto Wordpress but its doesn't seem to be working, are you still having problems?

    1
    Comment actions Permalink
  • I am also trying to embed the widget onto my Wordpress site but it still doesn't seem to be working. Presumably you are still having problems???

    1
    Comment actions Permalink
  • Amy - try unticking (or ticking) the 'automatically add paragraphs' box and re-save. Pasting code into a WP widget should be fine.

    1
    Comment actions Permalink
  • the widget stopped working due too:

    Refused to display 'https://www.strava.com/activities/...' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

    1
    Comment actions Permalink
  • Ketil, it does work. It doesn't work on Wordpress.com, but it works on wordpress.org accounts. I got it to work without much difficulty.

    0
    Comment actions Permalink
  • embed all WORKS - Thank You Devs!
    embed single activity STILL SAME ERROR

    0
    Comment actions Permalink
  • 0
    Comment actions Permalink
  • Hi Ellie - is there an ETA for a fix?

    0
    Comment actions Permalink
  • Currently the activity widget with your latest activities shows the elapsed time instead of the moving time, could this be the other way around?

    0
    Comment actions Permalink
  • All widgets set X-Frame-Options to sameorigin, so basically I can't embed them.

    0
    Comment actions Permalink
  • > All widgets set X-Frame-Options to sameorigin, so basically I can't embed them.

    me too.
    http://hidea.hatenablog.com/entry/2018/01/21/171938

    0
    Comment actions Permalink
  • This does not work, because Worpress doesn't allow iframe anymore, due to security issues.

    Why don't you just support the [embed] feature in stead? Like this: https://codex.wordpress.org/Embeds

    0
    Comment actions Permalink
  • That's great. I would say it only misses one thing, the automation side. I'm using ifttt to detect new activities and then post them to a WordPress. Though, I don't think it's possible to post directly the embed widget! That would be cool!!

    0
    Comment actions Permalink
  • Die integrierte Strava-Funktion latest-rides funktioniert im Wordpress-Widget nicht mehr.

    Fehlermeldung: 

    Dieser Inhalt kann nicht in einem Frame angezeigt werden.
    Um die Informationen zu schützen, die Sie auf dieser Website eingeben, hat der Herausgeber dieser Inhalte das Anzeigen der Inhalte in einem Frame untersagt. Das ist sehr schlecht!

    The integrated Strava feature latest-rides does not work anymore in the Wordpress widget.

    error message:
    This content can not be displayed in a frame.
    To protect the information you enter on this site, the publisher of that content has prohibited the content from being displayed in a frame. This is very bad!

     

    07.03.2018
    Update: thanks Strava, all working again

    0
    Comment actions Permalink
  • Hi Ryan,

    Well done, but I don't quite follow what you had to adjust? Were you able to explain by a worked example?

    Thanks

    0
    Comment actions Permalink
  • For those using WordPress on their own site you can use this info to get it to work. To insert the iframe info from Strava onto a WordPress page.

    1. Log into your WordPress site and navigate to the page you want to add the widget.
    2. Hit the “Text” link (See Red Arrow below).
    3. In Strava, highlight the widget text and copy (Ctrl+C) the text. The text should look something like
    4. Go to the WordPress page and paste (Ctrl+V) the text where you want it.
    5. Hit Publish
    6. IMPORTANT - Hit the “Visual” link next to “Text” link now so that you can see what the widget looks like in the WordPress page.

    I put together a little help file to make it easier to understand and see where the "Text" link is at http://www.mcneice.com/rides/strava . Let me know if this helps or you have any questions.

    0
    Comment actions Permalink

Article is closed for comments.