{"id":16257,"date":"2014-06-26T11:30:12","date_gmt":"2014-06-26T15:30:12","guid":{"rendered":"https:\/\/blog.shareaholic.com\/?p=16257"},"modified":"2015-10-08T14:26:15","modified_gmt":"2015-10-08T18:26:15","slug":"floating-share-buttons","status":"publish","type":"post","link":"https:\/\/www.shareaholic.com\/blog\/floating-share-buttons\/","title":{"rendered":"Our Share Buttons Float, Do Yours?"},"content":{"rendered":"<p style=\"text-align: left;\"><strong>**UPDATE**<\/strong><\/p>\n<p style=\"text-align: left;\">We&#8217;ve continued to improve this offering, and now our Floated Share buttons do even more! They come fully-loaded with a slew of great features:<\/p>\n<ol>\n<li style=\"text-align: left;\"><a title=\"Floated Share Buttons Now Available for Mobile\" href=\"https:\/\/www.shareaholic.com\/blog\/floated-share-buttons-for-mobile\/\" target=\"_blank\">Optimized for Mobile<\/a><\/li>\n<li style=\"text-align: left;\"><a title=\"Giant Floated Share Buttons\" href=\"https:\/\/www.shareaholic.com\/blog\/giant-floated-share-buttons\/\" target=\"_blank\">Available in Giant Size<\/a><\/li>\n<li style=\"text-align: left;\"><a title=\"Customize the Colors of Your Floated Share Buttons\" href=\"https:\/\/www.shareaholic.com\/blog\/customize-the-colors-of-your-floated-share-buttons\/\" target=\"_blank\">Full Color Customization<\/a><\/li>\n<li style=\"text-align: left;\"><a title=\"How to Customize the Positioning of Floated Share Buttons\" href=\"https:\/\/www.shareaholic.com\/blog\/offset-floated-share-buttons\/\" target=\"_blank\">Custom Positioning<\/a><\/li>\n<li style=\"text-align: left;\"><a title=\"Floating Share Buttons with Social Share Counts\" href=\"https:\/\/www.shareaholic.com\/blog\/floating-share-buttons-and-social-share-counts\/\" target=\"_blank\">Share Counts<\/a><\/li>\n<li style=\"text-align: left;\"><a title=\"Major Upgrades &amp; All the Right Tools!\" href=\"https:\/\/www.shareaholic.com\/blog\/major-upgrades-all-the-right-tools\/\" target=\"_blank\">Smart Sort<\/a><\/li>\n<li style=\"text-align: left;\"><a title=\"Conditionally Display Share Counts &amp; More Advanced Display Rules for your Share Buttons\" href=\"https:\/\/www.shareaholic.com\/blog\/new-features-conditionally-display-share-counts-more-advanced-display-rules\/\" target=\"_blank\">Conditional Share Counts &amp; Advanced Display Rules<\/a><\/li>\n<\/ol>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>At Shareaholic, <span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/www.shareaholic.com\/publishers\" target=\"_blank\">we want you<\/a><\/strong><\/span> to be even more successful.\u00a0That being said, our mission has always been to help you drive more quality engagement and reach for your content across the web.<\/p>\n<p>This is why, today, we are proud to introduce <strong>Floated Share Buttons App<\/strong> for your website, store and blog.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-16268\" title=\"Example of Floating Share Buttons\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Example-of-Floating-Share-Buttons.png\" alt=\"Example of Floating Share Buttons\" width=\"561\" height=\"284\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Example-of-Floating-Share-Buttons.png 561w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Example-of-Floating-Share-Buttons-300x152.png 300w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Example-of-Floating-Share-Buttons-400x202.png 400w\" sizes=\"(max-width: 561px) 100vw, 561px\" \/><\/p>\n<p style=\"text-align: center; background: #fff7ed; border: 1px solid #ccc; border-radius: 3px; margin: 0 0 16px 0; padding: 10px;\"><a class=\"get-button-red\" href=\"https:\/\/shareaholic.com\/publisher_tools\" target=\"_blank\">Turn on Floated Share Buttons now \u00bb<\/a><br \/>\nTwo minutes is all you&#8217;ll need to make your site even more stunning.<\/p>\n<p>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 <a href=\"http:\/\/www.reginaldchan.net\/add-floating-bar-using-shareaholic\/\">figured out a way<\/a> to create a cool floating bar with our plugin.<\/p>\n<p><strong>Now, we&#8217;ve made it 1-click easy\u00a0&#8212; no code necessary &#8212; for all of our users to enable Floated Share Buttons.<\/strong><\/p>\n<p>Here&#8217;s a quick how-to for enabling Floating Share Buttons:<\/p>\n<ol>\n<li>As always,\u00a0<a title=\"Link: https:\/\/www.shareaholic.com\/publisher_tools\" href=\"https:\/\/www.shareaholic.com\/publisher_tools\">sign into<\/a>\u00a0your account (or, if you&#8217;re using one of our CMS plugins ex. WordPress or Drupal, click on &#8220;Edit General Settings&#8221; from within the plugin), and notice that Floated Share Buttons are now available.<\/li>\n<\/ol>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter  wp-image-16317\" title=\"Settings for Floated Share Buttons by Shareaholic\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Settings-for-Floated-Share-Buttons-by-Shareaholic-2.png\" alt=\"Settings for Floated Share Buttons by Shareaholic\" width=\"560\" height=\"275\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Settings-for-Floated-Share-Buttons-by-Shareaholic-2.png 851w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Settings-for-Floated-Share-Buttons-by-Shareaholic-2-700x343.png 700w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Settings-for-Floated-Share-Buttons-by-Shareaholic-2-300x147.png 300w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Settings-for-Floated-Share-Buttons-by-Shareaholic-2-768x376.png 768w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Settings-for-Floated-Share-Buttons-by-Shareaholic-2-400x196.png 400w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/p>\n<ol start=\"2\">\n<li>Toggle the little button on the far right to turn Floated Share Buttons on (green) or off (red).<\/li>\n<li>Hit the\u00a0<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-16266\" title=\"Settings Icon\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Settings-Icon2.png\" alt=\"Settings Icon\" width=\"18\" height=\"21\" \/>\u00a0icon next to the on\/off option to configure settings and\u00a0arrive here:<\/li>\n<\/ol>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-19636\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/06\/Updated-Floating-Share-Buttons-Settings.png\" alt=\"Updated Floating Share Buttons Settings\" width=\"560\" height=\"739\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/06\/Updated-Floating-Share-Buttons-Settings.png 638w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/06\/Updated-Floating-Share-Buttons-Settings-303x400.png 303w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/06\/Updated-Floating-Share-Buttons-Settings-227x300.png 227w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/06\/Updated-Floating-Share-Buttons-Settings-300x396.png 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/p>\n<ol start=\"4\">\n<li><strong>Want your share buttons to be <em>just<\/em> perfect on your site?<\/strong> Select your button size (normal\/mini), <a href=\"https:\/\/www.shareaholic.com\/blog\/floating-share-buttons-and-social-share-counts\/\" target=\"_blank\">activate share counts<\/a> (or leave them off), and adjust bar alignment (left\/right). Turn the &#8220;more options button&#8221;\u00a0on (green) if you want to make it\u00a0available to allow visitors to share to other networks, or turn it\u00a0off (red) entirely. And if you want your buttons to look just right on your site, <a href=\"https:\/\/www.shareaholic.com\/blog\/offset-floated-share-buttons\/\" target=\"_blank\">adjust their vertical offset<\/a> to position them perfectly with your site&#8217;s theme.<\/li>\n<li><strong>Customize the set of buttons you *want* to feature.<\/strong> 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.<em> p.s. our share buttons are\u00a0100% responsive, in other words they are &#8220;mobile- and tablet-friendly&#8221;.<\/em><\/li>\n<li><strong>Don&#8217;t care for certain share buttons?<\/strong> Deselect them by hovering over each one on the preview screen and clicking the little &#8220;x&#8221; to remove it.<\/li>\n<li><strong>Want a specific share button to be the first one your readers see?<\/strong> 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.<\/li>\n<\/ol>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-16271\" title=\"Click, Drag and Delete Specific Floating Share Buttons\" src=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Click-Drag-and-Delete-Specific-Floating-Share-Buttons.png\" alt=\"Click, Drag and Delete Specific Floating Share Buttons\" width=\"562\" height=\"296\" srcset=\"https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Click-Drag-and-Delete-Specific-Floating-Share-Buttons.png 562w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Click-Drag-and-Delete-Specific-Floating-Share-Buttons-300x158.png 300w, https:\/\/www.shareaholic.com\/blog\/wp-content\/uploads\/2014\/03\/Click-Drag-and-Delete-Specific-Floating-Share-Buttons-400x211.png 400w\" sizes=\"(max-width: 562px) 100vw, 562px\" \/><\/p>\n<ol start=\"8\">\n<li>Finally, when you are done, scroll down to hit &#8220;Save Settings,&#8221; and see the new buttons appear on your site. Pretty neat, huh?<\/li>\n<\/ol>\n<p>Oh, and did I forget to mention this new feature is <em>free<\/em>? If you&#8217;re not a user yet, <a href=\"https:\/\/shareaholic.com\/publishers\" target=\"_blank\">unlock our content amplification platform here<\/a>. Otherwise, enable Floated Share Buttons now!\u00a0Your readers will thank you for it with all the social shares in the world.<\/p>\n<p style=\"text-align: center; background: #fff7ed; border: 1px solid #ccc; border-radius: 3px; margin: 0 0 16px 0; padding: 10px;\"><a class=\"get-button-red\" href=\"https:\/\/shareaholic.com\/publisher_tools\" target=\"_blank\">Turn on Floated Share Buttons now \u00bb<\/a><br \/>\nTwo minutes is all you&#8217;ll need to make your site even more stunning.<\/p>\n<p><em>In case you have any problems with this or want to ask a clarifying question, visit our\u00a0<a href=\"http:\/\/support.shareaholic.com\/\" target=\"_blank\">helpdesk<\/a>\u00a0or leave a comment below! Standing by :-D<\/em><\/p>\n<p><strong>Update:<\/strong>\u00a0Now you can disable floating share buttons on specific pages.\u00a0<a href=\"http:\/\/support.shareaholic.com\/hc\/en-us\/articles\/203398957\" target=\"_blank\">Here are the instructions<\/a>.<\/p>\n<p><strong>Update #2:<\/strong> Re-position your floating share buttons with our latest &#8220;Vertical Offset&#8221; feature. <a href=\"https:\/\/www.shareaholic.com\/blog\/offset-floated-share-buttons\/\" target=\"_blank\">Read about it here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>**UPDATE** We&#8217;ve continued to improve this offering, and now our Floated Share buttons do even more! They come fully-loaded with a slew of great features:&hellip;&nbsp;<br \/><a class=\"continue-reading\" href=\"https:\/\/www.shareaholic.com\/blog\/floating-share-buttons\/\">Continue Reading<\/a><\/p>\n","protected":false},"author":79,"featured_media":16270,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[521,525,545],"tags":[390,491,492,527,493,398,265,529],"_links":{"self":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts\/16257"}],"collection":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/comments?post=16257"}],"version-history":[{"count":0,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/posts\/16257\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/media\/16270"}],"wp:attachment":[{"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/media?parent=16257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/categories?post=16257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shareaholic.com\/blog\/wp-json\/wp\/v2\/tags?post=16257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}