Onboarding: How to Install Share Buttons on an HTML Website

By July 16, 2020

Step 1: Choosing your share buttons

Go to https://sharethis.com/onboarding/ 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.

Image 2020-07-16 at 2.19.47 PM.png

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.

Image 2020-07-16 at 2.43.42 PM.png

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 🙂

Image 2020-07-16 at 2.45.35 PM.png

Step 4: Register and Get the Code!

 

Once you designed the share buttons to your liking, head to the registration page, enter your email address, a password, and then click on Get The Code

Image 2020-07-16 at 2.46.39 PM.png

Step 5: 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.

Image 2020-07-16 at 2.50.08 PM.png

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

Image 2020-07-16 at 2.51.02 PM.png

Step 6: 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>{“type”:”block”,”srcIndex”:0,”srcClientId”:”dd31ea98-c2cf-4d02-83a8-539031256c75″,”srcRootClientId”:””}