Skip to content

Main Navigation

  • Home
  • Blog
  • Hosting
  • Woocommerce
  • Coupons
  • Themes Directory
  • Plugins Directory
  • Promote

WPLift / WordPress Plugins / Social / How To: Add Sliding Social Sharing Buttons to WordPress

How To: Add Sliding Social Sharing Buttons to WordPress

Published on September 22nd, 2011

Last Updated on January 28th, 2020

Tags: Buttons, Social, Social Share

TABLE OF CONTENTS

  • Install the Plugin
  • Plugin Settings
  • Choose Display Pages
  • Choose Which Buttons to Include
  • Account Details
  • URL Shortener
Share This Article
TwitterFacebookLinkedIn

Adding social sharing buttons to your WordPress theme is a great way to encourage people to share your content on places like Twitter, Facebook, Google+ and so on – It makes it a lot easier for them, rather than copy and pasting your the URL into the website. Im sure you have seen the buttons which align themselves with your page content ( I have fixed buttons to the left of the content on WPLift). I didn’t want to code my own again for a new site I’m working on, so I found a free plugin called Slick Social Share Buttons which will do the job – it offers a lot of customization options so in this post I will show you how to install and configure it.

Install the Plugin

The plugin is free so go and download it from WordPress, Visit “Plugins” > “Add New” > “Upload” and upload the plugin zip file.

Activate the plugin and you will see it adds a new menu to your admin area , under “Settings” called “Slick Social Share Buttons” – this is where you will do all the configuration of the plugin.

Plugin Settings

The first section of the setting page is to determine where the buttons will be placed and how they behave. You can choose a position from Top Left, Top Right, Left, Right, Bottom Right, Bottom Left. So choose one that will suit your theme – I always like to have mine on the left of the site just outside the content area. You can then enter a pixel value for position from center – that again will depend on your theme, and then a pixel value for offset – so this will depend on which position setting you chose.  Have a play with these values untill you get the widget positioned where you want on your site.

You can also set a floating speed and a slide speed – the widget is shut by default and you have to click an image to open it, you can also change this image if you wish.

Choose Display Pages

The next section of the settings page is to choose which pages on your site you want the widget to appear, this will depend on your site layout but I would recommend just using on post pages :

Article Continues Below

Choose Which Buttons to Include

The next section allows you to choose which buttons you would like to include in the widget and also which versions of them. The options included are :

  • Twitter
  • Facebook
  • Google +1
  • Linkedin
  • Stumbleupon
  • Digg
  • Google Buzz

Account Details

The next section is where you can enter your username for Twitter, Facebook page API keys, Facebook image and Google Buzz image if you have chosen those options :

URL Shortener

The final section is where you choose which URL shortener you wish to use, such as Bit.ly, Digg, TinyURL etc and enter your api key if required :

How To: Add Sliding Social Sharing Buttons to WordPress
How To: Add Sliding Social Sharing Buttons to WordPress
Oli
Oliver Dale is the founder of Kooc Media, An Internet Company based in Manchester, UK. I founded WPLift and ThemeFurnace, find out more on my Personal Blog. Thanks!

Related Articles

30+ Best and Must-Have WordPress Business Plugins in 2021

Drive Traffic to Older Blog Content for Free with the Revive Old Post Plugin

Placid Review: Automatically Generate WordPress and Social Media Images

Hottest WordPress Coupons

SiteGround Coupon

70% OFF

Elegant Themes Coupon

20% OFF

CSSIgniter Coupon

30% OFF

Toolset Coupon

20% OFF

2 thoughts on “How To: Add Sliding Social Sharing Buttons to WordPress”

  1. Lee Chestnutt says:
    September 26, 2011 at 6:07 pm

    Hi,

    Thanks for the review of our plugin :)

  2. Nick Moody says:
    January 1, 2013 at 4:30 am

    How do you get rid of the “Share” button?

Comments are closed.

Subscribe and join over 34.868 WordPress fans.

loader

Once a week you’ll receive the freshest news, tutorials and resources
from the WordPress space.

wplift.com

Terms & Conditions | Cookie Policy | Privacy Policy | Contact | About

WORDPRESS TIPS & TUTORIALS

Blogging | Business | Design | Marketing | Resources | SEO Tips | Speed Optimization | Technical

WORDPRESS THEMES

Premium Themes | Free WordPress Themes | Theme Reviews | Theme Directory

WORDPRESS PLUGINS

Admin | Analytics | Backup | Blog | Booking | Business | Cache | Customer Service | Ecommerce | Email Marketing | Event | Form | Forum | Image | Login | Map | Marketing | Membership | Menu | Monetize | Page builder | Search | SEO | Social | Table | Translation | Video

WORDPRESS NEWS ARCHIVES

  • 2010
  • 2011
  • 2012
  • 2013
  • 2014
  • 2015
  • 2016
  • 2017
  • 2018
  • 2019
  • 2020
  • 2021