WPMet Site Logo
  • Home
  • Plugins
    • ElementsKit
    • ShopEngine
    • GetGenie AI
    • MetForm
    • WP Social
    • WP Fundraising
    • Wp Ultimate Review
  • About
  • Blog
  • Support
  • Contact
  • My Account
WPMet Site Logo

How to Add Social Counter to a WordPress Site

WasimWasim Updated on: November 16, 2022 WordPress Wp Social 6 Min Read
How to add a social counter in a wordpress site- featured image

Hunting for a fruitful way to generate leads and convert your visitors? Whether it’s an online or offline business, you can do that easily if you own a commercial WordPress website. Add social counter to your WordPress site, you can easily achieve your goal.

You may be wondering how a social counter can generate leads for me? Well, social media counter displays the followers, fans, and subscribers of your social media channels on your website. When you show your fanbase on the site, it motivates your site visitors and prompts them to follow you.

Once your site visitors start following you, you will get a golden opportunity to circulate your products or services to them. You can share ads and promotional content on different social media channels and they will crop up in front of your followers. Some of your followers will surely find your offers lucrative and turn into leads.

In this write-up, I will walk you through how to add social counter to a WordPress site. In case you are wondering why I have picked WordPress to add social counter, the following stats is the answer for you-

As per the latest data of Hosting Tribunal, WordPress powers 39.6% websites of the Internet in 2021, getting nearly 5% boost from 35% in 2020. And if you compute only the CMS-built sites, 64.1% sites are powered by WordPress. 

However, WordPress currently claims on their website to be powering 42% of the world’s website.

Hopefully, you got it now why I chose WordPress to make this tutorial. I will show you the step-by-step process of adding a social counter in WordPress through the social media plugin WP Social. But before going to the procedure, it’s crucial to know why WP Social, for adding a social counter?

Why Add Social Counter in a WordPress Site through WP Social?

Tons of social media plugins are available at your disposal. Then, why WP Social? Well, WP Social is a feature-rich social media plugin that is worth trying as a social media followers counter. The plugin boasts a trio of social share, social counter, and social login. I can list a number of reasons why the plugin is a real gem. 

But what makes the plugin stand out from others is its gorgeous social counter look and integration of a host of providers. Take a look at one of the stylish demos of the WP Social’s social counter along with some popular social media networks the plugin integrates-

Social media counter demo and social media channel providers

Why add social counter in a WordPress Site through WP Social? Let’s check it out- 

  • Smooth interface and integration process on any WordPress site. 
  • Several social counter templates are available for you to pick and choose and add on your site. 
  • Supports all the major social media channels which is key to social counter.
  • Gorgeous buttons and placement options available. 

How does Social Counter of WP Social Work?

WP Social’s social counter has 3 different tabs- Counter Settings, Providers, and Style Settings. From Counter Settings, you have to set the cache hours, choose the theme, and use shortcode if you want to display a social counter.

Under the Providers tab, you can see a number of social media network providers including Facebook, YouTube, Twitter, Instagram, Linkedin, Mailchimp, Pinterest, Dribble, and so on. You can pick and choose your social media channels to display on the social counter in your site. 

Under the Style Settings tab, you can note a plenty of styles for your social counter buttons. You can choose flat line style, rounded line style, flat icon style, rounded icon with hover color style, vertical line style with fill color, and whatnot.  

Let’s jump straight to the tutorial….

Install and Activate WP Social:

At first, you have to install and activate WP Social. How to do that? You can refer to the documentation- How to install and activate WP Social for that. 

As a matter of fact, you can do that either from your admin panel dashboard or download it manually first and then install it. Once the plugin gets installed, you can activate it straightaway.

Find WP Social on the Dashboard:

Now, navigate to WP Social on the dashboard and hover over it. A list of items will show up and select Social Counter from them.

Find WP social on the dashboard

This will take you to a new page and here you can basically see the 3 tabs that I mentioned above right on the top- Counter Settings, Providers, and Style Settings. By default, you will be active on the Counter Settings tab under which you can see 3 parameters. 

Set the Necessary Data on Counter Settings Tab:

Firstly, set Cache (hours) which is set to 12 by default but you can alter it as I have set it to 2. It means after every 2 hours, it will take an auto-refresh and show an updated data.

Then, you have to choose whether you want to use the default font family theme. If you want, select Yes or else No.

Set cache hours and choose theme

At the bottom of the page, you will have a number of shortcodes appearing which you can use anywhere on the page to display social counter.

Shortcodes on display for social counter

Switch to the Providers Tab and Get Started with Facebook:

Now, switch to the tab Providers and you will see a number of platforms like Facebook, Twitter, Instagram, Linkedin, YouTube, etc. Out of them, you can select the ones you want to display on your page. I will choose Facebook, Instagram, and Youtube in this tutorial.

First of all, navigate to the Facebook section and click the “Getting Started” button.

Get started with Facebook in providers tab

Enable Facebook Block:

This will open up a window where you have to give your Facebook page ID. Other input fields can remain unchanged. Then, hit the “Save Changes” button.

