tagDiv Social Counter tutorial

The Social Counter has support for Facebook fans, Twitter followers, YouTube subscribers, Vimeo, Instagram, Google Plus, Soundcloud and Feed subscribers.

You can use the Social Counter in two different ways:

1. As a widget in the sidebar

  • Go to Appearance > Widgets, find [tagDiv] Social Counter, and drag it in the sidebar.

2. Using the tagDiv Composer

  • Create a new page, and from the tagDiv Composer click the Add element button. Select the Social Counter from the list.

the social counter in the tagDiv Composer

How to set up Social Counter

1. Facebook ID

  • Step 1 – Copy the name from the URL and use it in the required field of the Social Counter

facebook-id

 

  • Step 2 – Get the Facebook Application ID if you have one. If not, from https://developers.facebook.com go to My Apps -> Add a New App. Then you can choose the ‘Site web’ option.
  • Step 3 – Press the “Create app” button

 

  • Step 4 – In the new window, add the “Display Name” and press the “Create App ID button”
  • Step 5 – You do not have to select any products now; you can simply access the dashboard and get the App ID and Secret Key

facebook-secret-key

facebook-get-secret-key

 

  • Step 6 – Copy the App ID and the App Secret Key to the Social Counter Widget, and then click Get Access Token

 

If this process fails, you will need to clear the browser cache (ctrl+shift+delete in chrome) and clear cookies and cached images.

2. Twitter ID

  • From the URL, copy the name and use it in the required field of the Social Counter

twitter-id

 

3. YouTube ID

  • From the URL, copy the name and use it in the required field of the Social Counter

youtube-id

 

4. Vimeo ID

  • From the URL, copy the name and use it in the required field of the Social Counter

vimeo_id

 

5. Google Plus ID

  • From the URL copy the name and use it in the required field from the Social Counter

google-plus

 

6. Instagram ID

  • From the URL, copy the name and use it in the required field of the Social Counter

instagram

 

7. SoundCloud ID

  • From the URL, copy the name and use it in the required field of the Social Counter

soundcloud

 

To increase the theme’s design flexibility even more, we decided to add 10 new Social Counter styles. Try them all and pick the one which works best for your project. The style can be set from the plugin settings panel: