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.
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:
- Find or create an icon for StumbleUpon.
- From your WordPress dashboard, click Media > Add New.
- Upload the icon and record its URL.
- From the dashboard, choose JetPack > Settings > Sharing > Settings. You should now see a page similar to this:
- Click Add a New Service.
- Enter the Service name: StumbleUpon
- Enter the Sharing URL: http://www.stumbleupon.com/submit?url=%post_url%&title=%post_title%
- Enter the icon URL (this is the one you should have recorded earlier, from your Media Library, when you uploaded it).
- Click Create Share Button. This will close the dialog and return you to the settings page.
- Drag and drop the new StumbleUpon button from the Available Services section down to Enabled Services.
- 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.
Latest posts by HollyJahangiri (see all)
- A Brand New Blog with a Fresh Perspective! - September 15, 2017
- If We Were Having Coffee, I’d Tell You to #WriteBravely… - August 12, 2017
- A Taste of Home for the Next Generation (Interview with Sapna Anu George) - August 9, 2017