Cate

How to: Add social share buttons to your website

8 April 2014  |  Cate

Skill Level: Beginner

We all know how important social media sites have become to the ecommerce industry. We’re constantly told to set up a Facebook page or update our Twitter feed regularly but what about your actual website? How do you direct the people who visit it to interact with you on social media or drive your social media followers to actually purchase on your website? The answer is social share buttons, icons and widgets.

The Like/Share Button

All the major social media sites offer a share or like button.  This is a button which you can place on your website so that visitors can tell their friends on Facebook, Twitter and etc about a particular page or product they like.  This will update their status with a short description, an image and a link of the product or page on your site.  It will not link your website's Facebook page, Twitter Profile and etc. to your website.  This, however, will be discussed in a later post.  What these buttons do is allow your products and pages to reach a wider audience and, more often than not, people who are yet to discover your brand.

Bluepark already offers social like and share buttons on every product page and every blog post as part of all packages, so there is no need for you to add in any code of your own.

Product Pages

To add them to your product pages just follow the steps below:

  1. In the admin console go to General / Settings > Settings > Product tab
  2. Scroll down to the social media section

    Social share buttons

  3. Set the Facebook button to the style you wish to display, either
    Compact Version

    Facebook like button - compact

    or Long Version

    Facebook Like button - long

  4. Tick the other social buttons you wish to display
  5. Tick the Display Social Button Count Totals option if you want the count totals of each share to show next to the buttons. (Please note this option cannot be removed on the Facebook button and is not available on the Pinterest or LinkedIn buttons)

    Social button counts

Blog Pages

To add social share buttons to your blog posts just follow the steps below:

  1. In the admin console go to General / Settings > Settings > Blog
  2. Scroll down to the social media section

    Blog social share buttons

  3. Select which social buttons you want to feature on each post
  4. Tick the Display Social Button Count Totals option if you want the count totals of each share to show next to the buttons. (Please note this option cannot be removed on the Facebook button and is not available on the Pinterest or LinkedIn buttons)

    Social button counts

  5. Tick the Display on Category Pages option if you want the buttons to appear underneath each post in the blog category pages

And that's it! Look out for further posts about how to add Social Icons to your site to allow customers to navigate from your website to your Facebook page, Twitter profile and etc and how to add Social Widgets to your site to display your timelines, followers and other content from your social profiles.

Try Bluepark for FREE for 14 days

Full access to everything including our support team, no card details required