Themeforest

Slick Social Share Buttons

Checking your facebook like button

IF YOUR FACEBOOK LIKE BUTTON IS NOT WORKING CORRECTLY TRY THIS FIRST

If you are having problems with the facebook like button Facebook provide an online debugging tool, which will give you detailed information about the page and any errors that may be affecting the like button:

For some strange reason (known only to facebook), many problems with facebook buttons … more

The facebook like button is grey

If your facebook like button is grey and you are unable to click it this means that you have already “liked” this page using your current logged in profile.

If you hover over the tick mark on the grey like button this will change to a cross icon – click this icon to “unlike” the page. … more

What is the difference between the facebook like buttons

There are 2 basic types of facebook like button:

Social Media Share Buttons

1. The like button that appears on each blog post or website page using plugins such as the WordPress Social Share Buttons Plugin.

Facebook Like Box

2. The like button that appears in the facebook likebox like you see on the WordPress Social Network Tabs Plugin.

When you like a blog post or article … more

The Twitter button always displays horizontal

If you are having problems with the tweet button not being able to display the vertical button + count this may be due to the WP External Links plugin, which so far causes problems by interfering with the twitter code.

Changing the WP External Links settings as shown below should hopefully fix the problem:

If you do not have this … more

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

The facebook like, google buzz and pin it social media share buttons all have the ability to attach an image as part of the information sent when the share button is clicked.

To add an image to the button the plugin uses the WordPress built-in thumbnail feature. Thumbnails allow you to select an image that is representative of the post/page … more

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

We have had many people ask how we have set up the Slick Social Share Buttons used on this website. Most of the settings can be managed from the plugin options page – the only item that needs any kind of customisation is the CSS to hide the share tab.

Share Button Settings

The screen shot below shows the settings … more

Adding jQuery to your theme files using wp_enqueue_script

If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.

To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more

Getting your facebook ID using your facebook username

To get your facebook ID using your username browse to the following URL – changing “username” for your facebook username:

https://graph.facebook.com/username

You should see information similar to the example below, including your facebook ID at the top of the page: … more

The social media buttons appear at the bottom of the page

If your social media buttons are appearing at the bottom of the page instead of in a floating or slide out panel the problem is usually caused by the jQuery library being loaded again after the plugin files.

If your theme files or another plugin are not using the WordPress standard method for loading the jQuery library this may result … more

Creating your own social media button panel styles

If you prefer to use your own CSS styles to create the button panel design you can disable the default CSS by unchecking the “Default Skin” option in the plugin settings page.

The plugin adds several different HTML tags to both the floating and slide out panels, which should enable you to fully customise the button panel layout.

The following … more

No buttons appear after activating the social share buttons plugin

The plugin is set up so that the buttons and the pages on which they appear are disabled by default when the plugin is first installed. This is to prevent any buttons appearing on your WordPress site without you first configuring the panel options.

To activate the buttons go to the plugin options page – click the plugin settings link … more

The Facebook Like button is not working correctly

If you are having problems with the facebook like button first check that you have entered your Facebook Admin ID details into the Admin ID field in the plugin settings page.

To get the Admin ID number for a particular facebook user name you can use the following URL – replace “username” with the username of the profile you would … more

What is the Default Facebook Image for?

When a user clicks the facebook like button several bits of information about your web page is submitted to facebook. One of these is the URL to an image that will be used as the thumbnail on the users facebook profile for your web page.

The plugin automatically sets the featured image, if one is available for your blog posts. … more

