Lightweight Social Media Plugin for WordPress. A Floating Box with Custom Buttons in a Breezeby Suspicious MindWordPress Plugins, WordPress Tutorials & Tips 36 Comments
In WordPress plugins directory, a group of social media related extensions is obviously the most popular one and the number of plugins is also impressive there. Dozens of talented developers offer hundreds of free plugins, it seems that all you have to do is to explore the possibilities and to make the right choice at the end.
Actually, the process is not that easy. We are often in a rush, trying to save some time for ourselves and, under these circumstances, we demand trillions of settings, instead of doing a proper research. However, each of us has different needs and the efforts to cover them all makes the plugin too heavy and too complex for general use.
If time is not an issue, we are looking for clean, lightweight and straightforward solution with an ability to expand existing functionality when needed.
To find such kind of plugin might be an exhausting task and you also need a separate WordPress installation for testing purposes. That’s why once in a while, I’ll try to keep you informed about the best/most promising plugins I have found and fully tested. I want my reviews to be informative and helpful, so you might expect some negative facts as well.
Meet Sharebar, a lightweight social media plugin for WordPress. Sharebar adds a dynamic and fully customizable vertical box to the left of a blog post that contains buttons with counters of popular social networking sites, such as FaceBook, Twitter, Digg, Buzz, Yahoo and etc.
By default, if the screen resolution is below 1000px, the vertical bar disappears and a horizontal bar appears under the post title. Big Buttons are used in the vertical Sharebar to the left of the post, while the Small Buttons are used in the horizontal Sharebar that appears under the post title. You can alter these default settings and have either big or small buttons on both toolbars.
Once installed, the plugin doesn’t seem to be very promising, because the back-end looks like this:
It does look odd and you start questioning yourself if it’s worth going any further, but you should give this extension another chance. This minor bug can be fixed in a matter of seconds. The author has used floating elements before the table of available buttons and forgot to clear the values.
A quick fix would be to access Sharebar plugin files through WordPress built-in plugin editor, select “sharebar-admin.php” file and add the missing CSS clear property:
That’s it, no floating elements allowed on either the left or the right side:
As the author has overlooked such a simple thing, I’ve expected to bump into one or two major flaws later on and I was right. “Add new button” function doesn’t seem to work properly. You can add a new button without difficulty, but you can’t enable your new button at the same time you are creating it, despite the tick box available. The plugin just doesn’t save the setting and you have to go back to your “Available Buttons” table and edit the button one more time.
Adding custom buttons, styling the existing ones, changing order, enable/disable and delete buttons are all very easy tasks with Sharebar. There is an ability to add buttons in posts or pages, or in both.
Floating box can be set to appear either on the left or on the right side of the blog and it’s great to have a background transparency option, but apart from that, sharing box has just a few styling options through the settings panel.
When Auto mode is enabled, the Sharebar buttons are added automatically. When Auto mode is off, you must manually add the code to your template files and it is very easy to do so:
Floating vertical toolbar (next to the post):
< ?php sharebar(); ?>
Static horizontal toolbar (under the post title):
< ?php sharebar_horizontal(); ?>
You can also call an individual button in any template by using the following code:
< ?php sharebar_button('name','size'); ?>
Alter the above code by entering the name of the button you would like to call and the size is either big or small. You can find the names of the buttons in “Available Buttons” table.
Most Common Questions/Issues:
Why doesn’t the vertical Sharebar appear next to the post?
First of all, make sure the plugin is properly installed and if you’re using manual mode, the Sharebar code has been added to your single.php template. If you’re using auto mode, verify that the Sharebar list is being added to your post by checking the source code. If it’s not in the source, double check the plugin settings and implementation of the code.
How do I get the vertical toolbar to appear at the right side of my blog?
Play with the right offset in the plugin’s settings page – this should include the total width of your sidebar and any other elements which are between your post and the right edge of your blog.
Sharebar floats in front-end and floats in back-end, but when you set your eyes on flawless front-end performance, back-end defects are not that influential. I highly recommend you to try Sharebar.
I would also like to draw attention to additional 3 plugins, that allow you to add a floating sharing box to your WordPress blog. All the plugins are very different, so I hope there is a possibility, that one of them will suit your individual needs.
With Digg Digg you can integrate popular social buttons into WordPress easily, display counters for social media shares to Digg, LinkedIn, Reddit, dDone, Twitter, Facebook, StumbleUpon, Delicious and dozens of others. Facebook Like button supports multiple languages.
Plugin has rich button layout customization options, flexible button display controls. You can enable lazy loading to increase website’s performance. Choose between left or right scrolling effect. Integrate social media buttons in post excerpt.
Smart sharing adds a floating box with social media buttons in single posts only. By default, you can pick between retweet, facebook, digg, and stumbleupon. But you are not limited to these choices because there is an option to add your own custom codes.
This plugin applies B.F Skinner’s Positive Reinforcement theory to social media marketing. Normally buttons are placed either at the top of the post, or the bottom of the post. While both of those positions are OK, they are not the best.
If you place them at the bottom of the post, then you are expecting that the user reads all the way to the bottom. Sometimes users like the post, and they don’t read full articles. This plugin adds a small floating box which scrolls down with the user, so they can vote whenever they are done.
This plugin adds links to your social networking profiles in a box floating at the left side of the screen. By default, the box is attached to the left side of the browser window, but you can easily put it on the right side. Social Slider supports many social sites out of the box and allows you to add an unlimited number of other sites with custom icons.
Social Slider plugin can be easily customized. You can set such options as:
- Display mode – you can choose between several display modes
- Position of the box – the blog’s owner can set on what height the box will be displayed
- Color scheme – choose between two color schemes (light and dark)
- Transparency – an option of setting the transparency of the Social Slider box
- Speed of expanding – after hovering, Social Slider can expand smoothly or show up instantly
- Mobile browsers – you can disable Social Slider for mobile browsers
When I was looking for a social media extension, I had very specific requirements. For me it was necessary to have buttons with counters (not just simple icons), automatic horizontal toolbar mode for users with low screen resolution and ability to add custom buttons. Considering only these essential features, I’ve made a comparison table below this paragraph.
|No.||Plugin Name||Buttons with
If you are a DIY enthusiast, I’ve got something for you. There are loads of great tutorials on the World Wide Web, that will guide you through the process of adding floating social media buttons and, because WordPress is so popular, you can often find a tutorial for each of the theme frameworks as well.
For a self-hosted WordPress installation, I recommend you to refer to Web and Designers article. If you are using Blogger.com services, adding floating social media buttons is even more easy task for you. Just follow the instructions on Hub Pages and you should be fine.
What are your requirements for a social media plugin? Which social media extension is your favourite? Have you ever tried Sharebar?