Danny Wong

At Shareaholic, we want you to be even more successful. That being said, our mission has always been to help you drive more quality engagement and reach for your content across the web.

This is why, today, we are proud to introduce Floated Share Buttons App for your website, store and blog.

Example of Floating Share Buttons

Turn on Floated Share Buttons now »
Two minutes is all you’ll need to make your site even more stunning.

Among the hundreds of thousands of sites powered by Shareaholic, floating share buttons has been one of our most requested features. So much so that one Shareaholic enthusiast figured out a way to create a cool floating bar with our plugin.

Now, we’ve made it 1-click easy — no code necessary — for all of our users to enable Floated Share Buttons.

Here’s a quick how-to for enabling Floating Share Buttons:

  1. As always, sign into your account (or, if you’re using one of our CMS plugins ex. WordPress or Drupal, click on “Edit General Settings” from within the plugin), and notice that Floated Share Buttons are now available.

Settings for Floated Share Buttons by Shareaholic

  1. Toggle the little button on the far right to turn Floated Share Buttons on (green) or off (red).
  2. Hit the Settings Icon icon next to the on/off option to configure settings and arrive here:

Updated Floating Share Buttons Settings

  1. Want your share buttons to be just perfect on your site? Select your button size (normal/mini), activate share counts (or leave them off), and adjust bar alignment (left/right). Turn the “more options button” on (green) if you want to make it available to allow visitors to share to other networks, or turn it off (red) entirely. And if you want your buttons to look just right on your site, adjust their vertical offset to position them perfectly with your site’s theme.
  2. Customize the set of buttons you *want* to feature. At the bottom, find the social networks you love and click to add those buttons to your floating share bar. Select as many or as few as you like. p.s. our share buttons are 100% responsive, in other words they are “mobile- and tablet-friendly”.
  3. Don’t care for certain share buttons? Deselect them by hovering over each one on the preview screen and clicking the little “x” to remove it.
  4. Want a specific share button to be the first one your readers see? Arrange your buttons in whatever order you like by hovering over each one you want to move, clicking-and-holding it, then dragging it to its desired position.

Click, Drag and Delete Specific Floating Share Buttons

  1. Finally, when you are done, scroll down to hit “Save Settings,” and see the new buttons appear on your site. Pretty neat, huh?

Oh, and did I forget to mention this new feature is free? If you’re not a user yet, unlock our content amplification platform here. Otherwise, enable Floated Share Buttons now! Your readers will thank you for it with all the social shares in the world.

Turn on Floated Share Buttons now »
Two minutes is all you’ll need to make your site even more stunning.

In case you have any problems with this or want to ask a clarifying question, visit our helpdesk or leave a comment below! Standing by :-D

Update: Now you can disable floating share buttons on specific pages. Here are the instructions.

