Share This Image

Description

Share selected image with customizable content!

This plugin adds social sharing icons to each image in your site.

Share This Image is simple and flexible image sharing plugin for WordPress. It’s give you great flexibility to promoting your content in 11 most popular social networks.

Live DEMO

Main Features

  • Supports 11 most popular social networks: facebook, twitter, google, linkedin, pinterest, tumblr, reddit, digg, delicious, vkontakte, odnoclassniki.
  • Exact sharing – user will share exactly the same image that he wants.
  • Select what images to share. Share all images of you site or just from several pages. Or just single images that you want. All this is possible!
  • Customize content – fully customizable url, image, title and content that you want to share.
  • Powerfull Admin Panel – all settings in one page.
  • Build-in shortcode for easier work
  • Fast – Nothing extra. Just what you need for proper work
  • Not only images – apply it not only for image but for any block of content with specified data-media attribute.
  • Supports all major desktop browsers (IE8, IE9, IE10, Chrome, Firefox, Safari, Opera) and mobile browsers.

Premium Features

Premium Version

  • New sharing options – link and email sharing.
  • New option in admin page to exclude all images from desired pages from sharing.
  • Black list option to exclude single images fom sharing.
  • Auto-scroll your visitors to the exact location of the image they came to see.
  • Set sources and their priority for shared title and description.
  • Set of styling options – 3 predefined icons styles, horizontal or vertical view, offsets by x and y planes.
  • Priority support.

Screenshots

  • Plugin settings page
  • Image sharing buttons that appears on image hover

Installation

  1. Upload share-this-image to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Installation Instructions
  1. Upload share-this-image to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
How can I customize what url, image, title and description to share?

When sharing new image for title and description plugin first of all looks in ‘data-title’ and ‘data-summary’ attributes of image.

So you can set your fully customizable content by adding this attributes. It’s can look like that:

<img src="images/youre-cool-image.jpg" data-title="Title for image" data-summary="Description for image">

If image doesn’t have data attributes then plugin will use title attribute for title and attr attribute for summary.

<img src="images/youre-cool-image.jpg" title="Title for image" attr="Description for image">

If image doesn’t have data, title and attr attributes then will be used default title and description that you set in the plugin settings page.

Also it is possible to set shared image that can be different from image in the ‘img’ tag.

It’s can be done with help of ‘data-media’ attribute:

<img src="youre-image-to-display-on-page.jpg" data-media="youre-image-to-share.jpg">

Also you can change shared link.

By default plugin will share link to the page where your shared image in situated. But you can simply change this behavior.

Just add ‘data-url’ attribute with link that you want to be shared.

img src="images/youre-cool-image.jpg" data-url="http://your-link.com">
How to use plugins build-in shortcode?

Most common there is no need to use shortcode. Plugin will automatically work with all images that you have on your site.

But with shorcode it is very simple to share desired image with custom title and description.

All you need to do is add this shortcode inside your page or post content section

[sti_image image="http://your-image-to-display.jpg" shared_image="http://your-image-to-share.jpg" shared_title="Your-title" shared_desc="Your-Description"]

It is very simple and don’t need additional explanation.

Is it works only with ‘img’ tag?

No.

Plugin give ability to run it not only for images, but for any blocks of content.

Only one condition – this block must have data-media attribute with link to shared image.

For example – we have block with custom content inside. This block has class shared-box. So it is very easy to add sharing content for it.

<div class="shared-box" data-media="images/youre-cool-image.jpg" data-title="Title for image" data-summary="Description for image">
   Youre custom content ( text, html or any other )
</div>

Don’t forget, that class name of block must be specified in plugin selector option. For example, if we want to share all images and this block then selector will be img, .shared-box.

That’s all! After this if any of your visitors hover on block with class name shared-box he will see appeared share box with social buttons.

I install this plugin on my local server and have issues with sharing images. What’s wrong?

In order to share images and all other data social networks must scrap data from you website page. So if your website is not publicly available data will not be scraped.

Reviews

Plugin Loading Very Slow

Slow loading
The sharing buttons not loading along the page. I have to wait for 2 or three seconds to load the buttons so that visitors can share. So I have decided to deactivate this plugin.

Another thing is the buttons are hiding and users has to click on it to see the button. You must change it like visible on mouse over and we should be able to decide the place and size of the buttons

Regards
Sajith

Try it!

I work hard to develop this plugin.
Please, try it and write your review!

Read all 4 reviews

Contributors & Developers

“Share This Image” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Share This Image” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.08

  • Update meta tags generation

1.07

  • Fix bug with special chars in options

1.06

  • Update settings page

1.05

  • Fix bug with sharing box offset

1.04

  • Fix XSS issue

1.03

  • Add og:image:width and og:image:height Open Graph tags for pre-caching shared images

1.02

  • Add admin notice about local server issues

1.01

  • Fix bugs
  • Separated settings page

1.00

  • First Release