213 Comments

  • Installed also this nice plugin, but my problem is that the box is not appearing on my homepage (blogpost and other pages are ok).

    WHat could be the problem? I off course already checked the checkbox for homepage.

    • Hi,

      It looks like the wp_footer() function may be missing from your theme’s home page file

  • setting up a new site… your plugin comes out fine in IE 9 and Chrome, but with Firefox 6 and 7 it doesn’t come out.

    I think it’s not a particular issue with your plugin as a couple of other plugins are not showing properly either (“simple like buttons” under posts, ajax login, quick subscribe)..i rarely use firefox…just a default installation..same with my gf’s computer…chrome is fine, firefox is not.

    any ideas?

    • Hi,

      There are some errors showing in firebug in firefox although not sure whats causing these. Try disabling plugins one by one and see if that fixes the problem

  • Hi Lee,

    Any chance an email option will be added? I have a client who thinks that’s the way to go (and feels that many of his clients as they are looking at the site would want to use email as a sharing option.)

    Bill

    • Hi,

      Not sure if we will add it to this plugin. Still debating whether it fits in exactly with these kind of buttons. We may look at adding the email to the social media tabs though

  • og:type content shouldn’t be set to “article”?
    If I leave it set to blog as it is in your plugin, it creates a page in Facebook for every post I like.

    Is this normal?

    • Hi,

      Plugin has been updated to use blog for front page and article for individual posts – see version 1.3. thanks

  • Hi Lee,

    I wrote before: “The form does not float at all. It shows itself as a normal form. I have currently deactivate the plug-in but if you can take a look to my Web site: http://www.mediosmejoresqueganenmas.org/

    checked and found this:

    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/slick-contact-forms/js/jquery.easing.js?ver=3.2.1'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/slick-contact-forms/js/jquery.hoverIntent.minified.js?ver=3.2.1'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/slick-contact-forms/js/jquery.slick.contact.1.3.2.js?ver=3.2.1'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/gantry/js/mootools.js?ver=3.2.1'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/gantry/js/gantry-buildspans.js?ver=1.19'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/gantry/js/gantry-inputs.js?ver=1.19'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/gantry/js/gantry-totop.js?ver=1.19'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/wp_rokstories/js/rokstories.js?ver=3.2.1'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/wp_rokajaxsearch/js/rokajaxsearch.js?ver=3.2.1'></script>
    <script type='text/javascript' src='http://www.mediosmejoresqueganenmas.org/wp-content/plugins/easy-nivo-slider/3rd-party/jquery.nivo.slider.js?ver=2.5'></script>

    I deactivate Nitro Slider and it does not gets any better.

    Thanks for your help.

    P.D.: Why is there a Field “Leave This Field Empty”?

    • Hi,

      Unfortunately its difficult to see unless the plugin is activated

      The “leave field empty” input is a honeypot captcha which isnt visible when the form is working

  • I installed the Slick Social Share Buttons on my site http://www.businessbootcamp.nl/ – and it seems to work just fine, except… that on my blog it conflicts with the Facebook Comments plugin.

    So, when you go to http://www.businessbootcamp.nl/blog/nieuwe-economie (for example) – you can see the floating bar – BUT NOT the Facebook comments (14 of them) that were submitted before I activated your plugin (and re-appear as soon as I deactivate your plugin).

    Please help!

    • Hi,

      On the facebook comments plugin settings try unchecking the box that says “Include Facebook JavaScript SDK (This should be checked unless you’ve manually included the SDK elsewhere)”

      • Hi Lee,

        I uncheced the box that says “Include Facebook JavaScript SDK”.
        Same thing, I still don’t get the Facebook comments.

        Any other ideas?

        • Try switching the facebook like button to use iFrame instead of xfbml. If this works then I may know what causes it

        • OK managed to replicate the problem I think. Try removing the Facebook App ID in the settings page – just use the admin ID

          • Thanks a million. It works! Great plugin, great service… keep up the good work.

          • Hi,

            OK great. Glad it fixed the problem

  • Excellent product! I’m having a little trouble with the twitter button though, that I didn’t see a resolution for in the FAQs or comments.

    When I click the Tweet button, it pulls the fifth oldest post no matter what page you’re on (Add a new post, and it now pulls the next post in order, but still not the newest, or the post you’re currently viewing). Any ideas on what I could be doing wrong?

    • Hi,

      Strange! Can you do me a favour and please add a google buzz button to the site so I can check something in the source code

      • I added buzz to the sidebar widget. Thank you for looking at this…

      • I see you’re a busy guy, so I really appreciate the support you are providing to me, and everyone else.

        Any ideas about why it’s pulling the same URL, independent of the page you’re on? (now that I’ve researched a little more myself, I see it’s pulling the same URL for ALL services, not just Twitter)

        • Hi,

          It seems to only occur in certain circumstances – 2 so far, which unfortunately I havent been able to replicate. I suspect it may be due to the fact that this plugin inserts the buttons literally at the end of the page since they arent required within the layout and with some themes the actual URL isnt available using the normal wordpress functions.

          I have created a test version, which uses a different method of getting the URL, which doesnt rely on WordPress. If you can download the zip file below and replace the dcwp_social.php file in the plugin folder with the one in the zip file I can check if it does fix the problem:

          http://www.designchemical.com/lab/wordpress-plugins/dcwp_social_20111003.zip

          • Replaced the file. The description/title is still from the fifth oldest post, but it now pulls the correct URL for the page you are on!

          • OK. I now know whats causing it although we havent yet implemented a fix – the problem is actually caused by the way your theme files generate the Popular/Recent posts tabs. This is overwriting the variables that store the info on the actual post in each page so instead of using the correct URL and title it uses the last one in the recent tabs

            Are you able to edit the theme to correct the problem?

          • Hi,

            I have come up with what I think/hope should help solve your problem so if you could check I would be grateful since I sstill cant actually replicate it. Link below is a zip file containing a complete set of updated plugin files so you can just delete the current slick-social-share-buttons plugin folder and replace with the unzipped file:

            http://www.designchemical.com/lab/download/slick-social-share-buttons.zip

          • Replaced the plugin folder and it fixed both! Great! On single posts and pages, it pulls the correct description and URL. On the main/home page, it pulls the first post description and URL. (Should it do that?)

            I’d be happy to help you troubleshoot this further if it’s affecting more users. GREATLY appreciate the support. Donation on the way…

          • OK great. I have modified it slightly to handle the home page. Updated files at the link below:

            http://www.designchemical.com/lab/download/slick-social-share-buttons.zip

          • Excellent! Thank you SO much. Works perfectly now. Please feel free to contact me if you need to do any more troubleshooting for others, theme information, etc.

          • Glad it fixed it. Thanks for testing it!

  • I have installed the slick social floating bar on my blog and check the boxes next to all the pages I want it to show on (home, posts) and which social buttons I want to show (all but Google Buzz). I see all the head tags added by the plugin when I view source, but nothing shows on the page or in the source body. I can only see one instance of jQuery being loading on the page. Do you have any suggestions to try getting the plugin to work?
    Thanks in advance for any help you can provide.

    • Hi,

      It looks like your theme may be missing the wp_footer function – this is where the button code is inserted into the page. If you have a footer.php file check there as it should be placed right at the end of the page.

      • I have the wp_footer function at the end of footer.php but I am not seeing the plugin it is enabled and options selected but does not appear in any position
        any more ideas, i know it works with the theme i use as found it through another website useing same theme.

  • Ive been trying for hours now and have gone through all your instructions and tips, but I cant get my facebook or twitter counts to work for the life of me. I even ran the debugger and its saying that i still need an App ID. Please help.

    • Hi,

      The URL for the buttons is showing your site’s home page on every page. Not sure what could cause that and havent seen the problem before. Do you have any plugin installed that you know of that may do this?

      • I have no clue which one it could be, but he plugins i have installed are below:

        Akismet, Audio Link Player, Image Widget, Jetpack, kStats, Option Tree, Slick Social Share Buttons, WordPress Importer. Im hoping its not Option Tree since that is what my template uses to organize and design the site.

  • Why is this plugins always appears in my mobile version site? How to disable this in my mobile version site?

    • How is your mobile site created?

      • Hi, I have the same question about how to disable this on my mobile site. I’m using the WPtouch plugin to create the mobile site.

        • Hi,

          From what I read online the ability to disable plugins when using WPtouch is only available in their Pro version

          • Thanks for the reply Lee. I don’t suppose you could recommend a plugin that produces a mobile version of a site which doesn’t display the SSSB buttons?

          • Hi,

            Sorry Im not familiar with any of the mobile plugins. If the mobile version uses specific template tags it would be possible to add the code to prevent the buttons appearing or alternatively use CSS to hide the buttons. Im not sure though how it works

        • Like the plugin, but the inability to disable this plugin on a mobile site reduces my ability to utilize it. Any thought on adding this feature?

          • That would really depend on how the mobile site is created. if using a plugin it would be up to the plugin to have the feature to disable others

  • The plugin works fine, but when i click the tweet button, it picks-up different link.. thanks hope you can help..

    • Hi,

      which page are you seeing a problem? I checked a couple and the tweet link seems ok

  • Hi I’m having a problem after installation. The buttons only appear if I have Home Page checked. But then on each individual post page, the buttons display counts and correspond to the home page instead of the post on which they appear.

    • Hi,

      Not sure what can cause that unless something else is interfering with the plugin code. The URL used for the buttons is the same as that used in the opengraph tags inserted into the document for the facebook like button and have checked your site and the URL is correct. Maybe try disabling other plugins one by one to see if any are clashing with the buttons

  • Hello!

    My site features the Slick Social Share Buttons but I seem to have a problem with the Facebook like button. When I press it it displays 1 like for a second and then it just resets to 0 without any error messages. I did try the facebook debugger which found a critical error “Error Updating Page You must preload this data. TAAL[BLAME_file]“, but it still doesn’t work.

    Please help! Thanks!

    • Hi,

      Your Admin ID and App ID values are the same – remove the incorrect one. For facebook you only need to use one of them.

      Also add a default facebook image (via the plugin options page) as the image tag is empty and this sometimes causes problems.

      • Thanks for the reply! It was setting the facebook image that solved it. Thanks again!

      • I am having the same trouble as another chap in that the facebook button is showing no likes (I have over 300 for my page) and if I click it it shows 1 for a second then reverts back to 0. I have the IDs correct I think and have tried uploading a default image URL from my photobox.com but it’s still not working. Any ideas?

  • Hey there!
    Great plugin…5 stars of course ;-)
    But I have a little problem with the Twitter link on the homepage and archives. Get_permalink takes the last link of the loop, so the shortened URL leads to the last post on the page. Any suggestion to fix it?

    Cheers
    ME

    • Hi,

      well spotted! Have already corrected it and it should be fixed with the next update

    • Just released version 1.2.7 with the URL fix

  • Dear Lee,

    I just added your plugin to our new blog, we love it.
    But I just realized it is not counting tweets…any ideas how I can fix that?

    Cheers,
    Gal

    • Hi,

      Just checked the site and it appears to be working OK – showing 2 tweets for page 166. The tweet count may not update immediately as the number of times twitter will update is limited per day

  • I am wondering if there is a way to disable the “Share Tab” since I have my social networking buttons coming out on load and I dont have them sliding back in. I just want to have the buttons without that share tab there.

    Thanks

    • Hi,

      You can hide the tab using CSS. Just add the following to your theme’s style sheet:

      #dcssb-slick .tab {display: none;}

      • I would like to know the answer to this as well. I dont want the “Share” tab to be there and I don’t want there to be a way for the reader to hide the share buttons(the same way you have it set up on your site). I added #dcssb-slick .tab {display: none;} to my theme’s CSS file, but the Share button still appears.

        Also, how do I make the right side of the share button background flat instead of rounded like on your site?

        • If you are using a floating panel you need to use:

          #dcssb-float.dc-social-float .tab {display: none;}

          If you hide the tab and set the panel to open on page load then automatically users wont be able to close it

          To create the same style as the button panel used on our site you can use the custom CSS below:

          #nav-dcssb, #nav-dcssb li {
          margin: 0;
          padding: 0;
          list-style: none;
          }
          #nav-dcssb li {
          padding: 5px 0;
          }
          #nav-dcssb li.size-box {
          text-align: center;
          height: 60px;
          }
          #nav-dcssb li.size-small {
          height: 30px;
          }
          /* Floater */
          #dcssb-float.dc-social-float .tab {
          display: none;
          }
          #dcssb-float.dc-social-float .dc-social-float-content {
          background: #fff;
          border: 1px solid #000;
          padding: 5px 0 6px 0;
          margin-left: 20px;
          }
          #dcssb-float.dc-social-float .dc-social-float-content {
          border-radius: 7px 1px 1px 7px!important; -webkit-border-radius: 7px 1px 1px 7px!important;
          }
          #dcssb-float #dcssb-facebook {
          padding-left: 10px;
          }
          #dcssb-float .fb_iframe_widget {
          margin-left: 0;
          }
          
          • Thank you, that worked beautifully!

  • Hi there,

    I have installed the Slick Social plugin but have a slight problem in that the ‘Google +1′ button does not appear in the slider box in FireFox or IE, but it does in Google Chrome.

    I have also noticed that when I login to my WP control panel, the Google +1 image does not appear in the ‘Social Share Buttons’ selection box alongside the associated button type, but it does in Google Chrome. Any ideas how I can resolve this?

    Any help appreciated,
    Thanks
    J

    • Hi,

      Just checked your website and the +1 button is appearing OK in my Firefox. What version are you using?

  • Hi Lee, I’m using your plugin and tweaked it to include some social media analytics
    I would like to add the string : utm_campaign=twitter&utm_medium=twitter&utm_source=twitter
    to the end of every linked shared on twitter but does not really master PHP and your code is not commented, maybe you could help me…

    I already integrated a Facebook monitoring :
    http://www.savio.no/blogg/a/106/tracking-facebook-likes-share-send-og-comments-as-social-engagement-in-google-analytics#fbtracking

    But what i’m trying to do is :
    http://yoast.com/twitter-analytics/

    Maybe you could help me? (this could be an idea for a future upgrade too :) )
    Regards,
    Simon

    • Hi,

      You can add it to the twitter URL in the file inc/dcwp_social.php. The twitter function starts line 167 and the button code starts on line 181

      • Found it, THANKS

  • Hey Lee,

    I want to apologize up front because I don’t know much CSS, etc. I’m just an architecture intern trying to make our organization a new webpage, so this has been a lot of trial and error for me.

    When I followed all of your steps of installing and activating the plugin, nothing shows up on my page. I’ve looked through your FAQ as well, to no avail. Could you please tell me what I’m doing wrong?

    Thank you. I really hope to use this plugin because it seems like it would meet our needs very well.

    • hi,

      jQuery is being loaded again, incorrectly in the page, which is overwriting the plugin jQuery files – the theme files seem to be loading it once and also the accordion image menu plugin is loading it again.

      Both of these will need to be corrected in order to get the plugin (and other jQuery based plugins) to work properly

  • Hi I have the slick social floating bar on my site. Only thing I’ve noticed is the tweet count does not update and after the latest update it now won’t allow me to like using the facebook like button, it’s stuck on 14 likes and won’t go any higher.

    A couple of times I’ve noticed a small box appearing inside the floating bar after clicking on the facebook like button, but it dissapears really quickly before I can click on it. the count goes up by 1 to 15 then drops back to 14.

    I’ve tried it from an ihpone, firefox, ie and chrome and it does the same thing.

    • Hi,

      The box appearing is the Facebook comments box, which you get with the xfbml version. The CSS settings means the box isnt displaying.

      Will take a look at the problem on your site with the update of the tweet and like button