Update #2: Re-position your floating share buttons with our latest “Vertical Offset” feature. Read about it here.

  • http://reginaldchan.net/ Reginald Chan Xin Yon

    Hey Danny,

    Thanks for sharing this and linking my article. Appreciate it.

    Honestly, I have not used Shareaholic much before this but since I published ‘that post’, I installed Shareaholic on nearly all my sites.

    Lovely guide and thanks! Submitted to inbound too!
    ~Reginald

    • https://shareaholic.com/ Danny Wong

      Hi Reginald,

      A big thanks to you and Dani for the post! Also, much thanks for submitting this story to inbound.

      If you end up using Floated Share Buttons, do feel free to share any feedback about how we can make this feature better!

      Cheers.

      • http://reginaldchan.net/ Reginald Chan Xin Yon

        No problem! Will do it on the sites I have and keep you informed if I have any additional comments :)

        Appreciate it alot!

        Have a great day ahead.

      • http://www.bloggingwithdani.com/ Dani Ivanov

        Its great to see that now there are official floated buttons. I am going to test them out soon and maybe replace my custom floated buttons with them.

        • https://shareaholic.com/ Danny Wong

          Woohoo! I hope they serve you well and if they don’t, do let us know! We’d love to know how we can make our products better.

  • http://kidger.ca Richard

    Great feature. But it would be great to add further customisation like disabling it from showing up on every page (like home page or contact page). I’d like to just enable it on my posts.

    • https://shareaholic.com/ Danny Wong

      Thanks, Richard. I’ve shared that suggestion with our team and will update you once we’ve made that possible! Unfortunately, I cannot provide an estimate for when that might be, but I have my fingers crossed that we will figure out a simple, user-friendly way to do so soon!

      • http://www.stylevanity.com/ Alyssa Martinez

        I have been wondering how I’m going to disable the floating share buttons on my homepage and set it to appear on my posts only, that’s why I ended up on this post. So I’m looking forward to that update soon!

      • http://trendingzoo.com Trending Zoo

        Danny, I agree with Richard. Unfortunately the Floating Share buttons are useless if they show up on every page. Will have to disable now :( Will definitely re-enable once the option to only show on posts appears! Thanks :)

        • https://shareaholic.com/ Danny Wong

          Totally understood. Working on it! Will keep you all posted :D

        • http://trendingzoo.com Trending Zoo

          You guys rock! =D I haven’t found a share bar more beautiful :)

        • https://shareaholic.com/ Danny Wong

          You’re too kind :)

      • Daniel

        how is it going with disabling the floating buttons on specific pages? its gone 2 months now since you guys been working on this :)

        • https://shareaholic.com/ Danny Wong

          Thanks for pointing that out. Wow! You’re right. I’ll be sure to see what we can do to expedite this process.

    • https://shareaholic.com/ Danny Wong

      Richard, a quick update here:

      I’ve sent you a message via email :). If you didn’t get it, see the update I added to the end of this post regarding instructions for manually disabling floating share buttons on specific posts! Hope you have an awesome week!

      cc @ItsMariaAlyssa:disqus @trendingzoo:disqus

      • http://intelassets.com David McFeeters-Krone

        Danny,
        I am not sure where to put the disable code within Weebly. Can you help?

        • https://shareaholic.com/ Danny Wong

          Hi @dmcfeet:disqus. It seems you’d do this when you go to “Settings” then “SEO” and you’d insert it under the “Header Code” section. Unfortunately, that disables it across your site since that’s a sitewide setting. Sadly, Weebly doesn’t make it easy to edit the full HTML for individual pages… I’ll reach out to them and see what they say!

  • SNEAKERscholar

    Thanks for posting this. I like the fixed buttons most of all.

    When I use the ‘normal’ buttons, they’re spaced 10px apart. If I switch to ‘mini’ icons, they’re aligned flush like you have the larger ones on this page.

    Didn’t find anything in the knowledge base. Any way to fix this? I prefer to use the larger ‘normal’ buttons, with the tight alignment.

    • https://shareaholic.com/ Danny Wong

      Thanks for pinging us about this. We’ve noted the bug and will see what an appropriate ‘fix’ may be. Stay tuned!

  • http://thecinnamonhollow.com/ Crystal M

    This is a great feature and one I’ve wanted for awhile now. Thank you for adding it! The only other thing I’d love to see is a Facebook Like button. Sometimes readers just want to click like and not have to go through the entire sharing process.

    • https://shareaholic.com/ Danny Wong

      Noted. Thanks, Crystal. I’ll look into how we can integrate this feature too!

    • http://trendingzoo.com Trending Zoo

      Ironically, I find too many “Share” bars only include the option to “like” instead of fully “share.” I always imagined more readers would rather share and include their own comment as opposed to simply “like”! :)

      • http://thecinnamonhollow.com/ Crystal M

        I prefer to have both options available to accommodate readers. For instance, if I’m on a tablet or my phone, I can’t always go through the “share” process but I’d still like to click like in order to share the post or sort of bookmark it for later. Then I can come back and share to groups, my pages, etc. I’ve had readers tell me that as well. So for my site, having both options would be wonderful!

        • https://shareaholic.com/ Danny Wong

          Great point. Sometimes I find myself “liking” without wanting to add a comment (more out of sheer laziness than anything else). We had a “like” button in the past, but we noticed there was more social sharing activity when users disabled it. It’s counterintuitive, but I think the psychology is in encouraging users to actively share vs a passive ‘like’. Conscious “shares” get your FB friends to engage more with your post (typically because users who “share” a post also add thoughtful commentary). When we did redesigns of our buttons, I suppose we let the “like” fall to the wayside. Will see how we can bring it back!

        • Andreas ‘aNdy’ Berggreen

          Hi Danny

          I would love to see the “Like button” added again as a feature. Any news on this?

        • https://shareaholic.com/ Danny Wong

          No big updates *yet*. Thanks for checking in though. If there are any new developments here, I promise to reach out to you once it’s ready!

        • http://trendingzoo.com Trending Zoo

          Good point, I didn’t think about the mobile aspect! I suppose it also depends on the site’s main traffic source. Although the best option would be for BOTH options to appear on the share bar so that the user can decide :)

        • https://shareaholic.com/ Danny Wong

          Totally agree here. Fingers crossed we can do this soon!

  • http://reginaldchan.net/ Reginald Chan Xin Yon

    Quick note Danny.

    How do you actually make those floating sidebar having a small space? Didn’t like the ‘stick-to-all’ feature :/

    Thanks!

  • Nathan

    Is there anyway to add the “Share this” logos above the floating buttons?

    • https://shareaholic.com/ Danny Wong

      Currently, no. But that’s an awesome idea and I’ll see what we can do :)

      • Nathan

        Thanks! Let me know.

  • http://hobbsy.com/ hobbsy

    Hi, may I ask what you’re using for your share buttons at the top of the blog post

    eg.
    http://i.imgur.com/lBCiHZ3.png

    Is this a feature of the Shareaholic WP plugin? (they look great btw :))

    • https://shareaholic.com/ Danny Wong

      @hobbsy:disqus thanks for asking and thanks for the kind words! Indeed, this is a feature of our plugin :)

      See: http://sharebuttons.com/ and under…
      theme –> flat square
      size –> mini
      counter –> side

  • Andrew

    Thanks for the Danny, love shareaholic. Publishers like me face hard times starting up with hosting/theme etc. Free plugin like yours is of great help.

    • https://shareaholic.com/ Danny Wong

      That’s great to hear, Andrew. Any thoughts about what we can do better? Ultimately, our goal is to empower all publishers, so your suggestions would be useful!

      • Andrew

        Hi Danny, can I achieve a floating bar like this with shareaholic?

        • https://shareaholic.com/ Danny Wong

          Currently, no. Our floated share buttons are only come in two styles. If that is the specific design you’d love to have, we likely won’t have that available anytime soon. If you’re ultimate goal is to have buttons that stand out from the crowd and drive more social engagement, you should totally give us a shot. ;)

          In any case, hope you enjoy your weekend, Andrew!

        • Andrew

          Actually I am all done with my website. Only thing left is Social share icons. I was just wondering if that design was available in the plugin. I definitely love the plugin and going to add it today and complete my website. :)

        • https://shareaholic.com/ Danny Wong

          Woohoo! Would love to see the design when it’s live (lmk if you need help testing functionality or anything too). Cheers!

        • Andrew

          Hey done installing shareaholic. Thanks. Doing some security measures, taking backup, installing akismet. Well, I’ll make it live soon but after 1 blog article. For now, its all noindex and nofollow. Thanks for all help.

        • https://shareaholic.com/ Danny Wong

          No thanks needed :) I’m excited to see it!

  • Maninder Pal Singh

    Hi Danny, thanks for the plugin. Any updates on disabling the floating bar on specific pages? I have disabled it for now. Also, the share buttons for the blog post are really great and are exactly like my blogs theme. :) Please post an update when floating bar can be disabled for specific pages.

    • https://shareaholic.com/ Danny Wong

      Hi Maninder, we are still working on it. I’ll be sure to share an update once we’ve added that functionality :)

      Hope you enjoy the rest of your week!

    • https://shareaholic.com/ Danny Wong

      Maninder, I just emailed you with an update here (which I also added to the end of the post). Thoughts?

      • http://www.socialmediaownage.com/ Maninder Pal Singh

        Hey, thanks for updating. I was actually using the floating bar on my entire site as I really wanted it on. Thanks for this, will update you after disabling on the specific pages. Thanks again.

        • https://shareaholic.com/ Danny Wong

          You’re absolutely welcome. Thanks for choosing Shareaholic :D and let me know if you run into any issues here.

        • http://www.socialmediaownage.com/ Maninder Pal Singh

          Ok, sorry for being a noob. Where will the code go for the pages. I mean I cannot add them directly to the posts right? I am using a Genesis child theme, where to put the disabling code. Thanks.

        • https://shareaholic.com/ Danny Wong

          Haha. No worries.

          Hit CTRL + F to find the “shareaholic.js” tag and insert the disable code right above that.

        • http://www.socialmediaownage.com/ Maninder Pal Singh

          Ok Thanks, will update after trying.

  • daniel

    How can i disable the floating buttons on specific pages? Like on categories, tags etc

    • https://shareaholic.com/ Danny Wong

      It’s in the works! When that is available I’ll notify you and everyone else in this thread, and will update the post :)

    • https://shareaholic.com/ Danny Wong

      Daniel, I just emailed you about this and added an update at the bottom of the post. Let me know if you have any questions!

  • http://www.productivesuperdad.com/ Timo Kiander

    Hi Danny!

    I think that Shareaholic looks great but I just have one concern:

    I find that it’s a little bit confusing to configure it – considering that I have a Shareaholic WP plugin, and under Site Tools (in config portal) there is Apps and Locations.

    In each of these three places I can configure the location and other settings related to Shareaholic. So, I’m a bit confused which one I should use to configure my Shareaholic bar?

    For instance, do I need the WP plugin in the first place? Because it seems that it’s setting override the ones I make on the configuration portal.

    I would really like to test this plugin, but right now I’m not sure which config setting I should touch. Maybe you could help me out?

    Cheers,

    Timo

    • https://shareaholic.com/ Danny Wong

      Thanks for asking Timo. I totally understand that the duplicate interfaces can get confusing. In the meantime, we are working on making it more intuitive!

      I would highly recommend keeping the WP plugin because it allows for certain capabilities (such as server-side Share Counts to show counts for G+, StumbleUpon, Reddit, and Buffer).

      The Shareaholic.com config panel is for unique extras which display under “APPS” such as floating share buttons and the cookie consent bar.

      If you’re using the plugin, everything under “LOCATIONS” will be redundant and I would suggest ignoring those :)

  • http://www.littleoslo.com littleoslo

    I suggested to add sina weibo button into shareaholic few years ago …. Is it that difficult ? There are so many buttons people hardly use there while the popular one is missing.

    And I would like to have more asian social media icons to choose from specially the japanese one as well.

    Thank you, and I would give this floating feature a try.

    The more options you offer, the more users would love to use !

    • https://shareaholic.com/ Danny Wong

      Hi @littleoslo:disqus, thanks for the comment here. I’ll be discussing this with my team shortly! In the meantime, can you confirm what some of the bigger Asian social media networks are?

      • http://www.littleoslo.com littleoslo

        Hello again!

        There are plenty but few are enough. The most popular one for china is sina weibo and the japanese one is mixi

        And using mobile device is so common, i noticed there are sharing button provided by whatsapp, line (japan) and wechat (china) i believe those sharing button would help shareaholic standing out! Since it helps user to share the articles via the phone messengers.

        • https://shareaholic.com/ Danny Wong

          Perfect. Thanks for the list!

        • http://www.littleoslo.com littleoslo

          I saw whatsapp is featured on addtoany already. I wanna have more mobile messengers buttons since most traffic is from the mobile device now. Hope to see ur updates soon thx

        • https://shareaholic.com/ Danny Wong

          Hi @littleoslo:disqus, we just added Weibo and Mixi to Shareaholic!
          See the update, which includes 6 other social services, here: https://blog.shareaholic.com/flipboard-kindle-weibo-share-buttons/

  • Arun

    I fail to understand why none of the share plugins are supporting big mashable kind of share buttons like these ones… These is SO MUCH demand for it… I would so so love to see them with Shareaholic

    • https://shareaholic.com/ Danny Wong

      Hi Arun, thanks for the suggestion. I’ll reach out when we get the chance to release the feature. Hopefully we can have you try it out!

      • http://gaofu.co/ Steve Gao

        Hi Danny, this should be one common issue for asian users, do your dev team have any plan to add it.

        Thank you very much.

        • https://shareaholic.com/ Danny Wong

          Hi @foogao:disqus, that’s interesting that you say that. Can you point me to any asian sites that have oversized buttons? I’d love to see how they are utilizing this feature for their sites.

        • http://gaofu.co/ Steve Gao

          Hi Danny, Sorry, i wrote this comment in wrong place, i mean we need “Sina Weibo” feature suggested by @littleoslo.

        • https://shareaholic.com/ Danny Wong

          Ah, yes. It’s something we have on our to-do list further down the pipeline. More to come in due time!

        • http://gaofu.co/ Steve Gao

          Hi Danny, thanks for your hard work, i look forward to use it.

        • https://shareaholic.com/ Danny Wong

          Hi @foogao:disqus, a Weibo button is now available! Check out our latest blog post:

          https://blog.shareaholic.com/flipboard-kindle-weibo-share-buttons/

        • http://gaofu.co/ Steve Gao

          Hi Danny, that’s amazing, thanks a lot for making it happen

        • https://shareaholic.com/ Danny Wong

          No thanks needed! Excited to see it on your site!

        • http://gaofu.co/ Steve Gao

          Yeah, I like it a lot.

        • http://gaofu.co/ Steve Gao

          Hi Danny, I just tried to share my article to Weibo with the new Weibo share button, but when it is finished, i don’t find the counter over the Weibo button.
          Is it one bug? or by design?

        • https://shareaholic.com/ Danny Wong

          Hi Steve, we do not yet have share counts for Weibo. If we find a reliable way of tracking and displaying share counts, we’ll be sure to include it!

        • http://gaofu.co/ Steve Gao

          OK, i got it, thanks Danny:-)

  • Yogananth Gopinathan

    it would be great if it works on mobile devices …!

    • https://shareaholic.com/ Danny Wong

      Will let you know when that’s done.

      • Shane Lundberg

        I see the floating bar on my mobile. Is there a way to turn this off? My site is fully responsive already. http://www.DontHateTheGeek.com

        • https://shareaholic.com/ Danny Wong

          Hi @shanelundberg:disqus, can I trouble you to re-enable Shareaholic on your site? That way I can reproduce the error and effectively troubleshoot. Let me know!

  • http://www.googlexperience.it/ Manuele Polverini

    Is there a way to turn floated share buttons off on mobile? Thanks a lot

    http://www.googlexperience.it

    • anon e mouse

      …or make them work correctly. I’d like to keep them on mobile if they just didn’t cover up the text.

      • https://shareaholic.com/ Danny Wong

        It’s fixed now :) Sorry about that!

      • http://www.googlexperience.it/ Manuele Polverini

        The same thing as me :)

    • https://shareaholic.com/ Danny Wong

      Hi @Polv89:disqus, we just released a fix this morning. I also checked your site using my iPhone and everything looks good! Let me know if you run into any other issues here. Cheers!

  • anon e mouse

    The floating buttons don’t display correctly on mobile devices; they cover content text.

    I’m using the Weaver II theme for WordPress.

    Will send you the url backchannel, if want to see this “in action” and you contact me directly.

    • https://shareaholic.com/ Danny Wong

      Hey there, thanks for the message. We fixed the bug — emailing you directly in case Disqus doesn’t automatically do that.

  • http://bacc.cc/ Mike Query

    Is there an easy way to disable floating share buttons on other pages besides posts using WordPress? If I paste that code into the header it disables it sitewide. And I’m not sure which template it would need to go in, or where, in the Editor.

    • https://shareaholic.com/ Danny Wong

      @disqus_jbjLzwyTfZ:disqus, hang tight! I’m working with the team to try to build a new feature within the plugin that’ll make this easier to manage.

      • http://www.inkode.co.nz/ Aidan Rogers

        Awesome Danny – anyway to be notified when you guys have something cranking here?

        • https://shareaholic.com/ Danny Wong

          Nothing automated. I’ll personally reach out again here once it’s ready! :)

      • http://bacc.cc/ Mike Query

        Hi Danny, any update on this?

        • https://shareaholic.com/ Danny Wong

          Not yet, Mike. I’ll ping you here when I have more information.

  • http://www.sweetsthrnsass.com sweetsthrnsass

    How would I go about enabling the share buttons to show up on a mobile device? I haven’t been able to find that setting or an explanation on how to do it.

    Thanks!
    Robyn
    http://www.sweetsthrnsass.com

    • https://shareaholic.com/ Danny Wong

      You can’t…. just yet :)

      We’re working on a new floating share buttons set that’s specific to mobile. I’ll be sure to update you here once it’s live!

  • http://www.SmartAboutMyMoney.com/ kaihock@SmartAboutMyMoney.com

    Danny, what is the custom code to stop the floating bar from scrolling near the ending of the website. If you look at my post at http://www.smartaboutmymoney.com/roger-j-hamiltons-wealth-dynamics-part-2-2/, and scroll to the bottom, it becomes ugly

    • https://shareaholic.com/ Danny Wong

      Hey @kaihock:disqus, just sent you an email. We’ll resolve this together! :)

  • http://www.socialidentities.com Hugh Briss

    Why do we have to manually add code so the buttons don’t show on our main or other pages and only show on post pages? Surely it can’t be that hard for you to set it up so we can select whether to show on pages or not. The Digg Digg bar has some simple settings to accomplish this.

    • https://shareaholic.com/ Danny Wong

      Hi @hughbriss:disqus, the manual insert is an immediate solution for sites that wanted to disable the feature on specific pages. A more complete configuration dashboard is in the works, and I promise to ping you once we’ve made the necessary updates. Hope you enjoyed the weekend!

      • http://www.socialidentities.com Hugh Briss

        Okay, well I do use your horizontal bar on my post pages but for now I’m using the Filament floating bar. As soon as we don’t have to manually add code (which doesn’t seem to work for me) I’ll be happy to use your floating bar instead.

        • https://shareaholic.com/ Danny Wong

          Thanks, @hughbriss:disqus. Talk soon!

  • Mahmudur Khan

    is there a tutorial on how to stop the floating button from coming in all the pages.? I just want it on the post. using wordpress can any one help?

  • Nitin Shah

    Hi, I have added the shareaholic wordpress plugin on my website. Have activate the floating bar which is also visible on mobile. Is there a way to turn it off on mobile?
    http://instituteofclinicalhypnosis.com

  • http://shareaholic.com Devin Bramhall

    Hi Lex – It looks l like you have the floating share buttons up and working, but let us know if you still need help!

    • http://lexdepraxis.wordpress.com Lex dePraxis

      Hi Devin, I just checked KelasCinta.com using Chrome mobile and Dolphin, the floating buttons still don’t work as expected. The floating buttons only work on desktop version. Help please.. :)

      • http://shareaholic.com Devin Bramhall

        Hi Lex – I apologize for my confusion: I missed that you are on mobile. We limit visibility of floating share buttons on mobile devices, because they cover up site content. They will display on tablets that are minimum 400x700px. I hope this helps!

  • Kristoffe Brodeur

    Can I use this like diggdigg? I wanted to show share buttons on each blog post in the home page where (#) say 5 show up (read more) and then the share buttons on each.

    Is that possible with shareaholic?

    • https://shareaholic.com/ Danny Wong

      Hi @kristoffebrodeur:disqus, indeed it is! You just have to activate our share buttons on “index” pages. Let us know if you run into any issues. We’re here to help!

  • wisefreaks

    How to disable code on homepage and menu pages? Only to appear on post pages. Using weaver II theme they suggest using their custom ruling section to add the script and not change the main editor but putting this code is not showing anywhere on site.

    window.shareaholic_settings = { apps: { floated_share_buttons: { enabled: false } } };

    Please tell the right code to put in CSS rule box of weaver II theme.

  • Allenchigs

    Is there an easy way to disable floating share buttons on my site when its on a mobile device. my html5 site is responsive and was wondering if there was a way to make the buttons not to appear when its on a mobile site.

  • cseher

    Hello There,

    I can see on your site that you have installed the resting share buttons in your side bar. As you said, since you have the floating buttons disabled, I cannot see/replicate the symptoms you are seeing. Is there anyway you would be willing to re-install so I can take a look?

    In the meantime, here is a link to information regarding how to position our floating share buttons:
    http://support.shareaholic.com/hc/en-us/articles/202769083-Positioning-Floated-Share-Buttons

    Sincerely,

x
Get priority access to our new monetization platform today!