Instructions
Turn Any Photo Into a Sharing Tool
Increase sharing and traffic by turning any photo into a tool to share your page. With just a short bit of Javascript and HTML code, you can overlay a sharing menu on any image.
Javascript
Here's the javascript code that you'll need to add to your webpage. Add services_overlay to addthis_config with the services you wish to include in your image menus. Be sure to replace [YOUR PROFILE ID HERE] in the addthis_widget.js inclusion.
var addthis_config = {
services_overlay:'facebook,twitter,email,print,more'
}
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=[YOUR PROFILE ID HERE]"></script>
HTML
This is the HTML portion of the code. It can be added to as many images as you want.
class="addthis_shareable"
So that any image element you wish to add the sharing menu to will look like:
<img class="addthis_shareable" src="http://www.example.com/example_image.png">
Some options to change the sharing functionality of the menu. Only the CSS class is required.
| Name | Description |
|---|---|
class="addthis_shareable" |
*Required* for any image to have the overlay |
addthis:url |
Defines the URL of the image or page you wish to share. |
addthis:title |
Defines the title of the image or page you wish to share |
With all of the options:
<img class="addthis_shareable" src="http://www.example.com/example_image.png" addthis:url="http://www.example.com" addthis:title="My Example Photos Page" >
Photo Sharing Demo
Features
Share Using Any Photo
You can overlay sharing menus on any image large enough to display the menu you define. You can even overlay your sharing menu on a <div>!
Share Pages Anywhere
When your visitors hover over your photo, they'll see the menu you defined, which can include any of over 350 sharing services from all over the world.
More AddThis Menu Enhancements
Simple Menu
The new sharing menu is designed to be streamlined and fit seamlessly into your site. The menu optimizes the presentation of service to maximize sharing.
Friendly Expanded Menu
We have made it even easier for your visitors to find their favorite places to share.
Updated Email Form
Completely redesigned email form that makes it easy for your visitors to share their favorite content with their friends via email.
Updated Share Counter
At AddThis, details matter. We've tweaked our share counter to look great with other popular counters like Facebook Like and Google +1.
Settings
We've given our settings page a refresh where your visitors can personalize the places to which they love to share.
And more...
As always, the new tools continue to support over 70 languages, 300+ services, and the great analytics we offer today.