After you save the above data, don’t forget to enable the toggle under the Facebook section.

Enable Facebook section

Move to the Widgets Area: 

Now, you can use the social counter. There are 2 different ways to use it which I will show you. In the 1st method, you have to go to the widgets area. For that, navigate to the Appearance in the dashboard and find Widgets hovering over the Appearance. Then, click the item Widgets from the list of items.

Move to the Widgets Area

This will take you to a new page where you can see “Widgets” on the top-left side and a list of items on the page.

Select WSLU Social Counter

Add WSLU Social Counter Block: 

Click the “+” button and type WP Social on the search field. Select WSLU Social Counter block and a list of items will show up. Set the item fields from the options and click update.

Add WSLU social counter block

Select Instagram and YouTube Blocks:

Go to the Providers again and click the “Getting Started” button of Instagram.

Select Instagram and YouTube Sections

Provide the necessary data for Instagram on the fields Username, User ID, and Access token. I will keep the other fields unchanged. Then, hit the Save Changes button. Turn on the Instagram toggle thereafter.

Provide the necessary data for Instagram

Likewise, go ahead to set the parameters of YouTube. Click “Getting Started” like before.

Provide the necessary data for YouTube

Then, put the necessary data for YouTube on the window fields. Click “Save Changes” and enable the YouTube toggle.

Enable YouTube Block

Preview the Social Counter Buttons:

Now, go to the Posts and click Preview to see the social counter buttons of Facebook, Instagram, and YouTube on your page. From the screenshot below, you can see how it shows up on the front-end.

Here, you can view Facebook counter, Instagram counter, and YouTube counter. But you can display Twitter counter, Pinterest counter, Dribble counter, and other counters supported by WP Social as well.

Preview the social counter buttons
Download Now

Get in touch with us through our support center if you have any query about WP Social.

Second Method of Showing Social Counter:

Now, let me show you the 2nd method of displaying the social counter. This is something you can do easily using the shortcodes that I showed on the Counter Settings tab. 

Copy the Shortcodes:

Go to the Counter Settings tab and copy any of the shortcodes. Now, move on to the widget area as shown before.

Copy the social counter shortcodes

Paste the Shortcode on the Right Area: 

Click the “+” button beside Widgets and search for the shortcode button on the search field. Now, paste the shortcode that you copied on the designated area. Update the page to bring the changes into effect.

Find the shortcode button and paste the shortcode

Refresh the Page: 

Reload the page and you can view the social counter showing up like before.

Reload the page and preview the social counter

Switch to the Style Settings Tab: 

Now, it’s time to take a look at the counter style. Go to the social counter dashboard of WP Social and select the Style Settings tab.

Social counter styles

Select your Preferred Counter Style:

You will notice a number of counter styles on the screen. On the top, free styles will show up and select one of them. But there are pro styles also available which you can use if you are a premium user.

Select our preferred counter style

WP Social- Social Counter Demos at a Glance:

Let’s take a quick look at some of the popular social counter demos of WP Social from the gif below-

WP Social- social counter demos

Try it out:

That’s it. It’s a piece of cake to add social counter through WP Social, right? That’s why I have chosen this user-friendly plugin to demonstrate to you how to add social counter to a WordPress website. I am pretty sure that if you go through the tutorial once, you can get the hang of injecting  social counter through WP Social.

Along with enabling social counter, WP social also adds social login and integrates social share on your website. It has 8+ social counter providers, 8+ social login providers, and 24+ social share providers. It comes with tons of features including sophisticated API, unlimited customizations, hover animation, and so on.

When you are getting so many benefits in one plugin, it’s worth trying it, right? Till I come up with another exciting tutorial, just chill and enjoy your time!!!  

Grab WP Social Now
  • Share :

How to Customize WooCommerce Shop Page in 2 Easy Steps

Previous post

ShopEngine LTD Giveaway- Congratulations to the lucky Winners

Next post

2 Comments

  • Reply
    Desiree says:
    November 14, 2022 at 7:09 pm

    Hi, I think I did everything right and it was a pain in the ass to get those APIs. But now i pasted the shortcodes and all the followers are set on 0. Do you maybe know why? Thank you!

    • Reply
      Wasim says:
      November 16, 2022 at 11:10 am

      Thanks for your question. Kindly check your default fans or followers and make sure that they aren’t set to 0. If you set a number to default fans or followers, it should work.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Get Subscribed Today!

WPMet Site Logo
© 2022, Wpmet. All Rights Reserved. Built with ElementsKit.

Company

About us
Contact us
Support
Blog
Collaborate
Documentation

Resources

Affiliates
Affiliate Area
Privacy Policy
Terms & Conditions
Refund Policy
Login/Register

Our Products

Elements Kit
ShopEngine
GetGenie Ai
Metform
WP Social
Wp Ultimate Review
Wp Fundraising

Follow Us

Payment systems accepted by Wpmet

Wpmet is not affiliated with or endorsed by Open Source Matters or the WordPress Project. The CMS logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Opt out!.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
Vendor/Partner
SAVE & ACCEPT