No StumbleUpon Button on Your WordPress Blog? You Can Fix That in 3 Easy Steps

StumbleUpon is one of the most powerful social networks you can use to promote your blog content. It’s much less used than social media sites like Facebook or Twitter but according to TechCrunch, it was outstripping Facebook for social media traffic referrals as early as 2011. KissMetrics calls StumbleUpon “one of the best traffic generators among the top seven social media sites, referring more than other social bookmarking and voting sites such as Digg and Reddit.”

Having a StumbleUpon sharing button on your blog will help remind your readers to take advantage of this lesser-known social media site. But if you have a WordPress blog, you may have noticed that a StumbleUpon button isn’t included in the standard set of social media sharing buttons.

StumbleUpon sharing buttons are available in a number of social sharing widgets for different blogging platforms. You can also create a StumbleUpon badge in one of several styles, using an easy utility on their website. This works just great if you happen to be blogging on a platform like Blogger, but you probably already know that it’s not so easy to add many widgets and services on WordPress. Anything that requires you to use JavaScript probably won’t work. So you have to go the extra mile if you want to add a sharing button for StumbleUpon to your WordPress blogs.


How to add a StumbleUpon button to your WordPress blog | #socialmedia #blogging
StumbleUpon refers more traffic to blogs than Facebook
(Image from a public domain photo by geralt/Pixabay)


How to Add a StumbleUpon Button to Your Blog

It isn’t hard at all to create a StumbleUpon button and add it to your blog with the rest of the sharing buttons. But it’s not always easy to find the instructions that tell you how to do it! If you follow these three simple steps you can easily create your own StumbleUpon sharing button in just minutes. So bookmark this page for future reference, in case you need to do it again in the future!


1) Find a StumbleUpon Icon

You will need a 16×16 pixel icon for your sharing button. StumbleUpon icons are available for download from the company, but you’ll find these ones are a fair bit larger than what you want. You could resize a suitable logo, or you can simply do a web search for a 16 x 16 px StumbleUpon icon or save one from a blog that already has a button.

Save the icon to your computer, and then upload it to the Media Gallery on your WordPress blog. Copy the URL of the icon from your blog. You’ll need this later.


2) Open the Sharing Settings in Your WordPress Blog

Go to the dashboard of your WordPress blog: now select Settings and then Sharing. You should see a text link for “Add a new service” just beneath the available social media sharing buttons. Click this link to open the form where you’ll create your StumbleUpon button.

Accessing the Sharing Settings in Your WordPress Blog
How to access the sharing settings on your WordPress blog


Add a New Sharing Button
Click “Add a new service”


3) Fill in the Form

The form asks you to supply the service name, a link to the icon, and the “sharing URL.” I just enter “StumbleUpon” for the service name. The icon URL is the one you saved above when you uploaded your StumbleUpon logo. And for the sharing URL you need to enter the following URL for the StumbleUpon site:

Now just click “Create Share Button” and your new StumbleUpon button should now appear under Available Services. (N.B. If your button doesn’t look right at first, don’t panic! When I created my StumbleUpon button, it looked as if the button didn’t have an icon on it at first. When I dragged the button to Enabled Services, the logo showed up in the preview.)

Fill in the Form to Create a StumbleUpon Button
Fill in the form to create a new StumbleUpon button


Concerned About Trademark Issues?

Are you worried that creating your own sharing button might be considered an inappropriate use of a trademarked logo? I’m not a lawyer, but it’s my understanding that StumbleUpon wants us to have sharing buttons, just as other social networks do. They provide the site logo for download in larger sizes. They also provide a tool that allows you to select one of several sharing buttons to add to your website.

The problem is simply that their button creator uses a JavaScript that won’t work on a WordPress blog. We can’t expect StumbleUpon to offer badges that will work on 100% of sites, nor to keep up with changes on every blogging platform. They try to offer buttons that work for most people and to point you to alternative resources where those exist.

As long as you’re not using the logo to generate profit (as on a t-shirt or coffee mug that you sell) or to imply a relationship with or endorsement by StumbleUpon, you should be able to make use of the logo for legitimate purposes – such as creating social media sharing buttons or blogging about the site. So feel free to go ahead and create a StumbleUpon button for your WordPress site, and reap the benefits of encouraging your readers to Stumble your content. It won’t be long before you see it pay off with increased traffic from the social network!



