How to Install Share Buttons on a HTML Website

By March 2, 2017

Step 1: Choosing your share buttons

Go to http://platform.sharethis.com/get-share-buttons and choose between “Inline buttons” or “Sticky Buttons”

Inline Buttons: Choose this option to place share buttons at specific locations on a page, such as under headlines.

Sticky Buttons: Choose this option to place share buttons left or right side of the screen on desktop and the bottom of the screen on mobile.

Step 2: Choosing Social Services

If you’re interested in customizing your social services, click on “Customize your share buttons” and use our awesome button setup creator.

*TIP* – Within the preview setup, you’re able to click and drag to reorder the position of the social services.

Step 3: Customizing Your Setup

This is the fun part, choose through our various options of customizing abilities from button alignment to extras such as minimum amount of shares you wish to have before showing counts! Awesome 🙂

Step 4: Select a Platform!

Customize your experience one step further by selecting the type of platform you wish to install our share buttons on!

Step 5: Register and Get The Code!

Once you designed the share buttons to your liking, head to the last page and register in order to receive the code! 

Step 6: Copy and Paste the Script into Header

After registration, you’ll receive two codes.
Click on the first copy code button then paste the code into the header of your site template, right before the closing </head> tag.

Then paste the code into the header of your site template, right before the closing head tag.
It should look like this:

Step 7: Copy and Paste Buttons wherever you please!

Now the best part, copy this line of code to anywhere you please and show off all your favorite sharing buttons!

<div class=”sharethis-inline-share-buttons”></div>