How To Add Floating Social Share Buttons To WordPress Posts?
Sharing your content on social media is one of the best-promoting methods for your blog or business website.
It will not only get more social attention to your blogging site but will also bring in huge traffic and engagement.
Now, in order to get this done, you need to add social sharing buttons to your WordPress website which will encourage your blog readers to share your content easily.
Well, after trying one or two best social sharing WordPress plugins, I finally found something worthy enough to stuck with and that is – Social Snap.
Social Snap is a well known and most popular social media WordPress plugin which is used to add –
- the floating Social Sharing buttons,
- Social Followers count button,
- Click to Tweet,
- Social Stats and Advanced Analytics on your blog.
In fact, TheMaverickSpirit uses SocialSnap to show vertical floating social share buttons on desktop, tablet, and mobile.
Recommend Reading Social Snap Review – Best Social Sharing WordPress Plugin for Bloggers
Well, today in this tutorial, I am going to show you how you can add floating social share buttons to your WordPress posts using SocialSnap.
How to Add Floating Social Media Buttons to WordPress Posts Using Social Snap?
As said earlier, we will be using the Social Snap Social Sharing WordPress plugin to add social media sharing buttons.
Social Snap is a light-weighted, performance-optimized social media sharing plugin which allows you to add horizontal as well as vertical social sharing buttons to your WordPress post, pages, and other custom post types (created by you or third-party plugins).
It also displays the number of views and shares counts for a particular page or post.
Let’s get familiar with the steps –
1. Create an Account on Social Snap
The first step is to create a Social Snap account. Social Snap comes at a cheap price of $27.30 per year for a single site license.
Based on your needs pick the best plan and Click on the “Get Started” to purchase a license for your WordPress website.
***Try risk-free with 30 Day money-back guarantee.
2. Login and Download Social Snap Pro WordPress Plugin
After purchasing the license, log in and go to the account page.
Download the Social Snap Pro and copy the license key.
3. Install & Activate Social Snap WordPress Plugin on your WordPress Website.
The next step is the installation of the Social Snap WordPress plugin.
In case you don’t know about WordPress Plugin Installation, you can read the WordPress Plugin Installation Guide.
(a) Go to WordPress Dashboard > Plugins > Add New > Upload Plugin.
Browse the downloaded file and upload the Social Snap Pro plugin.
(b) Click on Install now and activate the plugin.
4. How to Configure Social Snap WordPress Plugin?
After installing and activating the plugin, let’s configure the floating sidebar in Social Snap plugin settings.
(a) Go to Dashboard > Social Snap > Settings > Social Sharing > Floating Sidebar.
(b) You can enable and disable the floating sidebar settings from this section.
And the best thing is that you can customize many things in the floating sidebar like position, social networks, shape, size and much more according to your requirements.
Let’s take a quick look at all the customizable options –
(a) Sidebar Position
Social Snap lets you place floating buttons in 6 different positions which include –
- Top Left
- Center Left
- Bottom Left
- Top Right
- Center Right
- Bottom Right
(b) Sharing Button Shape and Size
You can customize the social sharing button shape and size according to your website styles.
You can also preview them on the right side of the settings.
(c) Choose Where You Want To Display The Buttons – Pages and Post Types
Social Snap lets you choose on which page and post types you want floating sidebar buttons to get displayed.
(e) Display All Networks
You can choose whether you want to display selected social networks on the floating sidebar or all networks.
(f) Total and Individual Share Counts
Social Snap lets you display total share counts and individual share counts of each network.
This certainly will encourage your visitors to read and share the content on their favorite social networks.
(g) Hide on Mobile
You can even hide the floating sidebar on mobile devices because it appears over the content and the user might get frustrated and leave your website instantly.
But what if you want to display share buttons on mobile while displaying the content?
Here’s the solution – you can hide the floating sidebar by checking this option and display sticky buttons on the bottom of the mobile device.
And to enable sticky buttons on mobile devices, follow the below steps –
(a) Go to Dashboard > Social Snap > Settings > Social Sharing > Sticky Bar.
(b) Enable the sticky bar and choose ‘bottom’ from the position settings.
(c) Next, choose where you want the mobile sticky bar to display. You can choose posts, pages, post types, etc.
(d) Lastly, you need to choose ‘Visible on Mobile Only’ from the visibility section.
With this process, you can display social share buttons on mobile devices without ruining the user experience.
(h) Display Views Count
You can display views count for a post and page using Social Snap.
(i) Minimum Share Counts
You can set a minimum limit of share counts. Let’s say you set a value 5 in this setting, then Social Snap will hide the number of shares if it is less than 5.
(j) Custom Colors
You can always make social buttons match your WordPress theme color code by choosing a custom button color, icon color, and hover colors.
(k) Hide Social Bar On Specific Post and Page
You can even hide the social floating bar on a specific post and page if you want to.
Edit the post or page on which you wish to disable the share buttons.
Now, under the document tab of Gutenberg Editor, you will find Social Snap Social Sharing Settings.
You can enable “Disable Share Buttons” settings in order to disable sharing buttons from the post or page.
(l) Other Settings
You can also set other settings related to spacing, tooltips, and animation.
- Vertical Offset
- Button Spacing
- Network Label Tooltips
- Animation Settings (Entrance and Button Hover Animation)
Final Words – My Recommendation
Social Sharing Buttons is now a must-have element for any WordPress website as it can boost your website’s or brand visibility in social media.
And using Social Snap, you can easily do this in a few minutes and I will definitely recommend you to try SocialSnap WordPress Social Plugin now.
I hope this tutorial helped you in setting up floating sharing icons on your WordPress website.
Let me know if you face any problem in the setup, I will be happy to help you out.
If you are using any other plugin on your website for floating social share buttons! Let me know in comments.