How to add a StumbleUpon button to your WordPress blog in 3 easy steps | #blogging #WordPress
Follow these 3 easy steps to add a StumbleUpon button to your WordPress blog
(Image from a public domain photo by Eukalyptus/Pixabay)



What is the Ideal Size for Pinterest Images? by Kyla Matton Osborne | #RubyWriter (modified from an image by Tungilik/Wikimedia Commons/CC0 1.0)
Want to get more from Pinterest? Learn how to optimize images for best results!
(Image from a graphic by Tungilik/Wikimedia Commons/CC0 1.0)


5 Cool Tips to Help You Get the Best from #Pinterest by Kyla Matton Osborne | #RubyWriter | #socialmedia
Looking to grow your blog? Check out these 5 tips for getting the most from Pinterest
(Image from a graphic by mkhmarketing/Flickr/CC BY 2.0)


Original content ©2016 Kyla Matton Osborne

This article was published on my writing blog, RubyWriter. If you are reading this content anywhere else, it has probably been stolen. Please report it to me so I can address any copyright infringements. Thank you!


29 thoughts on “No StumbleUpon Button on Your WordPress Blog? You Can Fix That in 3 Easy Steps

    1. Daniel, apparently there is an issue with StumbleUpon not using HTTPS web addresses. The fact that their URLs aren’t secured leaves other sites vulnerable when they offer the sharing buttons, I guess.

    1. Sometimes the only choice really is to fix a problem yourself. Hopefully, StumbleUpon buttons will soon work across all blogging platforms :)

    1. I am building up my content and following, and hoping that one day I will be able to count my Stumbleupon traffic in the thousands per day!

  1. Great tutorial for adding the SU button. I’ve had it via SumoMe but nice to know it can be done super easy.

    1. I always like to have a few options for doing anything. You never know when one option will no longer be viable, so I’m happy to know I could use SumoMe as an alternative if my manually installed SumbleUpon button ever fails me!

  2. Thank you so much Kyla for this excellent information. I followed your directions and now I have a StumbleUpon button showing up at the bottom of my posts. You are awesome! I pinned this post to Pinterest to share the love. :-)

    1. I’m so glad it helped you to get the button installed on your blog, Denay. Awesomesauce!

    1. I’m so pleased that I was able to help! StumbleUpon is a great resource, but most folks won’t think to Stumble a post if they don’t see the button.

    1. I am just beginning to get into the habit of using StumbleUpon regularly. I’ve already had one post that picked up traffic because it was Stumbled. I’m hoping to see similar results across the board. Glad you found the instructions helpful :)

    1. I notice that SumoMe is becoming quite popular these days. I’m a little put off by how many pop-ups I’m seeing when I try to read or scroll through content on some blogs that use it. Not sure if that’s an issue with the settings, or maybe even the blog owner using too many related services. But it tends to create a cluttered look and it can sometimes be too in your face. I dislike having to go into SumoMe to find the SU button, especially when there are dozens of services showing. It’s a lot more work than I have time for in the few short minutes that I spend on any page. Give me a visible SU button any day!

      Thanks for popping by, JeeYoung :)

  3. I was reading people were have tons of problems with spamming and hackers because stumble upon was so easy to crack. They are working on fixing this but I’m concerned about using it. Have you heard anything?

    1. I’ve been told that WordPress disabled the StumbleUpon buttons because SU won’t use the HTTPS protocol. I have heard from one blogging friend that she had security issues on her Blogger site, and that it was related to third-party sharing buttons on her blog. I’m not sure how prevalent an issue it is, but I guess we should all try to stay alert.

    1. You know Barb, if I’d had that plugin available, I’d have used it too! I like that I learned something new in adding the StumbleUpon button myself, though :)

  4. StumbleUpon is one site which is often overlooked when we share posts and many people without a SU share button on their site may regard it as ”too much trouble” to included one but that is a blinkered attitude. SU is a very useful site to share our (and others’) work to.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s