Skip to main content

How to implement social sharing buttons

There are various ways to offer social sharing buttons on your website, including third-party providers such as ShareThis (sharethis.com), AddThis (addthis.com) or Elfsight Apps (elfsight.com). In our example below, we will use ShareThis, which is an amazing free to use service.

Step 1

Go to https://www.sharethis.com/platform/share-buttons/.

Sharethis homepage.

Step 2

Choose to "Get Share Buttons" > Choose between "Inline" or "Sticky" button styles. For this example, we'll choose "Sticky".

Sharethis button options.

Step 3

You'll now see a range of options to configure your sharing buttons. For our example, we'll choose to display Facebook, Twitter, Email and ShareThis buttons. We'll also choose not to display the total count of shares. Once you're happy with the look click "Register & Get Code".

Sharethis configuration options.

Step 4

Once you've filled in your domain, email and password click sign up. 

Sharethis domain registration.

Step 5

Now you'll be presented with the code to power your share buttons. Copy this code.

Sharethis embed code.

Step 6

Now we want to add the buttons to our uSkinned website. Navigate to your website and login to the CMS.

Step 7

In the tree menu, go to 'Global'.

Step 8

From the grid, click on 'Settings'.

Step 9

Go to the 'Scripts' tab.

Step 10

Paste the code you copied from ShareThis into 'Header Scripts'.

Alternatively, if you only want to show the sharing buttons on specific pages then you can go directly to a page or blog post in the CMS and paste the code in the 'Scripts' tab there.

For example, we have implemented the social sharing buttons on this page only to let you see for yourself! :-)

Step 11

Click 'Save and Publish'.

Step 12

Your Social Sharing buttons will now be present and responsive on the front end of your uSkinned Site Builder website.

uSkinned Site Builder

Get started — for FREE!

Join thousands of agencies, freelancers, enterprises & start ups worldwide who use uSkinned Umbraco themes to deliver results.