Themeforest

WordPress Plugin – Slick Social Share Buttons

Updated 3rd April 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 Premium jQuery Social Share Buttons Plugin – allows you to add all of the main social media share buttons to any web page – no PHP required!

Demos for WordPress Social Share Buttons Plugin

Plugin also used on this site – see social share buttons on left. Additional demos include:

Download Slick Social Share Buttons plugin

Download Slick Social Share Buttons 2.4.2 (124,418)

Installation

  1. Upload the plugin through `Plugins > Add New > Upload` interface or upload `slick-social-share-buttons` folder to the `/wp-content/plugins/` directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Configure the plugin options via the “Social Buttons” menu option in WordPress admin -> Social Buttons
  4. 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.

Twitter

Input your twitter username (minus the ‘@’ symbol) to include this in the tweet.

Facebook

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 and FAQ for further information/tips.

For plugin customisations or additional support please contact us for a quotation.

Demos for WordPress Social Share Buttons Plugin

Plugin also used on this site – see social share buttons on left. Additional demos include:

Download Slick Social Share Buttons plugin

Download Slick Social Share Buttons 2.4.2 (124,418)

Feedback

If you find this plugin useful please take the time to rate it at wordpress.org.

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

700 Comments

  • Hello, there. :) Thank you for such a nice plugin.

    I would only like to make one suggestion, if possible, for a future release:
    Would it be possible to allow enabling/disabling the buttons tab for individual pages and posts? There are some pages in which I’d rather not have it appear. I’d like a way to make this an option from within the admin panel, for my client, who is not so “tech savvy”, to decide when to display the tab and when not to. (A simple checkbox, perhaps?)

    Again, thank you!

    • Hi,

      This is something we can look at for future updates

      • Thanks! That would be great.

  • Hello,

    The plugin is working correctly on pages or blogposts, but still doesn’t work on my homegage.

    - I checked the header and footer and the standard functioncalls are present.
    - On my homepage the buttons are not found in the code of my footer (when checking my homepage with firebug)
    - pluginsettings are correct

    Do you have other suggestions I could check?

    • never mind.

      I did finally found the error and your faq had the oslution in it (“Adding jQuery to your theme files using wp_enqueue_script”).

      Sorry…. ;-)

  • If the reader clicks share….do they have a choice of what post they are sharing? Is there a way to have the buttons for each post. I cannot get my buttons to remain on the left side like yours is right there
    <——- thnx! Michelle

  • Hello,
    Just installed the plug in for pinterest, shows up on my blog but when I click the botton there is no images to link…….. how do the images that I have in my blog posts get connected to the feature?

    Thank you!
    Terry

    • Hi,

      The plugin uses the WordPress featured image function for the pin it button. See faq for more info:

      Images for the facebook like, google buzz & pin it share buttons

      • If I understand the information you gave me correctly, it explains how I can have my own image as the button link, that is not my question…………I’m needing to know how to have my current images on my blog or any given blog post available to be linked to pinterest. Another button link I tried would have a box at the bottom of that dashboard post and I could link them there……only you could only link one photo for one post, I didn’t like that, I want to be able to link any of the photos in a particular blog post, not just one. Clear as mud??? : )

        • Hi,

          The FAQ is related to the image that is used when posting to pinterest. The slick social share buttons plugin uses the image that is set as the featured image for a particular blog post. In order to use this it must first be enabled in your theme. Once available you should see a featured image box appear in the right-hand column in the post edit screen

          • So……the featured image in the blog post is the only image that is will be pinned, there is not an option to pin the other images in the blog post only the featured image that comes up in the box?

            Thanks!
            Terry

          • Yes correct

  • Hi, is there any way to add “Subscribe to RSS” button? It’s really important for me and any help would be greatly appreciated! It’s an awesome plugin and with the RSS button it would be even better!

    • hi,

      Currently the plugin doesnt have this feature as its geared more toward sharing individual posts. You can manually add the subscribe button by including the button code between lines 89 & 99 of file dcwp_social.php, which is where the button code is generated.

      • Could you (or anyone else here) give any more insight as for how to achieve it?

        It’s such a great plugin, and having RSS button there would be great!

        Thanks in advance

  • Hi Lee
    Thanks for these awsome tools you have developed.
    I am having trouble with the Sharing of Facebook when they click Like the counter increments by 1 but when the page is opened again the counter is back to 0 any ideas I have found some other people on the web with same issue on other tools but not figured out what is wrong.
    Thanks for your Assistance

  • Hi! I love your plugin, but I was having two issues with it:
    * would never register google +1 (I would get a red exclamation point every time)
    * does it work on IE at all? (7, 8 or 9?) I have had guests call and say that it was overlapping onto the content when they were using IE (maybe it only does this on 6?)

    I have it deactivated right now, but If I could get a little feed back on the two issues, I’d love to put it back up.

    http://www.rinconvacations.com

    Thank you!!

    • Hi,

      It sounds like you may have a javascript error, which is causing problems with google and also IE – yes it does work in IE7, 8 & 9 but your site may have en error, which is only appearing in IE.

      Try checking the site using firebug and see if it shows any problems

      • thanks lee – a couple of theme updates later and all seems kosher. works like a charm again. nice work. :)

  • Lee

    Two questions for you. When changing a blogs title during the draft process the shortened links seem to stay pointed at the old permalink. Is there a way to update the permalink?

    Second, could you add an option to turn off the plugin for mobile users?

    thanks.

    • Hi,

      to reset the shortened link you need to delete the custom field – dcssb_short_url. The plugin should then automatically generate a new one the next time the tweet button is created for that page.

      For mobile this is generally left to the theme or plugin that is creating the mobile content. Usually these would come with the options to disable the various installed plugins

    • Hi,

      to reset the shortened link you need to delete the custom field – dcssb_short_url. The plugin should then automatically generate a new one the next time the tweet button is created for that page.

      For mobile this is generally left to the theme or plugin that is creating the mobile content. Usually these would come with the options to disable the various installed plugins

  • How do you get it like it is here on your website? I’ve tried every setting available and haven’t been able to even get close. Its always attached to the browser and not the content. I’d like to to work like it does on your site.

    • Hi,

      Check out the FAQ section. There is a post on how to set it up exactly the same as our site

  • FIX for not working twitter tweet counter:
    1. Go and edit: slick-social-share-buttons/inc/dcwp_plugin_admin.php
    2. Go to function likebox(){
    3. Twitter function calls the script: //platform.twitter.com/widgets.js
    4. Change this to: http://platform.twitter.com/widgets.js // So with the http:.

    Dont know how this bug came in. I installed it with the WordPress installer.

    • Hi,

      Its not actually a bug. The script will still work.

      The code you edited is not related to the buttons on the front end. This code is for the tweet button that appears in the admin options page.

      If you are having issues with the tweet button it may be that you have reached your limit with the twitter API – currently this limit is 150 calls per hour across all twitter API widgets you interact with. This will reset each hour

      • Ok :) Sorry then. I Think I wanted to see the result too fast then :D
        Great plugin by the way!

  • Hi, this is a great plugin. I’m just struggling to get the facebook like to work on the homepage. It works on other pages but not the homepage. Thanks, Phil

  • FYI THe horizontal Stumbleupon badge needs to be fixed, the set size causes it to get cut off. It’s an easy fix change the width in dcwp_social.php of Stumbleupon from 50px to 150px.

    • Hi,

      Thanks for the info. will change in the next update

  • It is supposed to return a count but the script appears not to be working correctly.
    —-

    Is there anyway you can fix this?

    • Will take a look when I get chance

  •  <?php get_dc_jqslicksocial(); ?> 

    this is what I have tried.

  • Hey! Thanks for this really nice plugin. Please help me. I have to implement this into a second template of a webpage (wordpress) so which function calls this plugin??? Can you help me???
    It’s being displayed in the standard one but not in the second template of mine.
    I have tried ” but it doesn’t worked.

    Thank you.

    • The buttons are added via the wp_footer() function. make sure that the template file contains this

      • Thanks. Solved.

  • Hello,

    Great plugin! I love it, any chance you’ll include more buttons to add or disable?

    • Hi,

      Thank you. We have looked at a few but just seeing which ones are most used

      • Hey,

        Its true your using the current most popular in demand sharing buttons…

        But you missed one,

        A delicious button.

        I hope you implement this one!

        • Hi,

          Have just added the delicious button – version 2.2

          • Thanks a ton! Here is my feedback on the new button.

            The spacing to the right and left isn’t the same both with the horizontal and vertical display option:

            http://img163.imageshack.us/img163/7046/delicous.png

            Also having a count with this button like the others would be awesome if delicious allows that.

            Regards

          • It is supposed to return a count but the script appears not to be working correctly.

  • [...] you don’t have a Pin option on your blog posts, you need one. Here’s a great social media slider with a Pin [...]

  • Hey Guys,

    Thanks for a handy plugin. I’ve used it for the first time on a couple of sites and I like it.

    One thing though, when you spit out the widget in ‘dcwp_widget.php’ , you are not inlcuding the $before_widget and $after_widget vars. So if someone is using it in an area of their site where they need to wrap your widget with some extra markup, they can’t.

    If you add ‘print $before_widget;’ at around line 145 and ‘print $after_widget;’ at around line 200, problem solved.

    Thanks again.

    Steph.

    • Hi,

      The plugin output doesnt use widgets so the $before_widget & $after_widget dont apply.

      The output is placed directly in the page footer

      • Hey Brett,

        My apologies. I was redirected here from the Word Press plugin repository. I’m actually referring to the Social Media Tabs plugin widget.

        Steph.

      • LEE. I meant. I meant LEE. Sorry LEE. Late nights coding lately…

  • Hello,
    I installed this plugin, but it was not able to show on my website, I tired to set up several different options, it all didn’t work.

    Please help………
    Thank you.

    • Hi,

      Do you have a link to a page where it is installed?

  • (ok, let’s try again)

    On my website the plugin is not appearing floating like it does on this page (i changed all the available settings) and it’s still stuck in the footer. How can this be fixed?

    Great plugin btw!

    • Hi,

      It looks like you are missing the wp_head() function from your theme files.

      Check your header.php file. if it doesnt contain the above code add the following line just before the closing head tag:

      <?php wp_head(); ?>
      
  • Hey great plugin thanks so much. I love it.

    Can i just ask how i remove the green share icon, like youve done on this site.

    Thanks again and Merry Xmas

  • Great plugin!! I currently have the setting for my new WP website/blog to show your plugin: Bottom Left + Floating + Load Open + Default Skin and it’s working perfectly.

    As I’m a bit of a design snob, I really like the way you have your settings in place: removal/hiding of the SHARE button, tight spacing/reduced spacing to the left and right of the buttons within the skin and how you have removed the right side corners rounded edges, in particular. Do you have any tips so that I may replicate, yet still using the Bottom Left + Floating + Load Open settings?

    Thanks in advance and again, great job on this!
    - Patrick

  • Hi, I love the functionality that this plugin adds to my site and the look is just what I was going for, but I am having an issue with Facebook liking. I’m not sure if this is from the plugin or Facebook, so if I’m barking up the wrong tree, just let me know.

    When I like a post, such as this one:

    http://www.discovertheparks.com/2011/12/07/after-70-years-the-day-still-lives-in-infamy/

    The code for the image shows up in the like blurb on Facebook and the image it chooses isn’t from the post, but the envelope from the sidebar. Any way to get it to choose the correct image and get it to use the manual excerpt I take advantage of?

    Thanks,
    Jim

    • Hi,

      The plugin uses “featured images” to add the image for facebook. If a featured image isnt available then it will either select a default image, if set in admin, or facebook will choose the image from the page.

      To add featured image support for your theme refer to the following FAQ – Images for the facebook like, google buzz & pin it share buttons

      • Thanks for the info Lee. That worked for the image used. After using the Linter, I was able to get the featured image to show up. But, there’s still the issue of the code showing in the like excerpt. Is there a way to make it skip over that stuff? Or maybe have it pick up the manual excerpt I use?

  • I am running into an odd issue which appears to be a conflict somewhere, looking for tips on how to fix this in your plug in. the error I am getting reports: 2011/12/08 18:31:08 [error] 3787#0: *1 FastCGI sent in stderr: “PHP Fatal error: Cannot redeclare init() (previously declared in /wp-content/themes/blacklabel/framework/sidebar_generator.php:165) in /wp-includes/rss.php on line 682″ while reading response header from upstream, client: 69.201.180.241, server: noconformity.co, request: “GET /wp-admin/admin.php?page=slick-social-share-buttons HTTP/1.1″, upstream: “fastcgi://127.0.0.1:9000″, host: “noconformity.co”, referrer: “http://noconformity.co/wp-admin/widgets.php”

    any thoughts on where to begin to troubleshoot this? it only affects the “Social Buttons” page in admin. thank you for your help and happy holidays.

    • Hi,

      What is on line 165 of sidebar_generator.php?

      • thank you so much for your help, here is what I have for lines 162-180:

        //Register the Sidebars
        function init(){
        //go through each sidebar and register it
        $sidebars = get_sidebars();

        if(is_array($sidebars)){
        foreach($sidebars as $sidebar){
        $sidebar_class = name_to_class($sidebar);
        register_sidebar(array(
        ‘name’=>$sidebar,
        ‘before_widget’ => ”,
        ‘after_widget’ => ”,
        ‘before_title’ => ”,
        ‘after_title’ => ”,
        ));
        }
        }
        }

        happy holidays to you and your family

        • Hi,

          I honestly dont have a clue. The plugin doesnt use the “init” function at all. all functions names are written with a prefix to prevent this kind of problem.

          I would suggest changing the sidebar code to use a less generic function name and see if that helps

          • bingo! that was it. I changed the name of the function to :

            //Register the Sidebars
            function bl_init(){

            and the add script to :
            <?php
            add_action('init','bl_init');

            thank you again

          • great. glad it fixed it

          • i <3 this plugin, happy holidays, and thank you again.

  • I LOVE this plugin! Having a little issue in the dashboard, though. In Settings, I can see all of the top four options, half of the offset options and half of the Auto Close option. Everything below is completely hidden by what appears to be a too-thick “Display Pages for Social Buttons” header. So, I can’t change the auto open option. I’ve tried looking at it in 3 browsers. I don’t have this issue with any other plugin. Ideas?

    • Hi,

      Sounds like either another plugins CSS is interfering with the social buttons plugin in admin or there is some kind of error in the admin page, which is throwing off the tags. If the former then you should also see the heading for the first box the same size.

      are there any kind of error messages on that page?

      • No error messages and it’s only the “Display Pages for social Buttons” header that is too big. I notice that if I click on “Show Categories” they show for a fraction of a second and then get covered up by the section below. I don’t need to change anything there, but it must all be connected. Thanks for your reply.

        • Hi,

          It sounds like a tag is out of place somewhere. If you want to email me the source code for the page I can take a look

  • hi, this plugin looks brilliant and I finally got it integrated with Facebook. It works fine on all my pages and posts but won’t work on the homepage. The ‘like’ counter always resets to 0 after refresh. Is there a way to fix this.

    my website is http://ukmatchplay.com/race2vegas/

    Also, when someone hits ‘like’ does the text that appears on facebook get puled from my page content, page excerpt or SEO fields?

    Thanks :)

    Jamie

  • How do I add, “Tell Your Friend” Button in here?

    • Hi,

      the only buttons currently available are facebook like, tweet button, digg, stumbleupon, linkedin, google +1 and pin it

  • One other question, Lee: On my site I have to click the facebook “like” button twice to make it stick. On the first click it adds a like for a second or two, then removes it. The second click makes it stick. Do you know what’s making it behave that way?

    • Hi,

      Appears to be working OK now?

  • Thanks for this great plugin! I get a lot of referrals from Reddit — would you be interested in adding a Reddit button?

    • Hi,

      I have started modifying it to include Reddit. Will hopefully update soon

  • Hi Lee,

    I am using both social buttons and tabs. However, having an issue with social buttons. I think the twitter button doesnt count tweets. I have noticed the same thing on your site as well, and then I came to know that probably its not a problem but there has to be something. Could you please let me know what to do about it.

    Thank you.

    • Hi

      It sounds like a local problem with twitter. I would wait for a while and see if it corrects itself

  • Hello,

    Is it possible to add the ability to autohider the slider bar after X seconds and/or after the page has been scrolled?

    Thanks!

    • Hi,

      The current version of the plugin doesnt include that feature. You would need to add custom jQuery to handle it

  • Very nice plugin! Thank you for the time you invested. I have my share on problems though. Some sites are not displaying the button at all, even when I turn of all other plugins and on one particular site http://www.island-cruises.org/ the Twitter button shows the horizontal version, even though I selected the vertical version. On all sites, I’m using the plugin, the Google Buzz button has disappeared (also from the admin section. I’m looking forward to an update.

    • Hi,

      Are you using a plugin called Wp External Links as the twitter button code is being rewritten by something? If so check out the FAQ – The Twitter button always displays horizontal

      Google Buzz is no longer available unfortunately as google are concentrating on the plus one button

      • Perfect; thanks a million Lee!

  • Hey,

    I was wondering how it is possible to start the floating bar at the title of the page and end it at the comments? Such as how you have done on this page.

    Thanks!

    • Hi,

      We have added additional jquery code to set the buttons margin from the top of the page:

      $(window).scroll(function(){
      	 var fl = $('#dcssb-float');
      	 var offset = fl.offset();
      	if(offset.top > 178){
      		$('#dcssb-float').stop().animate({marginTop: 0}, 500,'easeOutQuint');
      	} else {
      		$('#dcssb-float').stop().animate({marginTop: '148px'},500,'easeOutQuint');
      	}
        });
      
  • Hi Lee, excellent plugin man!

    We are developing a new site and add your social bar in the right superior corner of our site (www.nsbla.com/cms/), but when you click to like FACEBOOK, the window opens to the right and you cannot see the entire window to complete your posting.

    Is there a chance to set it to open to the left? can you tell me how to do it?

    thanx from buenos aires!

    Fred

    • Hi,

      As far as Im aware, the last time I checked it wasnt possible to change the direction unfortunately. This is controlled by facebook. I will check and see if any updates have been made

  • How do I remove what looks like a bullet point on a slide out vertical Slick Solcial Share button?

    Thanks
    Phil.

    • Try adding the following to your theme’s style sheet:

      #nav-dcssb, nav-dcssb li {list-style: none!important;}
      
      • Unfortunately that didn’t work!

        • OK. the bullet is an image. Try:

          #nav-dcssb li {background: none;}

          • It worked! Thanks for your help, I’ve made a small donation to the cause!

            Keep up the good work!

            Phil.

          • Hi,

            Thank you. appreciate it!

  • I installed the plug in but the social bar is only underneath the foot for every page.

  • Hey Lee

    Thanks for making this plugin! It’s by far my favourite social sharing tool on WP – so simple yet customizable!

    One thing I was wondering: is it possible to get rid of the border round the sliding bar? If you go to my site (socialpirate.org) you can see when you pull the anchor down, it has a pixel or so of border on either side of the buttons – looks good with the default button, but I think it’d look better with no lines in this case. Is there any CSS I can put in or anything?

    Thanks in advance!

    Benedict

    • Hi,

      Do you have a link to a page where it is installed? the site currently has a “coming soon” screen

      • Thanks for the speedy reply!

        it should be appearing on that page anyway…I’ll unlock it so you can see it on the regular site

        • Try adding the following to your theme’s style sheet:

          #dcssb-slick #dc-dcssb {border: none!important;}
          
          • That didn’t work – I tried it in both the theme stylesheet, and the two stylesheets for the plugin… I also tried changing the border to 0px and #fff in ‘slick-social-share-buttons/css/dcssb.css’, and this didn’t work either.

            Which term controls the border in the plugin files?

            B

          • the following is the rule for the border:

            .dc-social-slick .dc-social-slick-content {
            border: 1px solid #CCCCCC;
            }
            

            The following should definitely work in theory:

            #dcssb-slick.dc-social-slick #dc-dcssb.dc-social-slick-content {
            border: 1px solid #fff;
            }
            
          • it’s still not working – does the default skin option need to be turned off for it to work? when I do that, the share bar disappears, so I can’t tell if the rule you’ve given me is working. do you have an idea why it’s not showing up?

            sorry for dragging this out so long, I’m just a bit of a perfectionist when it comes to design

          • no it should overide it in theory since the selector has higher priority.

            I suggest creating your own skin instead and then disabling the default one. The following tutorial gives you a style sheet you can use as the basis for your custom version:

            Setting up the share buttons to be the same as designchemical.com

          • even that won’t work! I think it may be something to do with my theme, but I really don’t understand it. I give up, the plugin’s fantastic enough as it is

            thanks for all your help; great customer service considering I haven’t even paid you! I’ll definitely recommend your plugins to friends

            cheers

            B

  • This is one of the best plugin I have tried. One thing, how come my facebook doesn’t count? when I try to click like but the number still show 0 ??

    • Hi,

      The facebook like button appears to be working ok now?

  • Hi Lee, LOVE the plugin but have one question. Why is my Google Buzz icon not working? It isn’t even appearing on in the list (and yes, it is activated). What am I doing wrong…. Thank you!

    • Hi,

      google have stopped the google buzz button and are focussing on the google +1 button

      • that would explain it! Thanks!

  • Figured it out! Thank you for a great plugin.

  • Hi there – I installed your plugin (thank you!), but I can’t get the thing to show up on my site. I have tried the settings for several of your demos, and nothing. I am running Thesis theme on WordPress. I’m not sure what I’m doing wrong! Can you help?

    • Hi,

      It appears to be working ok on posts pages. Are you still seeing a problem with other pages?

      • I just got it fixed. Now, I am trying to figure out how to deal with the images. For example, when I like it on Facebook, it posts a random ad from my sidebar as the image. When I try to pin something on Pinterest, it has no image to pin. I see there is a place to set a default, but I want my readers to be able to select which image they want to use from within the post. I am looking through your FAQ and other documentation, but if you have a quick answer, please, do tell! Thanks!

        • Hi,

          The plugin uses the featured image for the post. The default is used if no featured image is present. See following FAQ for info on how to enable featured images if your theme doesnt currently support them:

          Images for the facebook like, google buzz & pin it share buttons

          • Hello again. I tried your suggestion, and added that code to my custom functions file, and it still isn’t working. Perhaps I’ll contact the guy who wrote Thesis to see if he has any suggestions if you don’t have any more info. Thanks!

          • Oh well, they don’t seem to have a solution, either. I guess I am out of luck!

          • what image shows up instead of the featured image?

          • Nothing shows up. It is just an empty box.

            I would love for it to look the way it does when you click on the “Pin It” button currently active on my site next to the byline. But I’d be happy with just the featured image. :)

  • Hi,
    is there any way to turn off the opengraph meta data that this plugin is inserting into the header? We’ve already got a plugin doing this, so this one is duplicating that info and so giving us errors when facebook scrapes the pages.
    Caspar

    • Hi,

      I have added the option to version 2.1.4

      • Thank you! :)

  • I cannot seem to get the plugin to show up on my blog at all. Any advice would be greatly appreciated!

    • Hi,

      Do you have a link to a page where the plugin is installed?

  • Maybe it’s a languagething, but somehow this otherwise marvellous plugin thinks it needs to show my personal Facebookaccount. But I want it to point to a page.
    Where do I need to do what in order to get it to work

    • The facebook share buttons only work with personal accounts, not pages.

      • Is there still no way to have the fbook button to like a page??

        Thanks great plugin!!

        • Hi,

          That would be using the facebook like box, where the user can become a fan of a facebook page

  • Hi,

    Well done for your plugin! its really neat!

    However i have a problem integrating it with my theme. Basically its the theme that used to come up with wordpress (the one by kubrick – http://wordpress.org/extend/themes/default). i then change the pages and posts to fit my liking but i use kubrick’s files as the base of my wordpress site..the plugin does not work with it (it doesnt load on the actual site … even after configuring it correctly) .. i know it works on other themes since when i switch the theme it appears ..

    if its of some help, when i ‘view source’ the page, i find that with my theme although it loads the javascripts in the headers, it does not load the actual thing in the footer …

    i can send you the theme files in a private email if you wish – though as i said its the same one as in here: http://wordpress.org/extend/themes/default

    Thanks once again!

    Fernand

    • Hi,

      I downloaded and tested the Kubrick theme and everything works OK. have you modified the theme files at all?

      • Hi,

        Thanks for your prompt reply!

        You were right the Kubrick theme worked … i looked into the problem and found out that whenever i have

        <?php query_posts('cat=3&posts_per_page=20'); ?>

        for example, the bookmarks dont appear (the share button does not appear on screen … )

        Any known issues about this?

        Thanks!

        • Sounds like there is a php error in your code, which stops the footer from loading

          • Hi ..

            What i did was get the kubrick theme and added

            <?php query_posts('cat=3&posts_per_page=3'); ?>

            to index.php (just before the

            <?php if (have_posts()) : ?>

            … and it didnt work … it looks like theres an issue with query_posts …

            Thanks for your time…

            Fernand

          • hey mate … any news about this? :)

            thanks…

  • Hi,

    Thanks for the plugin.

    Would you consider adding an option to filter the stats by count instead of date/title? I think that would be most useful to us users.

    Thanks!

    Akash

    • Hi,

      The count data isnt actually available until the table row loads so its not possible (with the current setup) to filter in the same way as with post date/title. We are looking at other ways though of adding these kind of features to make the stats more useful

  • Hi, thanks for the plugin. I noticed on my site (as well as yours) that all social javascripts are loaded in the header, it slows the loading of the page and is not needed I think?

    (1) Can you make all the G+, Digg etc scripts load in the footer instead?

    (2) and even though I do not use the FB buttons (Intellectual Property issue), I still get these in my headers:
    meta content=”" property=”fb:admins”
    meta content=”" property=”fb:app_id”

    (3) Though I understand that the button designs are imposed on us by the services, It will be great if at least the basic CSS can be edited through options: the background colour, round versus square corners etc.

    (4) Is there any way that your plugin can add (longer) expires headers for the pulled javascripts?

    Thanks in advance!
    Cheers, Harry

    • Hi,

      1. All button javascript is loaded in the footer. The jQuery files are loaded in the header by WordPress using the wp_enqueue_script function

      2. That will be corrected in a future update

      3. For the button panel layout this can edited by adding custom CSS to your theme style sheet – a copy of the main CSS rules can be found in our FAQ

      4. For the expires header you set this via your htaccess file if using Apache

      • Hi Lee, thanks for your swift reply, much appreciated.

        (1) So if I understand well, it does not matter that the scripts are all in the header (as can be seen in your page’s source code), as they will still load after the footer?

        Btw, I noticed that one of them (Digg) has async=”true” , the rest not.

        (3) Thanks. For those that have themes that overwrite their CSS after updating as well as for those that are not savvy about editing files at all, it might be nice to have a simple color picker for the background, I am sure it will increase usage of this nice plugin.

        (4) I use W3 cache and have all types of expires headers in my htaccess, but somehow these external scripts come with their own, which is not modified by the htaccess rules, not sure how to fix this, I thought maybe it could be done through the plugin.

        Thanks

        • Hi,

          The button scripts arent in the header, they are loaded into the footer along with the button HTML

          With regards to having color pickers one problem with this option is that it would require adding inline CSS to the page for the styling, which of course is not good for several reasons. We therefore opted to keep it clean and allow the users to modify their own styles via CSS

          Not sure about how the external scripts work for caching since these are from the APIs themselves. Those hosted on the server such as the jquery plugins required for the floating/slide out effects can be managed via W3 cache

  • This is a great plugin. Thank you!

    Is there any way to disable it on mobile versions?

    Thanks!

    • hi,

      If you are using any kind of plugin for the mobile site then usually this would have the ability to disable specific plugins

      • The mobile plugins I found did not help matters. Can you please recommend a mobile plugin that will allow us disable the share button on mobile as it obstructs the content (at least in my case)

        • Hi,

          Unfortunately I dont have any experience with mobile plugins so cant help you there

  • Is there anyway to disable the plugin on certain pages only? (Since pages don’t have categories like posts.)

    • Hi,

      Not on the current version but we will add for the next update

  • Hi Lee,

    I was hoping you could answer my questions.

    I’ve posted twice now and it seems you’ve answered all the questions around it except for mine.

    It was:

    Love the plugin, great work.

    A couple questions.

    1) Any chance you will add an EMAIL button as an option to include with the rest of them?

    2) Is there a way to modify or add icons that are uniform in size so they line up nicely when in vertical format instead of staggered?

    3) Facebook like: is there a way to add a button that makes it possible to “Like” a specific Facebook Fan Page, as well as how it already allows liking the page that the button is on?

    4) I notice that on mobile devices and tablets that the buttons do not appear because they float outside of the frame. Is there a way to anchor them or have them appear under posts and pages still without covering content? It would be great if your plugin was visible when viewed on mobile or tablets.

    5) Why is it that when on a SINGLE POST page I try to Tweet from your plugin and it adds the BLOG PAGE URL instead of the SINGLE page URL? It does this sporadically, sometimes it works, such as with this one: http://tinyurl.com/6b6jehm
    and for others it’s just : http://tinyurl.com/3p6cgwy which was from this page (http://www.brettlondon.com/2011/11/03/the-ides-of-march/)

    Thanks!

    Looking forward to hearing from you!

    Brett

    • Hi,

      Sorry I only just saw your previous message.

      1. We have considered it but we feel it doesnt quite fit in with the plugin and the rest of the buttons (although still thinking about it). At the moment we handle the email side through a contact form plugin and may also add to the social media tabs

      2. The current version of the plugin uses the standard buttons from the relevant social network API. Although some of them do allow you to use custom icons adding this feature would make it more complicated to manage. However, I do agree that the alignment is annoying with some of them. What we have done though is added a unique CSS ID to each button container so you can tweak individual buttons as required – e.g. on our site we added 10px padding to the left of the facebook button.

      The button CSS can be modified using:

      li#dcssb-facebook {
      }
      li#dcssb-plusone {
      }
      li#dcssb-twitter {
      }
      li#dcssb-linkedin {
      }
      li#dcssb-stumble {
      }
      li#dcssb-digg {
      }
      li#dcssb-pinit {
      }
      

      3. Similar reply to point 1 – currently we have that facility on the social media tabs plugin. At the moment we are planning to keep this plugin focussing only on share buttons

      4. This is something we can look at and see what options are available. The buttons wont currently sit inline with content as the code is actually outside of the main layout. Unfortunately we have no way of testing mobile devices at this time but will take a look.

      5. For single posts the URL used to come from the post ID. unfortunately if some other code has incorrectly hijacked the parameters and ovwritten them it used to cause problems. We revised the code though in one of our last updates to get the post ID using code, which doesnt rely on WordPress.

      If you are only seeing a problem with the tweet button and are using shortening then this is probably an old URL – in that case you can delete the short URL from the custom fields box in the post edit page – just delete the custom field “dcssb_short_url”. The system will then automatically generate a new one using the hopefully updated/correct post ID

      • Thank you so much for getting back to me and answering all my questions thoroughly!

        Can you baby step me through #5, in regards to:

        “in that case you can delete the short URL from the custom fields box in the post edit page – just delete the custom field “dcssb_short_url’ ”

        The thing is, even when I post something new, it is still just using a short URL that directs to the BLOG PAGE.

        But maybe by doing what you suggest it will break that habit.

        Looking forward to it!

        Brett