AddThis Academy

An ever-growing library of resources to help you become a better online marketer.

How to Create Custom Buttons with AddThis

Note: These instructions are for advanced configuration tools. There is currently no way to customize the images for dashboard configured tools.

These instructions only work with native AddThis buttons. For information about customizing third-party buttons such as Facebook Like or Tweet see our third-party button reference.

You can use any image for your AddThis buttons. You can also use text, or a combination of image and button.

Different Image

Using a different image for an AddThis button is as easy as putting the <img alt="" /> tag inside the button. For example:

<a class="addthis_button_compact">
  <img src="http://s7.addthis.com/static/btn/sm-plus.gif" width="16" height="16" border="0" alt="Share" />
</a>

Just replace http://s7.addthis.com/static/btn/sm-plus.gif with the URL of the image you’d like to use for that button.

Image and Text

Using an image with text is as easy as putting the text you’d like to use next to the a tag.

<a href="http://www.addthis.com/bookmark.php" class="addthis_button" style="text-decoration:none;">
<img src="http://s7.addthis.com/static/btn/sm-plus.gif" width="16" height="16" border="0" alt="Share" />Share</a>

Just Text

Having a button with just text requires you to put it inside some kind of tag. We recommend a span tag.

<a class="addthis_button_compact"><span>Bookmark or Share</span></a>

API Reference

Check out the full Client API specification to learn more.

How to Create Custom Buttons with AddThis
1 (20%) 1 vote

Was this article helpful to you?