Main menu
WalkswithMeWordPressSocial Share Icons On Image Hover

90 thoughts on “Social Share Icons On Image Hover

  1. It seems that the social sharing is appearing on just about all of my photos – even ones that I do not necessarily want to “share”. How can I remove this?


      1. Great! I am willing to buy it if I can figure out the Facebook part. I have made the app but it doesn’t seem to work. When I press the Facebook icon, the first window throws an error “An error occurred. Please Try again later” But if I press OK it will authenticate and show my Facebook page. Please help. Thanks

        1. It seems the issue with FB APP creation.
          first delete the APP your created.
          then do it again , set the domain url correctly there is no miss-match between www and non www.
          Also make sure you make the app in live mode.
          Then only plugin config option set the SDK to load options YES.

          that’s it , should work. try it let me know the status.

  2. Hi again. I posted earlier about a problem I was having in determining the class of images generated by another social sharing plugin, but I finally figured it out. You don’t need to help me solve the problem after all. Thanks.

  3. Hi! Your plugin is what I had been looking for. Thanks for this.
    I am receiving following error on top of my website:

    Notice: Undefined variable: scripts

    Though my image buttons still seem to work. I’ll appreciate help on this.

  4. Hi,

    I’m having a similar issue to Jambo , my images have a lightbox (see for details) . On clicking a social link both the lightbox and social login are displayed (I think the class cboxElement is used to enable colorbox) . I’d like to be able to disable the lightbox on the social links.

    Could you point me in the right direction of how to do this please ?

    Great plugin by the way worked very easily for me.


    1. The most of the light box class is init at the time of page loading so we don’t have option to limit that.
      I’m also checking that same issue in my template too.
      Next update should fox this issue.
      thanks for using my plugins

  5. Hi,

    I tried to set this plugin for my website and It is a problem with facebook. For twitter is working but shares only link (without picture).
    For google+ also works and shares a post with the post image.

    If somebody can help me to set it? Also I would like to share the picture on which you click the share button if it is possible?


    1. What is the issue with Facebook ?
      It should share the exact image you clicked once you configured it properly.
      The twitter don’t share the image , the plugin don’t have such a feature now.

  6. I’ve just started getting an error when attempting to share to Facebook using the plugin. The popup error message says :

    This dialog has been passed a bad parameter.

    API Error Code: 100
    API Error Description: Invalid parameter
    Error Message: picture is not properly formatted

    the site is

    This happens a\on all images, but it was working fine until a day or two ago.

    1. I checked the API but it seems working fine on my website.
      It may happen due to two reason.
      1) You may modified the FB app settings recently.
      2) The website continuously request to FB API with unique url(they may consider it as robot)

      Try to remove the FB app create new one set the key.

  7. Hi.

    I just bought this and then added Facebook Open Graph to my meta section. The problem is that this plugin does not seem to read them. When sharing an image on FB it simply pulls the meta tags that already exist and I can’t seem to override the OG tags. Any ideas what I can do?


    1. Thanks for using my plugin.
      by default the plugin will read the meta tags if you can share the site URL(you can use contact form) I will take look at it structure and if possible will alter the JS files of my plugin that suits your requirement.

        1. The problem is your og tags prefixed with twitter , by default every og tags comes like follows.
          og:description, og:title etc.
          So the solution is simply edit the plugin JS file

          function execute_wwmfun(e) {

          var t = jQuery('meta[property="og:image"]').attr("content");

          var n = jQuery('meta[name="og:description"]').attr("content");

          var r = jQuery('meta[name="description"]').attr("content");

          var i = WWWM_FilterData(jQuery('meta[name="og:title"]').attr("content"));

          Replace with following codes.

          function execute_wwmfun(e) {

          var t = jQuery('meta[property="twitter:image:src"]').attr("content");

          var n = jQuery('meta[name="twitter:description"]').attr("content");

          var r = jQuery('meta[name="twitter:description"]').attr("content");

          var i = WWWM_FilterData(jQuery('meta[name="twitter:title"]').attr("content"));

          do not touch on remain lines.
          It should fix the problem. :)

  8. Hi, thanks so much for this wonderful plugin! One issue I’ve come across is that when I share the image, it shows the site name as well as the page title, without a separator, making it all look like one title meshed together. Is there a way to remedy that either by adding a divider between the site name and title, or removing the site name? Thanks!

    1. You can simply edit plugin Js to customize your requirement.
      the JS can be found


      First unpack the JS then pack back.
      Hope you can customize it!

  9. Hi there,

    I really like your plugin. I have two questions, sorry if it has been asked before.

    1. I would like the sharer to only appear on certain image classes (so the opposite of the feature exclude class which you have in the PRO version). Is this possible? I don’t mind buying the pro version for this.

    2. Is it somehow possible to also show the image sharer icons if you use a lightbox plugin which makes the image bigger? At the moment your plugin pops up the new window for sharing (like facebook share window) and at the same time my theme’s lightbox shows the full-size image in the background. Is it possible to only show the sharer icons once the full-size image is visible in the lightbox?

    Thanks a lot for your answers!



    1. Thanks for using my plugin,
      1) I can provide a customized version that full fill your first requirement, means appears only for mentioned classes.
      2)This is little bit complicated bcoz many templates uses lightbox in different manner so I cannot guarantee this for eg: my template also using image light box once the image share icon appear on the image clicks will open light box to (In my template default all images assigned with light box so can’t abort that If I do forcefully some other jquery script failed to functioning). If it is a class based light box I can solve it for you.

      Hope its clear.
      If you are ok for this, then purchase it within 24hr I will email you custom version.

  10. When an image gets shared on a site using your plug-in, it links back to the blog’s main page rather than the specific post. It won’t be helpful to a someone to click on an image and then have to search through pages of a blog to find the post related to it. I don’t see any options to change this. Is there?

  11. its giving me this error:

    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: redirect_uri is not owned by the application.

    1. The FB app creation is not correct that’s why this error is showing .
      set the APP domain and site URL correctly like above image
      Also make sure your APP is live.

        1. When I check your site I saw the site is running without WWW but you created the FB APP with WWW both are consider different domain, So you have to make both unique either adding WWW redirection in your sites htaccess or remove the WWW from FB APP.

          For make non www with www redirect using htaccess

          RewriteEngine On
          RewriteCond %{HTTP_HOST} !^www\.
          RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

  12. Hi,

    icons do not appear, I tried to change the css with:

    .wwm_social_share li {
    background: url (“../ images / social_icons.png”) no-repeat scroll 0 0 rgba (0, 0, 0, 0)! important;
    content: none;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 0! important;
    margin: 0 0 5px 5px! important;
    padding: 0! important;
    width: 30px;

    As you suggested in an answer.

    The icons have appeared. but they all have the “f” for facebook. the click but it works properly and leads to social.

    What’s wrong something?

    1. Paste this style instead of above one.

      .post-entry ul.wwm_social_share li {
      background:url(../images/social_icons.png) no-repeat;
      margin:5px 0 0 5px!important;

      Hope it solve!

  13. Hi!

    Love this plugin but something really strange seems to happen on this page I manage:
    The Pinterest badge seems to be cut on the right side? Do you know what may cause this?

    Many thanks,

    1. When I look at your site everything works fine, what you mean by cutting the right side of pinterest widget ?
      is that something opened popup not showing the image in full size ?. (If this is the case don’t worry about that the popup is resizable and set to compact with tablet too that why its cut one side).

      If you still looking for a fix, simply edit the wwm_custom.js and search for


      and set width value to your custom value.

    1. First of all your template Css is overriding plugins css.

      .wwm_social_share li {
      background: url("../images/social_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
      content: none;
      cursor: pointer;
      display: inline-block;
      height: 30px;
      line-height: 0 !important;
      margin: 5px 0 0 5px !important;
      padding: 0 !important;
      width: 30px;

      overwrite this css in the plugin files it have !important so your image gets show.
      you mean you are unable to set the option value ?

      1. for get it, just recived the css file with the code thanks now its working like a glove ;) thanks for the support

        love the possibilities of the app ;)

  14. Hello,

    First, I would like to pass the praise, the plugin is really amazing and it graphically, I like the clean design. Unfortunately, on my server it probably will not be able to use because I have set the framework design that is able to open the preview image as hover so when you click on one of the icons so he opens the file at the same time, it’s seen, for example.–11289/. And I’m sorry, because I would like to use it. Do you have any idea how to work around this problem? Thanks a lot.


    1. I understand you point, The same problem can be found in my template too.
      This is due to template dealing with jQuery click event, So its unstoppable from plugin file.

      I will take a detailed view of the problem when it is fix will release a new version.

  15. Hi,

    I’m having issues after installing this plugin, I’m seeing this doctype on top of posts.

    I think there is an issue with DOM.

    1. This is a great plugin, but once activated, it wraps the existing content in extra HTML code as though it’s a new HTML document. You can see it on your own site here right now by looking at the source code. the_content() is wrapped within another set of tags:

      The code is problematic and causes issues with other plugins and javascripts.

      1. The plugin is just adding one line of meta tags like.
        meta http-equiv="content-type" content="text/html; charset=utf-8"
        This will not be a conflict to any existing plugin or your HTML content, the plugin is parsing the content of your post with DOMDocument() method and figure out all the img tags and wrap with proper plugin classes.
        The meta tags is used for utf-8 encoding in some cases the french letters cases issue with DOMDocument();

        Please let me know what kind of conflict are you facing with other plugins ?

        1. It’s not just one line that has been added. If you look at your source code, you would see the_content() is wrapped within a whole new set of [html][body][/body][/html] tags. So now the page has two sets of these tags. This causes issues with other plugins that interacts with the site’s HTML tags.

          For instance, W3 Total Cache minifies the page’s javascript and then auto-inserts it right before [/body]. Now that we have 2 sets of [html][body][/body][/html] tags, the minified JS gets inserted before the first [/body] instead of the default [/body] at the end of the page. This causes issues with those javascripts where sequence is important and can work only if they get executed at the end of the page.

          1. Got the issue and solved !
            Please download the latest version from WordPress Plugin Directory.
            I just updated the fixes as current version, so you have to delete existing WWM plugin and reinstall new one.
            and let me know the status.

            Thanks for reporting bug :)

          2. Hi, with the latest update, we see a whole bunch of this same error in error_log:

            PHP Warning: DOMDocument::loadHTML(): Empty string supplied as input in /home/xxx/public_html/wp-content/plugins/wwm-social-share-on-image-hover/wwm_social_share.php on line 271

  16. I really like this plugin, thanks!

    One thing that doesn’t seem to be working (or maybe I just don’t understand it) is the disable on small pics. It says “width(not in px)” which I assume means pixels. Then what are the units? I have been trying to turn it off on the icons from a different social sharing plugin (social sharing toolkit). I have the disable under set to 300, but it still shows up. There is an example here:

    Thanks again!

    1. The width on the plugin is not in pixel .
      ie, you set the width with 300 means the image have width=”300″ for eg:
      In this case <= 300 will not show the share images.

      img width=”300″
      img width=”250″

      The px width we cannnot determine with server side scripting like php that can be applied with Css or JS.
      Hope its clear for you..
      Next release will include a fix with exclude image class .
      thank you..

    1. This plugin share the image with current page url so the count of the image share should be same as the count of page URL.
      This version of the plugin will not have a count feature.

  17. Thank you for this wonderfull plugin. This is the best social sharing plugin i found for images.

    After installing the social sharing buttons appear correctly when I hoover over the images on my homepage. But when I enlarge these images by clicking on it, the buttons will not appear on the enlarged image.

    The url to my website is

    The images I tested are under portfolio.

    Could you please help me with solving this problem?

  18. Hi! Beautiful plugin and it looks absolutely great on my site, and all the other sections work find, but I’m getting a facebook error for the facebook share.. I created my app and connected it to my pages main URL.. What could I be doing wrong? Please help, as I really want to use this! :)


  19. Hi, I love the plug-in and it’s working great, however I have found one problem: when using it on smaller screens, like a Surface Pro 2, the pop-up windows for some of the sites are too small, e.g. for Pinterest the thumbnail image and “Pin It” button are out of view on the right hand side of the screen and the window is locked in size, so you can’t easily get to them. Can I make a correction in the code for this? If so, can you point me in the right direction? Many thanks, Mark.

    1. You have two options for customizing and fixing the issue,

      1) simply make the window resizable
      2) Calculate the width and height of the device and push it on correct place.

      I think 2nd option is perfect and right method, the file you have to change is wwm_custom.js this file can be founder under your plugin folder/wwm_social_share/js/
      Search for wwm_common_share(e);
      and customize the code

      function wwm_common_share(e) {, "", "menubar=no,toolbar=no,resizable=yes,scrollbars=no,height="+Dheight+",width="+Dwidth+");
      return false; //calculate the dwidth and dheight based on device width and height.

      Hope it helps..

      1. Hi Jobin, Many thanks for the reply. Adding the device height and width parameter actually removed the social buttons altogether when hovering over the images. However, making the box resizable and showing the scrollbars fixed my problem, so visitors can always get to the buttons. I appreciate your help, Mark.

  20. Hi sir,
    Thanks for your plugin.It is awesome.I have one major query that how to embed your plugin into the image.Please explain that bro..

    1. Simply install the plugin like any other wordpress plugin and set the required social media and setup the FB APP ID.
      Its Done!. It works on every images inside your posts.

  21. I’ve tried so many different social media image plugins and yours comes the closest to working with my site. However, clicking on the Facebook icon goes to the image link instead of Facebook and I can’t figure out why. Any ideas?

    1. This may happen due to incomplete setup of your Facebook APP ID on the plugin options.
      Please setup the APP ID correctly then make sure FB javascript SDK enabled too.
      The icon should work fine let me know how can I help you..

  22. The box doesn’t appear inside the image. Instead, it appears across the page. The css appears to be aligning itself with the parent space and not within the image. Any ideas?

  23. i have custom posttype with featured images..i added ur plugin, but the hover effect doesn’t work. the social buttons don’t show up on hovering over the featured images…plz guide

  24. awesome plugin, works perfect. The only issue I have is that it conflicts with another plugin i am running (Social Share) and which adds share options at page level – WWM overlays the with the Social Share buttons.

    Any tips, or can you help with that?

    1. In the other plugin (social share) Can you set the width for images ? then simply avoid it by using width option from WWM settings section. This is happen due to social share plugin is adding image with “IMG” tags rather than using background images.

  25. Hi, great plugin! Is there any way to customize the look? Or maybe a premium version with more features?



    1. What kind of customize look you are expecting ? more features with more social media icons ?
      then I can provide a customized version for you.

      1. I was looking for different skins. Maybe even native social buttons. The skin that’s featured in this post looks different than the icons I have on my site.

        Also, my Facebook share isn’t working. Any ideas what this could be?

        My website is

        Thanks again,


  26. I have installed your plugin for Image hover lite, and considered upgrading but the Lite version does not work. Kind of hesitant to get pay version if lite does not work, I would appreciate any help in getting it towork. Thak you!

    1. Did you activate and enabled required social share options from dashboard,
      Make sure your cache plugin loaded this plugin too,
      Just clear the cache content and let me know the status.

      1. Hi,
        Of course. That’s how I know that it is pulling the wrong information when I click the icon to share on Facebook. The icon is there, I click on it, and it picks the default meta tags instead of the og mete tags. Its not a cache issue either as I even opened and tried it with a browser that I never used before.

        Although you refer to a “cache plugin” which I have never heard of… my browser cache is not the issue.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>