Social counters is an option for notifications that you can use as social proof on your website.

To use social counters, navigate to "Notifications" from the left menu and click "Create popup". Now you have a modal open, that can also be seen below.

I did border the "setting" tabs that are important when using social counters. You can also use aModal form with social counters, but it is very rarely used, so this guide doesn't focus on that.

So to start you can jump to "Modal form" and turn off the modal, by clicking the switch from the top, as indicated in the picture below:

After this you can jump back to Notifications and choose the basic look for the notification. Now you should be all set for setting up the social counters so jump to "card content".

First, you can remove the default "Reviews" section by clicking the thrash bin. And add the "Social media followers" module. Now you see the section from which you can configure social media counters.

The "Title" defines the text that can be seen in the notification above the social media count. By clicking "Edit" you can add the Facebook page name, Youtube channel id and Twitter account handle, as pictured below.

1. Facebook page name

Facebook page name can be found from your Facebook page after the @, as seen in picture below:

2. Youtube channel id

Youtube channel id can be found by logging in to your Youtube channel, clicking the profile picture in top right corner, selecting settings from the menu and clicking "Advanced settings" from there. You can see a picture of where it should be found below:

3. Twitter account handle

Twitter accound handle can be found from your twitter page after the @, as seen in the picture below:

After you have the channels connected, you can jump to "Show on pages" tab from the menu on the left.

Showing Social Counters

From the "Include" pages you can decide on which pages you want to show the social counters on. * -works as a wildcard which means it includes every URL. You can also use the wildcard like this:


In this case the notification would show on all URLs of the site that have /blog/ in them as just * would show it on all URLs.

With "exclude pages" you can exclude some pages you don't want the notification to show on. Through "sessions" you can do A/B testing with the notification and decide on how quickly will the person see the notification again, if he has already seen it once.

Did this answer your question?