How to Customize Inline Share Button URLs

By March 2, 2017

Looking to customize the title, description, image, or URL that’s displayed when a user shares content on your website? 


Often times, the Open Graph Protocol tags will populate this information with content from your page but you can tailor it to make it more relevant if it’s not extracting the information you want it to. For example, if a user shares your homepage, you may want to add an image of your product or provide a more compelling description. 

Properties in <div> tags

You can specify the URL, title, image, and description that’s shared by adding the following tags in the tool placement code <div class=”sharethis-inline-share-buttons”></div> wherever you want the ShareThis tool to appear. 

NameDefinition
data-urlSpecifies URL (can be shortened URL) that you would like shared
data-titleSpecifies title that you would like shared
data-imageSpecifies link to image you would like displayed in the shared content
data-descriptionSpecifies summary text/description you wish to share

Example: This button is set to share the ShareThis home page with the title “Sharing is great!”<div class="sharethis-inline-share-buttons" data-url="http://sharethis.com" data-title="Sharing is great!"></div> 

Note: This customization is not available for all social channels. For example, Facebook will always use og: meta tags for the URL instead of these values and data-image only affects Pinterest.

Need help? Get in touch with us at support@sharethis.com