In today’s world, social media is the primary source of content discovery for many users. Our team understands the immense potential of social sharing for content creators and has written hundreds of articles on social media marketing.
Integrating social sharing buttons on your WordPress website allows visitors to share your content with their social media networks easily. This can boost your reach, drive new traffic, and foster user engagement.
Beyond simply sharing, displaying social share counts can further enhance user trust and encourage clicks by showcasing the existing popularity of your content.
In this article, we will show you how to easily add social share buttons and display share counts on your WordPress website.
Why Add Social Share Buttons in WordPress?
Social networking is one of the most popular online activities today. That’s why social media marketing is now a crucial part of any small business’s growth strategy.
If you want to reach more potential customers, then social media platforms are highly effective channels to communicate with new people.
The problem is that when you share your content on your social media profiles, it only reaches a limited number of your followers.
However, by adding social sharing buttons, you can encourage visitors to share your content on their social media handles. This allows your content to be seen by their friends and followers, who can then add comments, like, and re-share it.
In this way, social share buttons can help drive more traffic to your site, improve your social credibility, generate more leads, and boost engagement.
Having said that, let’s see how to easily add social share buttons in WordPress. You can use the quick links below to jump to different parts of our tutorial:
How to Add Social Share Buttons in WordPress Posts and Pages
First, you need to install and activate the Social Snap plugin. For detailed instructions, you can see our beginner’s guide on how to install a WordPress plugin.
Upon activation, visit the Social Snap » Settings page from the WordPress admin sidebar. Then expand the ‘Social Sharing’ tab from the left column.
This will open new settings in the sidebar where you must select the ‘Manage Networks’ tab.
Next, click the ‘+ Add Networks’ button to add a social media network of your choice from the prompt. You can add platforms like Facebook, Twitter, LinkedIn, and email.
You can also configure the button visibility for different devices by hovering your mouse over the eye icon and toggling the mobile switch to ‘On’. Doing this will show the social sharing buttons to users who are visiting your site on mobile devices.
After that, exit the ‘Manage Networks’ tab.
This will take you to the general settings page, where you can select if you want to add a floating bar or inline buttons for social sharing icons.
Add Social Share Inline Buttons
Social share inline buttons will be displayed at the top or bottom of your posts and pages.
To add them to your site, just click on the ‘Inline Buttons’ tab to expand it.
This will open new settings in the left column with a preview for the social share buttons on the right side of the screen.
From here, you can configure the buttons’ position. You can choose the ‘Below Content’ option to display buttons at the bottom of the content and the ‘Above Content’ option to showcase buttons at the top of the page.
You can also customize your button’s alignment and the share label, shape, and size from here.
Next, scroll down to the ‘Button Labels’ section, where you can decide if you want to display the social media platform’s name, share counts, or both.
After that, you must scroll down to the ‘Display On’ section. Here, you can check the ‘Posts’ box if you only want to display the social share buttons on your posts. You can also check the ‘Pages’ button to show social share buttons on your About Us, Contact Us, or Archives pages.
Additionally, you can check the ‘Home’ option if you only want to display the social sharing buttons on your home page.
Once you are done, don’t forget to click the ‘Save Changes’ button at the bottom to store your settings.
You can now visit your WordPress website to view the social share buttons in action.
Add Social Sharing Floating Bar
If you decide to add a floating bar, then your social share buttons will be displayed on the side of your WordPress posts or pages.
To do this, simply open the ‘Floating Sidebar’ tab.
This will open some new settings in the left column, from where you can configure the position, size, and shape of your floating bar icons.
Once you do that, scroll down to the ‘Display On’ section and select the pages where you want to display the social share buttons.
For example, if you want to display the social sharing floating bar only on your blog posts, then you can select the ‘Post’ option.
Similarly, if you want to display the floating bar on your website’s home page as well, then you can choose the ‘Home’ option.
Finally, click the ‘Save Changes’ button to store your settings.
You can now visit your WordPress blog to view the social sharing floating bar in action.
How to Add Social Share Buttons in WordPress Images
If you have a photography website, then you can even add social share buttons to your images with the help of the Social Snap plugin.
This will allow users to share your images on their social handles and help bring more traffic to your site.
First, you will have to visit the Social Snap » Settings page from the WordPress dashboard and click on the ‘On Media’ tab to open it.
Once you are there, choose your button type. You can add all your social share buttons at the top of the images or add a Pinterest button.
After that, you can also select the button’s size, shape, visibility, and position.
Then, you can add the minimum height and width for an image. This means that the share buttons will not be displayed in an image on your website that is under the minimum height and width limit.
Next, you must scroll down to the ‘Display On’ section and check the options for the pages or posts where you want to display social share buttons on your images.
You can then also toggle the ‘Hide on Mobile’ switch to ‘On’ if you don’t want to display share buttons for images on mobile devices.
Finally, click the ‘Save Changes’ button to store your settings.
Now, simply visit your WordPress site to view the social sharing buttons in images.
Display Social Share Counts in WordPress
If you also want to display the share counts next to the social share buttons, then you must visit the Social Snap » Settings page and expand the ‘Manage Networks’ tab from the left column.
After that, scroll down to the ‘Facebook Share Count Provider’ section, where you can select any of the two sources.
However, we recommend selecting the ‘SharedCount.com’ option. Then, the counts will be retrieved from the SharedCount service API. It allows the plugin to fetch all counts with only 2 API calls, which is best for WordPress performance.
If you choose the ‘Facebook Graph API’ option, then share counts are retrieved from the Facebook API, which can slow down your site.
You can easily get the SharedCount API by signing up for a free account on the SharedCount.com website.
To do this, you will have to provide an email address and password and then click the ‘Create Account’ button.
The website will now send a confirmation link to your email address.
Go ahead and click on the link to verify your account.
Now, you must log in to your SharedCount account again and visit the ‘Settings’ page from the dropdown menu in the top right corner of the screen.
This will take you to a new page where you will see your SharedCount API key.
You need to copy this key and go back to your plugin’s settings page on your WordPress site.
Now, go ahead and paste the API key in the ‘SharedCount API Key’ field.
After that, click the ‘Save Changes’ button to store your settings.
You can then enter this API key again for your Twitter share count. After that, click the ‘Save Changes’ button to store your settings.
You can now visit your website to see the social sharing buttons with the share count for each blog post.
How to Add Social Share Buttons on Custom Landing Pages
If you want to build custom landing pages for your website with social sharing buttons, then you can easily do that using SeedProd.
It is the best WordPress page builder on the market that comes with a drag-and-drop builder, 300+ premade templates, and advanced blocks to create amazing landing pages with social sharing buttons.
First, you need to install and activate the SeedProd plugin. For detailed instructions, see our step-by-step guide on how to install a WordPress plugin.
Note: SeedProd also has a free plan that you can use for this tutorial. However, upgrading to the paid plan will unlock more features.
Upon activation, visit the SeedProd » Landing Pages section from the WordPress dashboard and click the ‘Add New Landing Page’ button.
This will take you to the ‘Choose a New Page Template’ screen, where you will see numerous premade templates to choose from.
Once you make your choice, you will be asked to enter a name for the landing page that you are about to create.
Upon entering this information, just click the ‘Save and Start Editing the Page’ button to continue.
This will launch SeedProd’s drag and drop builder, where you will see a list of blocks in the left column with a page preview on the right.
You can now drag and drop different blocks to build your page. For more details, see our tutorial on how to create a landing page in WordPress.
After that, simply find and and add the Social Sharing block from the left column to your preferred place on the page.
Next, you need to click on the block again to open its settings in the sidebar. From here, you can choose the social media platform with the button you want to add from the dropdown menu.
You can also add a new social sharing button by clicking the ‘+ Add New Share’ button in the column.
After that, you can also configure the button’s size and alignment.
You can even switch to the ‘Advanced’ tab at the top to change the spacing, pick the device visibility, add custom CSS, and use animation effects.
Once you are done, simply click the ‘Save and ‘Publish’ button at the top to store your settings.
Now, just visit the custom landing page to see the social sharing buttons in action.
This is what the page looked like on our demo website.
Bonus: Add a WhatsApp Share Button in WordPress
Apart from social media platforms, you can also add a WhatsApp share button on your WordPress site. WhatsApp is an instant messaging app that allows people all over the world to contact each other.
By adding a WhatsApp share button, you will enable users to share your site content with their contacts, including friends, family, and colleagues. This can boost user engagement, enhance content visibility, and help you expand your brand reach.
You can easily add a WhatsApp share button in WordPress with the Sassy Social Share plugin.
For more information, just see our tutorial on how to add a WhatsApp chatbox and share buttons in WordPress.
We hope this article helped you learn how to add social share buttons in WordPress. You may also want to learn how to add social media icons to WordPress menus and our top picks for the best WordPress social media plugins to grow your following.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk
I see the integration of social media and websites as crucial. Social media buttons on my site have been a priority from the start because there’s nothing better than having your users share your content completely for free. First, it acts as advertising for you, indicating that the content is valuable when someone shares it. Second, it generates free backlinks and attracts additional users from their social groups to visit your site and check out your content. Sharing buttons are, in my opinion, a must-have for any blogger, as they increase their reach without any cost. Thank you for the practical advice in the article. I already have sharing buttons on my blog, but now I see that they could work better and more practically, and that I could also improve the connection between my website and social media. Great!
kzain
Adding social share buttons to my WordPress site has been on my to-do list forever, and this guide made it a breeze. I appreciate how you’ve covered both the manual and plugin methods, so I can choose what works best for me. Your tip on optimizing button placement for maximum visibility is particularly valuable. Now, my content can reach a wider audience and drive more engagement. You guys are the best – always making WordPress easier and more accessible!
Hajjalah
I had always struggled with inserting social share buttons into my blog posts using the default WordPress editor blocks because I needed to repeat it for every post I publish. Sadly its layout in mobile was also very unpleasant.
But after using the Social Snap plugin, It became extremely simple to apply social share buttons any where. It is really amazing to put social share buttons to all posts in any position at once without editing all of them. Indeed, thanks for this article.
Moinuddin Waheed
Having socail share buttons on website pages and posts is of utmost importance.
It gives a way to reach more audience and it also gives a reason to share and save
the useful article for future reference.
I share the wpbeginner articles on my whatsapp personal contact and see later many times.
Most of the socail share plugins doesn’t have option for whatsapp button.
Thanks for mentioning sassy social share plugin, I will try to use it to include whatsapp butto as well.
Very helpful article.
WPBeginner Support
Glad we could share a helpful plugin
Admin
Saransh Agrawal
really helpful for me
WPBeginner Support
Glad to hear it was helpful
Admin
Pagula Majorda
Hi
Your writeup is good no doubt.
I want to ask about the icons placed in the Top Bar, do you simply put the url, if so, what purpose does it serve? On a marketplace demos, I found the icons urls automatically changed to reflect the article I was reading. How does one do that? Any ideas will not only help your readers (I am one of them too), but it will increase the coverage of this article.
Please keep up the good work
WPBeginner Support
Using the Shared Count plugin would not require you to add a link to the social media platform, it would generate the post with a link to the post to share for the user and they would have the option to change the content before posting.
Admin
Sarwat
Shared Count plugin is good but doesn’t have whatsapp.
WPBeginner Support
Thanks for sharing that for those looking for a whatsapp button
Admin
Cathy
do you know of a plugin that I could use my own custom icons for social sharing?
WPBeginner Support
We do not have a recommended plugin for that at the moment but we will be sure to share if we have a recommended one
Admin
Robert B
Well.. this plugin have not been updated since more than 2 years.
Do you have an alternativ?
WPBeginner Support
We do not have an alternative we would specifically recommend at the moment but we are still using the plugin on our site. For the not updated/tested warning we would recommend taking a look at our article below:
https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Admin
Lynn Phillipi
All these explanations were very helpful. Thanks so much.
WPBeginner Support
Glad our guide was helpful
Admin
Allan Green
New to the website builder club, and recently came across the wpbeginner group on facebook. Looking forward to learning lots of new things to build and improve my site.
WPBeginner Support
We hope our content continues to be helpful
Admin
Izhar Ahmad Danish
Wpbeginner is actually a WP-Pro
I have been following your content for last two years, I have learned so many things from basic to pro. It also helped me in every minor errors, issues, even selection of Theme, hostings and Plugins.
Kudos to Syed Balkhi and team
WPBeginner Support
Glad our guides and content have been helpful
Admin
Sourabh
Hey thanks for the guide.
WPBeginner Support
Glad you found our guide helpful
Admin
Diane Hambrick
Thank you for a great deal of valuable information! Sharing on social media is so important for our websites.
WPBeginner Support
You’re welcome, glad our guide was helpful
Admin
Khalid
Nice info and explanation, loved the floating icons, I will try them out.
WPBeginner Support
Glad you liked our guide and recommendations
Admin
Christie
So helpful! Thank you for adding the visuals!!
WPBeginner Support
You’re welcome, glad our guide and visuals were helpful
Admin
Suzanne
Thanks for your awesome tutorial solving step 1 in my issue with social media share butotns. Having successfully installed on a specific blogpost (icons are visible) the specific blogpost is not shared on fB, only a generic text and image about my site… what is missing?
WPBeginner Support
For how your site is displayed on social media, you would want to take a look at our article below:
https://www.wpbeginner.com/wp-themes/how-to-add-facebook-open-graph-meta-data-in-wordpress-themes/
Admin
karima
Great article as usual! Thanks
WPBeginner Support
Thank you and you’re welcome
Admin
Syeda maham Fahim
Great , Thank you
WPBeginner Support
You’re welcome
Admin
Hemant Bisht
Nicely Explained!
WPBeginner Support
Thank you
Admin
Sojol Rana
If you don’t mind, can you told me that what social share plugin you use in this site?
WPBeginner Support
At the moment we’re using the shared counts plugin from this tutorial with custom styling
Admin
Ikechukwu
Nice article but I have a little problem in displaying the share bottoms to my blog category post.
The bottoms only show in pages instead of post how do I fix that
Thank you.
WPBeginner Support
You would want to reach out to the support for your theme and they should be able to help with the footer display.
Admin
Daniela
Hi well written article thanks.. I was wondering is there a possibility to insert and have the same effect without a plugin I mean with php and jv using Facebook sharing.. Thanks for your reply.
WPBeginner Support
We do not have a beginner-friendly method to add share buttons with JS and PHP
Admin
Benjamin
Hi,
What plugin are you using for your social shares?
The share counts plugin doesn’t have an option to make it look like yours.
Thanks
WPBeginner Support
We added custom styling for the shared counts to look like they do on our site
Admin
Benjamin
Oh, I see
Is there anywhere I can find this styling to make it look the same on my website? I really like the look!
Thanks
WPBeginner Support
Not at the moment but we will look into the possibility of including it in an article
Martin Koss
Which social sharing plugin do you use yourselves on your blog (and this post).
Thanks.
WPBeginner Support
At the moment we are using the shared counts plugin from the article
Admin
Valli
As per this, am bit confused, whether you are suggesting to add both plugin “Shared count & Sassy social share” or any one is sufficient.
curiously awaiting for your reply.
WPBeginner Support
Either one is sufficient, they just have different design options depending on what you’re wanting to do.
Admin
Viktor
Thanks for the description! I needed a few part of and I got the exact information!
WPBeginner Support
Glad our guide was helpful
Admin
Lorelei
Very helpful article and easy to follow! Thanks!
WPBeginner Support
You’re welcome, glad you liked our article
Admin
Aman
It was a fantastic blog post,
Is there any step by step procedure for beginner in WP, like sequence of blog post or e-book
WPBeginner Support
If you’re trying to create a post series, you could take a look at the plugin we recommend in the article here: https://www.wpbeginner.com/plugins/how-to-effeciently-manage-post-series-in-wordpress/
Admin
Kane Martin
I am regular visitor of wpbeginner. Thanks for doing great job again. Information is well organized and easy to understand, will help me. Can you suggest me some plugins which can display Flickr album on website?
WPBeginner Support
Thank you, while we don’t have a recommendation at the moment, we will certainly keep an eye out
Admin
Xavier Jinan
Should i use them when my theme already have share buttons ? Because a blog on Hostnoc suggested that adding the buttons can slowdown your website. So why should i use it ?
WPBeginner Support
If your theme already has social icons then you don’t need to use a plugin if you don’t want. For understanding how plugins affect speed, you would want to take a look at: https://www.wpbeginner.com/wp-tutorials/how-wordpress-plugins-affect-your-sites-load-time/
Admin
Chukwuezugo
What about AddToAny social share plugin? That’s what I use and I love it. You can tweak it to give you either the standard share icons or the floating icons.
WPBeginner Support
That is one of the recommended options in a different article found here: https://www.wpbeginner.com/plugins/best-social-media-plugins-for-wordpress/
Admin
Micki
I rely heavily on information found on WP beginner. The site has been invaluable to me in starting my blog.
One question on this post: The plug in, Shared Counts, is untested with my version of WordPress. Since I update each time an update is available, I am assuming that it is untested with the most updated version of WordPress.
I use the Classic Editor plug in, if that makes a difference.
Is it still safe to use this plug in? It sounds like it is exactly what I am looking for but I am hesitant to install it.
Any direction would be greatly appreciated.
Thanks so much for the on-going help found on the site.
WPBeginner Support
For plugins not tested with your version, you would want to take a look at: https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Admin