How to Add StumbleUpon Button to JetPack

Back in April 2015, JetPack removed the StumbleUpon sharing button. Joey Kudish explained: “Despite supporting https for their script tag, Stumble Upon’s sharing badge loads a bunch of http only resources, thus producing mixed-content warnings and not working properly for https sites. Stumble Upon has no plans to update this as per their public documentation.”

Fair enough. For some of us non-developers in the room, what this means is, “My StumbleUpon sharing button’s gone mysteriously missing…” Huh.

I was working on a presentation, and one of the sites I looked at for tips mentioned StumbleUpon as an important site. I don’t think I’d visited StumbleUpon in the last two years, and I’ve only ever known one person who used it brilliantly and effectively to promote others. That person wasn’t me.

stumble-upon

But out of a mix of curiosity and nostalgia, I logged into StumbleUpon and noticed it’s undergone a make-over. I was invited to view and use its new design – which, given how long it’s been since my last login, probably means “new” as of a year ago, and I’m just now catching up. Still, I asked myself “Why did I quit using this site?” It’s still pretty cool. Or maybe that’s because the last site I’d given the thumbs’ up to was the hypnotic Solar System Scope, which is definitely cool – but you could get lost watching the planets spin. Or you could use it to keep your cat entertained for hours. In any case, I began wondering why the sharing button was unavailable in JetPack and, more importantly, how I could get it back.

Of course you can extend JetPack with just about any sharing service you want to – assuming you can find a suitable image and identify the proper sharing URL and its syntax. Therein lies the problem – it’s not that obvious to some of us just what that URL and syntax are, and it seems unnecessarily hard to find it for StumbleUpon.

That only made me more determined to do it. Fortunately for me, I finally hit on the right search terms and unearthed this gem: How to create social share buttons with custom icons

Now, to put it all together for you, here’s how you do it:

  1. Find or create an icon for StumbleUpon.
  2. From your WordPress dashboard, click Media > Add New.
  3. Upload the icon and record its URL.
  4. From the dashboard, choose JetPack > Settings > Sharing > Settings. You should now see a page similar to this:
    jetpack-sharing
  5. Click Add a New Service.
    jetpack-sharing-add-new-service
  6. Enter the Service name: StumbleUpon
  7. Enter the Sharing URL: http://www.stumbleupon.com/submit?url=%post_url%&title=%post_title%
  8. Enter the icon URL (this is the one you should have recorded earlier, from your Media Library, when you uploaded it).
  9. Click Create Share Button. This will close the dialog and return you to the settings page.
  10. Drag and drop the new StumbleUpon button from the Available Services section down to Enabled Services.
  11. Scroll to the bottom of the JetPack Sharing Settings page and click Save Changes.

That’s it! Now you can add any other services you like–you have all the building blocks you need.

Be sure to share this post – and try out that StumbleUpon button right down there, above the comments section.

HollyJahangiri

Holly Jahangiri is the author of Trockle; A Puppy, Not a Guppy; Innocents & Demons; and A New Leaf for Lyle. You can find her books on Amazon at http://amazon.com/author/hollyjahangiri. For more information on her children's books, please visit http://jahangiri.us/books.
Please share this post!

12 thoughts on “How to Add StumbleUpon Button to JetPack”

    1. Thanks, Janice! I think people used to share each others’ posts more generously – across ALL sites – back 5-6 years ago. The climate’s changed. I’ve noticed that if I share the same old mass media news stories, a punny grammar meme, a cute baby animal, or a snarky bit of political gossip, people comment and share. Not so many people share personal blogs, stories, poems, even useful tips. It’s a tough crowd! 🙂 I guess the novelty of blogging has worn off.

  1. So helpful!!! I had been searching through a bunch of other sites and could not figure it out. This was explained clearly and easy to understand. Thank-you!

  2. Thank you so much for the post! For some reason it doesn’t seem to work any more, do you know if there’s perhaps been an update the last few months?

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge