Updated 10th February 2012
Add facebook like, twitter tweet button, google +1, linkedin, digg, stumbledupon, delicious, reddit, buffer & pinterest.com pin it social media share buttons in a floating or slide out tab to any WordPress website with the Slick Social Share Buttons plugin.
Slick Social Share Buttons also includes a social statistics page in WordPress admin, which gives you complete share totals for each page, post and category page.
The plugin has a range of options giving you full control of position of button panel, size of social media buttons, display order and whether to show or hide the floating or sticky panel on page load.
The plugin gives you the choice to include the social media share buttons on:
- WordPress Home page
- Posts page if using static home page
- Posts
- Pages
- Category Pages
- Archive Pages
If you are looking for a non-Wordpress version, which can be used on all websites check out our jQuery Social Share Buttons Plugin – allows you to add all of the main social media share buttons to any web page.
Demos for WordPress Social Share Buttons Plugin
Plugin also used on this site – see social share buttons on left. Additional demos include:
- Sliding Vertical Button Panel
- Horizontal Sliding Button Panel
- Top Vertical Slide Down Panel
- Vertical Floating Panel
- Bottom Floating Panel
Download Slick Social Share Buttons plugin
Download Slick Social Share Buttons 2.4.1 (95,231)
Installation
- Upload the plugin through `Plugins > Add New > Upload` interface or upload `slick-social-share-buttons` folder to the `/wp-content/plugins/` directory
- Activate the plugin through the ‘Plugins’ menu in WordPress
- Configure the plugin options via the “Social Buttons” menu option in WordPress admin -> Social Buttons
- After selecting the button and plugin options click “Save” to activate the buttons on your WordPress website
Floating/Sticky Tab Options
The type and position of the social button panel can be configured via the plugin settings page in WordPress admin:
Method
Select either a “floating” panel or a sticky “Sliding” tab
Location:
The position of the social button panel in the browser window:
Position From Center
Only available if using floating buttons. Check this if you wish to have the floating button panel positioned from the center of the page as opposed to the edge of the browser. In the text box enter the number of pixels that the panel should be positioned from the center of the screen. Useful for fixed width websites.
If not checked the position of the floating panel will be based on the edge of the browser – i.e. if the browser window is reduced the buttons will move towards the center.
Offset
Offset allows you to fine tune the positioning by adding the number of pixels that you would like to offset the panel from the edge of the browser window.
For sliding tabs only one offset is used:
- Top-left & bottom-left – number of pixels from left edge of browser
- Top-right & bottom-right – number of pixels from right edge of browser
- Left & right – number of px from the top of the browser window
Floating social buttons:
- Top-left & left – pixels from top & pixels from left
- Top-right & right – pixels from top, & pixels from right
- Bottom-left – pixels from bottom & pixels from left
- Bottom-right – pixels from bottom & pixels from right
Direction
Only applicable for “Slide Out” panels. This allows you to select whether the buttons are displayed horizontally or vertically.
Disable Floating Effects
If checked the floating style animation used for the floating buttons panel will be disabled and the panel will now stick to its location in the browser (only applicable to floating button panels)
Floating Speed:
The speed for the floating animation (only applicable for the floating type) in milliseconds – i.e. the time it takes to “catch up” when the page scrolls up or down) – e.g. to set the floating speed to 1.5 seconds use 1500.
The default speed is set to 1.6 secs.
Animation Speed:
The speed in milliseconds to open and close the button panel.
The default speed is set to 0.6 secs.
Auto-Close:
If checked, the panel will automatically slide closed when the user clicks anywhere else in the browser window
Load Open:
If checked, the social buttons will be displayed open when the page first loads. The tab will still close the panel when clicked.
Default Skin:
Check this box to use the default skin that comes with the plugin. To use your own styles uncheck the box and add the CSS to your theme’s style sheet. The default CSS file can be used as a template.
Tab Image URL:
To use your own image for the button panel tab insert the full URL for the image into the text field. Leave the box empty if you wish to use the default “Share” tab that comes with the plugin.
Page Display Options
Check the boxes of those pages/posts where you would like the social media buttons to appear:
- WordPress Home page
- Posts page – if using a static home page this will be the page that displays posts
- Posts
- Pages
- Category Pages
- Archive Pages
Excluding Individual Categories
For category pages you also have the option to specify any categories you would like to exclude from showing the social media buttons.
Click the “Show Categories” link to display a complete list of all categories on your website. Clicking on a category will move the category between the include and exclude lists.
Click the “Save” button once you have selected the relevant categories.
If a category is excluded the social media buttons will not appear on the category page or any post assigned to that category.
Social Media Button Options
To disable a button uncheck the checkbox next to the button name.
The size of each button and whether to display a count of total shares for that page can be selected from the dropdown menu. A sample showing an actual, active button with the selected settings will display in the right-hand column.
The buttons will display on the website in the same order that they are listed in the settings page. To change this order drag & drop the buttons and arrange as required.
Current Supported Social Media Share Buttons:
- Twitter Button
- Facebook Like
- Google +1 Button
- Delicious Button
- LinkedIn Button
- StumbleUpon Button
- Digg Button
- Reddit Button
- Buffer Button
- Pinterest “Pin It” Share Button
In addition to the basic settings some Social APIs require additional information.
Input your twitter username (minus the ‘@’ symbol) to include this in the tweet.
The facebook like button includes the option to use either the iFrame or xfbml methods of adding the button.
If you select the xfbml version you must add the following settings:
- Either a Facebook App ID or a Facebook Admin ID – although both can be entered you only need one for the xfbml version to work.
- Default Facebook Image – enter the URL for an image that will be entered into the facebook open graph meta tag in the event that a post thumbnail is not available for the page.
- Disable Opengraph – if you already have a plugin adding the facebook opengraph settings you can disable this plugin adding an additional set by checking this checkbox.
Pinterest.com Pin It
The pinterest button now has 2 options available (starting version 2.4).
Featured – The image will be set to the “featured” image in the post.
Preview – select this option if you want to let your user select which image to use – clicking the “Pin It” button will bring up an overlay containing thumbnails of relevant media found on the page. The user can click one of these images to select it for posting onto their pinterest board.
Twitter URL Shortening
The plugin includes the option to select URL shortening for twitter from several services:
- Bit.ly
- Digg
- Su.pr
- tinyurl
If using bit.ly the API Key and account login must also be entered. For su.pr these are both optional.
Social Statistics & Metrics
Starting with version 2.0, the Slick Social Share Buttons plugin now includes a statistics page in WordPress admin, which gives you a complete overview and summaries of shares on your posts, pages and category pages.
To access this page go to WordPress Admin -> Social Buttons -> Social Stats
Social Stats options include:
Show
Select whether to show just your home page, posts, pages or category pages. Selecting the pages option will also include the home page results as the first item.
Filter
Available for posts only this lets you filter the results by category.
Order By
Select whether to sort the results by either date or alphabetically by title in either ascending or descending order. Only available for posts or pages.
Display
Show the total shares per URL either as text, text using conditional formatting to give a data “heatmap” or as active share buttons.
Note: selecting the “buttons” option will increase loading time as each button must be generated from the relevant social network site.
Per Page
Adjust the number of results per page. For faster loading time select a lower number per page.
Shortcodes
The plugin includes the feature to add text links within your site content that will open/close the sticky or floating button panel.
Click the links below to open/close the share button panel.
Share – default link, which will toggle the social share button panel open/closed with the link text “Share”
Tell Your Friends – toggle the button panel open/closed with the link text “Tell Your Friends”
Share – open the button panel with the default link text.
Share – close the button panel with the default link text.
Troubleshooting & Frequently Asked Questions
Check out our Frequently Asked Questions for Slick Social Share Buttons.
If you have a problem with the facebook like button try this first – Checking you facebook like button.
Many issues that can crop up with installing and using the plugin with different themes have also been covered in our comments section. Please check previous comments for further information/tips.
Demos for WordPress Social Share Buttons Plugin
Plugin also used on this site – see social share buttons on left. Additional demos include:
- Sliding Vertical Button Panel
- Horizontal Sliding Button Panel
- Top Vertical Slide Down Panel
- Vertical Floating Panel
- Bottom Floating Panel
Download Slick Social Share Buttons plugin
Download Slick Social Share Buttons 2.4.1 (95,231)
Feedback
If you find this plugin useful please take the time to rate it at wordpress.org.
If you have any problems, suggestions on how we can make the plugin better or would like help creating a new skin for your social buttons panel let us know via comments, email or our online contact form.
Donate
We develop & support all of our plugins for free. If you use this plugin and find it useful please consider a donation as a token of your appreciation
Screenshots
Example of vertical sliding social buttons panel
Example of horizontal sliding social buttons panel
Example of floating panel
Social Statistics admin page
Other Social Media/Network Plugins
If you like Slick Social Share Buttons then try out our other social media WordPress plugins:
Social Media Tabs
Add a facebook like box, google +1, google buzz, twitter and RSS profiles and feeds to any widget area with compact, slick sliding tabs. Plugin has the option of adding the tabbed box to either a slide out panel at the side of your browser window or as a static tabbed box in your widget area – see plugin page
Floating Tweets
The Floating Tweets plugin adds a floating, slide out tab containing the latest tweets from any twitter account. The widget is easily set up via any widget panel and can handle multiple twitter feeds per page – see plugin page
Updates
Version 2.4 – 10th February 2012
- Added: Buffer button
- Added: New option for pinterest button to allow user to select the associated image.
Version 2.3 – 22nd January 2012
- Added: Reddit button
- Fixed: Stumbleupon width & height
Version 2.2 – 30th December 2011
- Added: Delicious button
- Removed: Obsolete google buzz button
Version 2.1.4 – 22nd November 2011
- Added: Option to disable facebook opengraph settings
Version 2.1.1 – 22nd October 2011
- Added: Option to show buttons on posts page when using a static home page
- Added: Conditional loading of jquery &CSS files
- Added: Option to view social statistics counts using a data “heatmap”
Version 2.0 – 17th October 2011
- Added: Social statistics admin page
- Added: Only show statistics for active buttons
- Fixed: Total posts when filtering posts by category
Version 1.4.2 – 12th October 2011
- Fixed: Bug with short url meta data
Version 1.4.1 – 7th October 2011
- Update: Pin It button size drop down menu
- Update: Optimize jquery plugin files
- Update: Changed method of retrieving post ID
Version 1.4 – 5th October 2011
- Added: pinterest.com “Pin It” share button
Version 1.3 – 29th September 2011
- Updated: remove additional facebook js script
- Updated: facebook opengraph type meta tags
Version 1.2.9 – 27th September 2011
- Updated: Added local GA social tracking script
Version 1.2.8 – 23rd September 2011
- Updated: Increased title/description text
Version 1.2.7 – 9th September 2011
- Fixed: Tweet home page & category page URL using shortener
- Fixed: Hiding of facebook like comment box
Version 1.2.6 – 4th September 2011
- Added: Option to disable floating button effects
Version 1.2.5 – 25th August 2011
- Added: Option to position floating buttons from center of page
Version 1.2.4 – 19th August 2011
- Added: Google Buzz button
Version 1.2.3 – 14th August 2011
- Added: Ability to exclude specific categories
Version 1.2 – 11th August 2011
- Added: Digg button
- Fixed: Bug with Stumbleupon & Safari
Version 1.1 – 11th August 2011
- Added: Default image for facebook like button Open Graph tags
- Fixed: URL for WordPress home page for Open Graph tags
total
twitter
facebook
google +1
linkedin
stumbleupon
digg
delicious
pinterest
reddit
[...] Slick Social Share Buttons allows you to add Facebook, Twitter, Google +1, Digg, Google Buzz, Linkedin, and Stumbledupon social media buttons in a floating or slide out tab. [...]
Just installed this on my website the other day. Although I’m slightly embarrassed to say that I’ve never heard of Buffer and so I’ve left it off the buttons for now, I did add the Pin It (Pinterest) button as I’ve just started to play around with that website. Great job! No issues with any other plugins.
Hi,
Great, glad you like the plugin
Having to start a new reply thread. No nothing’s changed and this happened across all my sites. Stats show plenty of views but of course viewers may not be pinners. Perhaps it’s a Pinterest problem? I was just concerned there was something in the setup I had done wrong. Thanks for your prompt help.
Is this a recent problem that’s started after the plugin has been updated?
Yes, it was working until I updated it.
What happens if you switch the buttons back to the original style?
If you mean trying Featured Image v. Preview, it doesn’t make any difference. It also looks like the Twitter button has the same problem. Works fine, just doesn’t uptick.
[...] Pinterest has made a positive start and is adding to its list of friends. There are already social media plugins for WordPress that contain their follow button – which just goes to show how far they’ve travelled very [...]
Is there any way to disable the Tab Image URL, like you are doing on this page or should we disable it via CSS?
Hi,
You can hide it using CSS
I love this plugin. It is indeed very slick. However, I’m finding that the Pinterest counter doesn’t show the number of times an image has been pinned. Any suggestions. I have this plugin on three sites and all are having the same problem.
Hi,
Do you have an example of a page where you are not getting the correct number and I will check the API values?
Oh let me give you a different one. http://alisongolden.com/the-wisdom-of-cats
Hi,
The official count for that URL from the pinterest API is currently showing zero:
http://api.pinterest.com/v1/urls/count.json?callback=&url=http://alisongolden.com/the-wisdom-of-cats
Hmmm, I know it has been pinned because I got notifications. Is there anything I should be looking for specifically in the set up of the plugin that is relevant?
Hi,
It’s not the plugin. The data is directly from pinterest as can be seen in the URL I gave earlier.
Has the page URL changed at all – the counts are very specific to the address of that page. If it changes even slightly this will appear as a different address?
Does the stats page in admin show any difference?
[...] second choice, shown left, would be Slick Share sharing app. It is a slide down or slide across menu driven app that allows you to choose which [...]
GREAT plugin. Absolutely rocks. Having one issue with FB Like part. It chooses some random default image that not only has nothing to do with the post, but is no longer even on my website (replaced by my own graphics)…. How do I rectify this?
Hi,
If your site uses featured images then the open graph tags will use the featured image. If a featured image is not available then it will use the default image, which can be set via the plugin options page.
If neither of the above are set then facebook will determine which image to use … unfortunately their method of selecting the image is not exactly accurate!
Will you be adding youtube to the mix? That is the only one missing in my book. Great plugin otherwise.
Hi,
Im not sure that youtube have an official share button similar to the standard buttons … although I may be wrong! If you have come across something suitable then let me know and I will take a look
Im having an issue, where turning your pluyin on causes a loop at the home screen, and this is after moving the WP blog to a new domain on the same server. Any suggestions would be appreciated.
Hi,
Not sure what you mean by “loop”?
why no facebook share/send button?
Hi,
The facebook share button was being phased out in favour of the like button
Hey Lee,
Been using the plugin for a long time, love it. I just upgraded the plugin this morning and there are 2 lines of slashes under the bottom button. They look like:
//
//
You can see it here: http://waitingforthecircus.com/2012/02/09/royally-cookie-crazy/
Also, when the pictures are clicked on to see them full size, the social buttons appear on top of the picture. Any suggestions for that?
Thanks!
hi,
OK I’ve removed the // – see update 2.4.1. Thanks for the info.
For the buttons appearing over the image you will need to edit the jquery.social.float.1.3.js in the plugin’s js folder. Change the lines shown below to the following code:
Line 69
$floater.css({width: defaults.width+'px', position: cssPos, zIndex: 1000});Lines 166 & 167
$('.'+defaults.classWrapper).css({zIndex: 1000}); $floater.css({zIndex: 1000});Brilliant! Thanks Lee!
I will watch for the update on my plugins page.
Thank you very much.
I’m having a strange problem on http://herbivoracious.com. The issue is only on the home page. When you press the facebook like button, it ends up liking http://herbivoracious.com/site, which apparently is the sitemap based on what shows up in the facebook share window. It works fine on all other pages. Any clue would be appreciated! As far as I remember, this was working for me at one point, no idea what changed.
Hi,
The URL in the facebook button settings are correct – i.e. its “liking” http://herbivoracious.com/ and there arent any references to http://herbivoracious.com/site/ at all in the button code.
I notice that WordPress though is installed in the “site” and I presume that you have a redirect/rewrite set up on the server. Does the link show up as http://herbivoracious.com/site/ on facebook or is the link just being redirected to that URL?
I have NEVER donated to a plugin author. I just did. Your Pinterest update … thank you.
Hi,
Thank you. Glad you like the update
I have the plugin positioned “right” and “vertical” and “slide out”.
The problem is, that when I hit “like” on the Facebook button, the blurb to add it to my profile springs up going right, and hence off the screen and out of sight!!!!
How can I get the Facebook blurb to spring out to the left???
Hi,
As far as Im aware that’s no possible … or at least wasnt. That’s controlled by facebook
The buttons appear below the footer. I have tried with 2 different themes and both gave the same results. I’m on version 2.3.1.
See FAQ section – The social media buttons appear at the bottom of the page
Is there any chance you could add the FB Share button instead of just the Like button? The Like appears on my timeline but not in my newsfeed. I want people to be able to share blog posts in the newsfeed.
Also, the Share button allows people to add their own comments and select the appropriate image. The Like button doesn’t allow comments, and the image it’s picking up is the RSS image, not the one in the post itself.
Hi,
From what I understand the share button is being phased out in favour of the like button
Hey,
Nice you added the Reddit button, what made you add it?
Hello there – Love this plugin! Is there any way to place this within a specific div in a theme? For instance, template tags?
Hi,
Unfortunately not with the current version of the plugin. The buttons are inserted as part of the footer
Hi,
Ive never actually seen a yahoo messenger button. Do you have an example of a site where it is used and I will take a look?
Hi, this is a very good plug-in but I’m having some difficulty with it.
It appears at the bottom left below the entire theme when it should appear at the top left-hand side as on your site http://www.designchemical.com/
Any help?
Kind Regards
Hi
See FAQ The social media buttons appear at the bottom of the page
Hi,
The plugin goes perfectly on mi blog, however now that I’m taking a look at the phone version of the blog I realize that the plugin appears right in the middle of the post, making it (the post) impossible to read.
Any solutions?
If it is of any help, my blog’ URL is http://be-openminded.com
Hi,
Unfortunately I cant check the phone version. Usually this is CSS related. You would need to check with whoever set up the phone version of the blog
Hi there,
I can’t see the plugin working unfortunately, even though I have activated it. I have checked my template file, and wp_footer is called. Added to all the pages and set to floating, but that doesn’t seem to affect anything.
http://notcraft.craftgossip.com
Thanks!
Hi,
The buttons are on the page but it seems that the height of the tab is not being set correctly. Can you see them if you switch to the floating version?
hi – great plugin. but it shows on mobile phone too – is there anyway to automatically turn this off so it never shows on a mobile phone – e.g. when screen resolution is below 320×280, etc.
Hi,
usually that would be handled by your mobile phone style sheet/plugin
This is excellent! Thank you for sharing. I’m curious if there is a way to “embed” the expanded bar at the bottom of each post?
Hi,
Unfortunately the plugin doesnt have that option
Kudos to you for getting the Reddit error I sent fixed so quickly!
Thanks!
Great plugin, although , if i may suggest, it would be nice if it had facebook share button too.
Hi,
The share button is actually being phased out. facebook are trying to push everything to the like button now
wow am I disappointed! You’d think that the facebook likes button would work OR tell you what the heck is wrong! Instead I’m left with a staggering amount of nothing! WTF!
Ok, so now that I’m done with my rant… I’m simply expecting the number of likes on my page to show up on the facebook button via your plugin. But the facebook like seems to be completely unrelated, and I can’t find out where it is getting this number from. It’s just so damn ambiguous that it’s very frustrating!
Regards
Funnily enough the number of facebook likes comes from facebook.
I would suggest contacting facebook and ranting at them
bit.ly integration stopped working with this app very recently. It had always worked before, and I wonder if there is something I can do to get it working again?
I’ve already validated my account and API code with bit.ly
Any help you can provide will be appreciated, thanks.
Hi,
There havent been any changes to the bit.ly code. Did it stop after a recent update or have you installed any plugins which may also use short URLs?
Hi, I have 2 questions:
1. Is it possible to remove the Share tab like this site has?
2. I want the buttons to be in a different format on my blog home page versus the single post page. Is it possible to have different settings for different pages?
Thanks.
Hi,
1. See faq – http://www.designchemical.com/blog/index.php/faq/setting-up-the-share-buttons-to-be-the-same-as-designchemical-com/
2. The settings are applied across the whole site. There is no way of splitting these at this time
I have the Avenue theme with wordpress. I downloaded this plug in but it is not showing up on any of my pages even though I thought I set up the buttons correctly. Am I missing a step? Please help.
Thanks!
Hi,
Check the FAQ for possible reasons why it may not be appearing
Love this plugin but it doesn’t work with https. If we could exclude certain pages or https pages it would work without causing security warnings.
Thanks
Hi,
There is no way of excluding specific pages at this time. This option may be added in a future update
Hello,
I love the sidebar, I’m using it vertically on the side of the screen.
I have a question though, how do I change the width of the tab??
I want it to be more narrow, just slightly wider than the icons. Which file should I edit to achieve that?
Many thanks in advance!
Hi,
See FAQ – http://www.designchemical.com/blog/index.php/faq/setting-up-the-share-buttons-to-be-the-same-as-designchemical-com/
You can use the custom CSS in the faq to style your own button panel
Hi Lee,
Great plugin!
I have it installed on my blog and is running ok. However, is it possible to remove the ‘share’ tab and the grey border around it completely?
http://www.acornseo.com/how-to-optimise-your-flash-website-for-best-seo
Many thanks for any advice.
Cheers
Andrew
Hi,
See FAQ – http://www.designchemical.com/blog/index.php/faq/setting-up-the-share-buttons-to-be-the-same-as-designchemical-com/
Very nifty plugin! How can I hide the share logo at the top and place the buttons in the relative flow of a posts page. Is there some shortcode for this or do I have to modify the existing code.
Hi,
To remove the share logo you can refer to the following FAQ – Setting up the share buttons to be the same as designchemical.com.
To insert into the actual post would require modifications to the code as the buttons are currently inserted into the page footer
I’m using this plugin and I love it, but when I go to settings in the dashboard, the only options I can see in the “Slick Social Buttons Panel Settings” section are Type, Disabled, Location, Float Speed, Position From Center and Slide Speed. The rest are covered up by the heading to the “Display Pages for Social Share Buttons” header
In that section, If I click on Hide Categories, those options show up for a second, then are covered up by an immensely exaggerated “Social Share Buttons” header. I can see all options for that section and the “Twitter URL Shortener” section.
Help?
I love how your plugin is designed and the admin pages. But I can’t get it to show up at all on my site: KimJoyFox.com/blog
I added it on all the pages but the home page, but it doesn’t come up at all. I have it (supposed to be) floating on the right side, offset 50×50 pixels.
Any suggestions?
Kim
Hi,
It looks like the wp_footer() function may be missing from the template footer.php file. Check the file for the following code:
Thanks Lee! I had no idea that footer tag was so important! I couldn’t get it to float on the side (like this page). It kept showing up at the very bottom and then when I scrolled down, the page just got longer and longer. But the slide out function works great.
Thanks for your hard work!
Very good plugin. We´re using it in our blog. Working very well.
Thank you.
London asked about email in a previous post/question. And I see that you have mentioned a “contact us” plugin. This, however, is not what I think he is asking. If there was an email component, it would allow others to share the post by emailing it to someone directly. Not sure how you think that this doesn’t fit.
I love this plugin but I would really love the ability to have others email it to people directly. Not contact me about the post. Any closer to figuring this out?
Hi,
No immediate plans to add this feature. It requires quite a bit more work to implement plus of course the inevitable support issues that will arise from sending out emails.
Will keep reviewing options though