Quick tip: Add social sharing buttons to your Umbraco theme

How do I add a social sharing widget such as AddThis or ShareThis to my uSkinned website?

uSkinned Member

There a few simple steps to implementing social share buttons with a service like ShareThis or AddThis.

In our example we'll use ShareThis. 

Step 1.1

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

Share This website

Step 1.2

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

Share This sticky buttons

Step 1.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".

Configure Share this buttons

Step 1.4

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

Register for Share This

Step 1.5

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

Copy code from Share this

 

Step 2.1

Now we want to add the buttons to our uSkinned website.

Login to the CMS > Expand Website Configuration node > Open Global Settings > Go to the tab Scripts > Paste the code you copied from ShareThis into "Header Scripts" > Click Save and Publish.

Paste Share this code into your Umbraco theme

Step 2.2

View your Share This buttons on your Umbraco website

Your Social Sharing buttons will now be present and responsive on your Umbraco theme.

comments powered by Disqus

Get started today

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