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.
Choose to "Get Share Buttons" > Choose between "Inline" or "Sticky" button styles. For this example, we'll choose "Sticky".
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".
Once you've filled in your domain, email and password click sign up.
Now you'll be presented with the code to power your share buttons. Copy this code.
Now we want to add the buttons to our uSkinned website. Navigate to your website and login to the CMS.
In the tree menu, go to 'Global'.
From the grid, click on 'Settings'.
Go to the 'Scripts' tab.
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! :-)
Click 'Save and Publish'.
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 & businesses of all sizes worldwide who use uSkinned Site Builder for Umbraco to deliver results.