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.
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
- 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
- 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
3. YouTube ID
- From the URL, copy the name and use it in the required field of the Social Counter
4. Vimeo ID
- From the URL, copy the name and use it in the required field of the Social Counter
5. Google Plus ID
- From the URL copy the name and use it in the required field from the Social Counter
6. Instagram ID
- From the URL, copy the name and use it in the required field of the Social Counter
7. SoundCloud ID
- From the URL, copy the name and use it in the required field of the Social Counter
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: