How to Install ShareThis on a HTML Website

Overview

Adding share buttons to your site is easy, just follow these three simple steps:

  • Sign Up - You'll need to sign up (it's free!) to obtain a publisher key for your button.
  • Add Your Code - Paste your generated code from the Get Sharing Page to your website. Done! 

Step 1: Sign Up

If you haven't done so yet, we recommend signing up to receive your publisher ID. If your already a ShareThis user, go ahead and sign in. Once you've signed in, navigate to the Get Button Page.
 

Step 2: Get Button

Choose Site Type
 
Once you've arrived to the Get Button Page, click on the Website option. This assumes you are not using WordPress, Blogger or TypePad to host your website.
  
Choose a Button Type
Select from any of our available button types.
 
Choose a Button Style
Each button type may have 2-3 styles. Click a style that suits your persona best!
 
Confirm Your Changes
Once you're satisfied with your share buttons, click Get the Code to generate your button code.
  
Generated Code
Your generated code should now be displayed. Read on to see how this code is added to a website
 

Step 3: Add the Code

Your generated button code should come in two parts: HTML and JavaScript.
 
HTML
The HTML code can be placed anywhere between the <body> tags on your page. This code tells ShareThis what type of button and social service to use. To learn more about styling our buttons, visit the Customization section.

Example:
<span class="st_twitter_large" displayText="Tweet"></span>
<span class="st_facebook_large" displayText="Facebook"></span>
<span class="st_linkedin_large" displayText="LinkedIn"></span>
<span class="st_googleplus_large" displayText="Google+"></span>
<span class="st_email_large" displayText="Email"></span>
<span class="st_sharethis_large" displayText="ShareThis"></span>
Note: Your HTML may look different depending on what button and styles you choose.
 
For a list of social services and their appended code, please check out our supported social sharing service section: https://support.sharethis.com/hc/en-us/articles/218912477-Supported-Social-Sharing-Services-on-ShareThis 

JavaScript
Adding the JavaScript code to your website is essential, without it the buttons wouldn't work! We recommend placing this code between the <head> tags on your pages.
 
Example:
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">       
stLight.options({publisher:'12345'});</script>
Note: Be sure to insert your own Publisher ID when implementing the code.