Button Placement

Last Updated: Oct 25, 2013 04:22PM EDT

Placement Overview

AddThis does not have any rules about where you place the button. You can put it wherever you want, but we do have some suggestions:

  • Pick a prominent position: the more visible the button is the more people will bookmark and share your content, which will lead to more traffic back to your site.
  • Keep your button near the top of the page: Avoid making your readers scroll to find your sharing button. It is okay to have the button at the top and bottom of the page, but users will find it easier at the top.
  • Place the button in close proximity to the content being shared: this helps readers understand what they are sharing
  • Watch out for navigation: be careful about placing the button too close to navigation, so users don't interact with it by accident.

Place this part of the code at the location where you want your button to show up:

<a href="http://www.addthis.com/bookmark.php"
  	class="addthis_button"><img
  	src="http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif"
  	width="125" height="16" border="0" alt="Share" /></a> 

Your AddThis javascript code only need to be added to your HTML once per page, even if you have multiple AddThis buttons. You can use div tags, CSS, or, if you must, table tags to place the button so it fits best with your design.

Here are some examples of button placements.

 

Top of the Page

It is very common for news sites to place the share button near the top of the page. Here you also see a custom share button. This helps the menu integrate best with the look and feel of the rest of the web site.

Chicago Sun-Times

 

After Each Blog Post

Here you see examples where the share button has been customized and placed after each blog entry. Each share button is set to share just that article.

Joystiq

 

Sidebar

You can putting AddThis in your web site's sidebar, but may confuse your users. What exactly are they sharing? Your sidebar? Remember it is best to keep the share button close to your content. One exception: bloggers often place an AddThis RSS Subscribe button in their sidebar, in addition to a sharing button at the end of each post. This allows readers to subscribe to the blog's feed, or use the sharing buttons to share a particular blog post.

 

Bottom of the Page

Placing sharing buttons at the bottom of pages is generally not recommended because your users will need to scroll to the bottom to find the button. Some publishers place buttons at the bottom as well as the top of pages, so readers can share either right after scanning the top of the page, or after they've read to the end of the content.

Samsung X360

Still need help?


General Topics

 

Developers