Tag Archives: Super Socializer

Super Socializer Configuration

After installing the Super Socializer plugin, you can navigate to the relevant section from Super Socializer configuration menu in the left sidebar in the admin area, depending upon which feature you want to use.

Super Socializer Configuration – Social Sharing

To integrate social share icons at your website, navigate to Super Socializer > Social Sharing page in admin. By default social share icons are enabled at your posts and pages. You can go through each option here and customize social sharing from this section. Every option has (?) icon before it that you can click to get more detailed info about that option.

Note: If you have enabled Facebook in the social share bar and have enabled share counts, you need to save Facebook App ID and Facebook App Secret in the Miscellaneous section for Facebook share count to work. Here are the steps to get Facebook App ID and Secret.

Super Socializer Configuration – Social Login

To let your website visitors login at your website using their social media accounts, you can integrate Social Login icons at your website from Super Socializer > Social Login page in admin.

Super Socializer Configuration – Social Commenting

To let your website visitors comment using their Social Media accounts, you can integrate Social Commenting at your website from Super Socializer > Social Commenting page in admin area.

Super Socializer Configuration – Like Buttons

If you want to integrate like, tweet, share buttons offered by social networks as is without any customization, you can integrate these buttons from Super Socializer > Like Buttons page in admin area.

Super Socializer Configuration – Social Media Follow Buttons

You can integrate the Super Socializer – Follow Icons widget from Appearance > Widgets page in admin area.

Check out the live demo of Super Socializer here

Like Buttons Shortcode and Widget

admin

If you are using Super Socializer plugin, you can use following Shortcode in the content of required page/post where you want to display Like Buttons.

You would like to read this post to use the shortcode without causing any problems at your site.

Like Buttons Shortcode

You can use [TheChamp-Counter] Shortcode in the content of required page/post where you want to display like buttons interface.

Example
[TheChamp-Counter]

You can use following attributes in the Shortcode

Style

Use style attribute to style the rendered like buttons interface

Example
[TheChamp-Counter style="background-color:#000;"]

Type

Use type attribute to specify the type (“horizontal” or “vertical”) of like buttons. Defaults (if not specified) to horizontal.

Example
[TheChamp-Counter type="vertical"]

Title (Works with “horizontal” type interface only)

Use title attribute to specify title above like button bar.

Example
[TheChamp-Counter title="Sharing is Caring"]

Align (Works with “vertical” type interface only)

Use align attribute to specify alignment (left or right) of like button bar. Defaults (if not specified) to left

Example
[TheChamp-Counter type="vertical"]
(Will align to left, as align is not specified)
[TheChamp-Counter type="vertical" align="right"]
(Will align to right)

Left (Works with “vertical” type interface only)

Use left attribute to specify the left offset (distance form the left side of the screen) of like buttons interface. Defaults (if not specified) to 0

Example
[TheChamp-Counter type="vertical" left="500"]

Right (Works with “vertical” type interface only, “align” attribute must be set to “right”)

Use right attribute to specify the right offset (distance form the right side of the screen) of like button bar. Defaults (if not specified) to 0

Example
[TheChamp-Counter type="vertical" align="right" right="500"]

Top (Works with “vertical” type interface only)

Use top attribute to specify the top offset (distance form the top of the screen) of like buttons interface. Defaults (if not specified) to 100

Example
[TheChamp-Counter type="vertical" top="200"]

Url

Use Url attribute to specify the url/page to be liked. Defaults (if not specified) to the webpage where shortcode is placed

Example
[TheChamp-Counter type="vertical" url="http://mywebsite.com/example.php"]

You can use shortcode in PHP file as following

<?php echo do_shortcode(‘SHORTCODE’) ?>

Replace SHORTCODE in above code with the required shortcode like [TheChamp-Counter style=”background-color:#000;”], so the final code looks like following
<?php echo do_shortcode('[TheChamp-Counter style="background-color:#000;"]') ?>

Widget

You can navigate to the Appearance > Widgets section in the left sidebar and enable Super Socializer – Like Buttons (Horizontal Widget) and Super Socializer – Like Buttons (Vertical Floating Widget) widgets in the required area.

App Configuration

How to enable Xing Login by Creating Xing App?

admin

If you are using Super Socializer plugin for Social Login, follow the steps mentioned below to enable Xing Login at your WordPress website.

Xing is a popular social network for professionals having more than 14 million members worldwide. If you are working with Xing APIs or want to use Xing Social Login feature in Super Socializer plugin, you will require Consumer Key and Secret. Following are the steps to get Xing Consumer Key and Secret

Steps to enable Xing Login

Navigate to Xing developers page and login if you are not logged in already
You will be redirected to apps dashboard page. Click Create App button
Give this app a name of your choice. You can specify whatever name you like, but it’s recommended to enter your website or company name in this field and click Save button
Click Get a production key button for the app you just created
Note: Consumer Key and Secret displayed in the Test key section (see the screenshot above) can be used to test Xing Social Login. But it is recommended to use Production Key in the plugin (that you will get after following all the steps mentioned in this post) at your live website because it only possesses the access rights that you actually need for your application as opposed to the Test Consumer Key.
Click the Next button
Fill the mandatory fields as described below in App Details section
- App name: Name of your app. Keep it same as mentioned in step 3 above
- App website: Url of the website that provides details about your application
- Description (English): Purpose of your app
You can also fill other optional fields too. This information will be displayed in the authentication dialog that will appear when users will login using Xing at your website. You can see the preview by clicking Preview the OAuth handshake link. Once done click Next button.
Make sure the App user details and Users rights are selected in Access rights section. Click Next button
Select Basic Data and Active email in User Data section and click Next button
Provide your details in Developer details section. As Xing guys will send the production key via snail mail to this address, please make sure to enter a valid one. Click Next button once done
You need to specify a Callback domain in OAuth section
Open your website homepage (at which you have installed the plugin) in browser, click the address bar so that website url gets highlighted, copy this url and paste it in this option. Please make sure that this url includes http:// or https:// and it has no trailing slash (for example: http://mywebsite.com or http://www.mywebsite.com).
Note: If your website url has directory/folder/path after domain (For example- http://www.mywebsite.com/dir), then save url without directory/folder appended to it (For example- http://www.mywebsite.com) in above option.
Keep “I don’t want to use a callback domain” option unchecked. Click Next button.
Tick mark terms and conditions checkbox in Terms and Conditions section.
Optionally, you can specify Additional notes. Click Submit button.
You should see the notification with status Submitted

You will receive a PIN via email (PIN1), a second PIN will be sent to you by snailmail (PIN2). Once you have received PIN1 and PIN2, you can log in to your developer account, choose the appropriate application, and enter both PINs to activate your Production Consumer Key. After getting the production Consumer Key and Secret, paste these in Xing Consumer Key and Xing Consumer Secret options in Super Socializer > Social Login section in admin panel of your website.