All posts by admin

How to Enable Twitter Login Using Twitter API Key

October 11, 2018 admin

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

Steps To Enable Twitter Login

Navigate to Twitter Developers section and login to your Twitter account if not already logged in.
Apply for a developer account as per the recent changes introduced by Twitter if not already done.
You can save the following exact snippet to describe how you would use the Twitter app you are about to create:
This app will fetch website visitors’ basic social profile data only by their consent and use that to create a user account at the website url mentioned above. The fetched profile data will be displayed at their user profile page of the website that they will be able to update as per their requirement.
Create a new app
Fill the fields as described below
- App name: Specify the name of your app (You can enter whatever name you like, but it’s recommended to enter your website or company name in this field)
- Application Description: Enter short description of your company/website
- Website URL: 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)
- Callback URLs: Same url you saved in the Website URL option above
- Terms of Service URL: Url of terms of service of your website
- Privacy Policy URL: Url of privacy policy of your website
- Organization name: Name of your business/organization associated to your website
- Tell us how this app will be used: You can save the following exact snippet in this option:
  This app will fetch website visitors’ basic social profile data only by their consent and use that to create a user account at the website url mentioned above. The fetched profile data will be displayed at their user profile page of the website that they will be able to update as per their requirement.
- Developer Agreement: Check the checkbox – “Yes, I have read and agree to the Twitter Developer Agreement“
- Click Create Twitter application button
Navigate to Permissions section and set permission to Read only. Click Save button.
Note: If you want the app to fetch email addresses of users, you can check “Request email addresses from users” checkbox.
From Keys and Tokens section, paste API key in Twitter API Key and API Secret in Twitter API Secret options, respectively, in your plugin settings.
Do not forget to Save Changes after configuring all the options on plugin settings page.

App Configuration

How to Enable Vkontakte Login Using Vkontakte API Key?

September 23, 2020 admin

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

Steps To Enable Vkontakte Login

Login to your Vkontakte account, if not already logged in.
Navigate to https://vk.com/editapp?act=create to create the application
Fill the fields as described below:
- Title: Title of your app. You can enter whatever name you like, but it’s recommended to enter your website or company name in this field.
- Platform: Select Website
- Website address: 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:// (for example: http://mywebsite.com or http://www.mywebsite.com)
- Base domain: Enter same website url as in Site address option, without http:// or https://. For example – If your website url is http://www.mywebsite.com or http://www.mywebsite.com/dir then save www.mywebsite.com in this option
  If your website url is http://mywebsite.com or http://mywebsite.com/dir then save mywebsite.com in this option
Click Connect Website button
Get confirmation code at your mobile number as directed in the popup appeared and confirm it.
Optionally, you can provide other details about your app. Save the settings.
Copy the Application ID and Secure Key from Settings section and paste it in Vkontakte Application ID and Vkontakte Secure Key options in the Super Socializer plugin

App Configuration

How to Integrate Instagram Login with WordPress?

November 26, 2020 admin

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

Steps To Integrate Instagram Login

Navigate to https://developers.facebook.com/products/instagram/, login to your Facebook account if you are not already logged in. Click My Apps in the top-right corner.
Add a new app
Select the third option For Everything Else
Specify a display name for your app, select a Business Manager Account. Selecting a Business Manager Account is mandatory. Without it you won’t be able to use Instagram login. Click Create App ID button.
Click Set Up in the Instagram Basic Display block.
Scroll down to the bottom of the page and click Create New App
Specify display name of your Instagram app and click Create App button
Navigate to the Basic Display section in the Instagram Basic Display section from the left sidebar
Enter HOME_PAGE_URL/SuperSocializerAuth/Instagram (if using Super Socializer) OR HOME_PAGE_URL/HeateorSlAuth/Instagram (if using Heateor Social Login) in the Valid OAuth Redirect URIs option. Here HOME_PAGE_URL is the url of the homepage of your website.
Enter url of homepage of your website in the Deauthorize Callback URL option.
You can state in the privacy policy of your website how you will use the Instagram profile data of users going to use Instagram login as mentioned at the link and save url of privacy policy page of your website in the Data Deletion Request URL option. You can mention in the privacy policy that users should contact the website admin if they want their profile data to be deleted from your website.
Click Save Changes
Navigate to Settings > Basic section from left sidebar, specify Privacy Policy URL of your website.
Select the Category that your website belongs to.
Scroll at the bottom of the page, and click Add Platform
Select Website
Save url of homepage of your website in the Site URL option. Save changes.
Click In Development button, Switch Mode and make Instagram app Live.
Navigate to Roles > Roles and scroll down to the Instagram Testers section.
Click Add Instagram Testers and enter your Instagram account’s username and send the invitation
Login to the Instagram account you invited in the previous step in a new browser tab, click settings icon, click Apps and websites. In the Tester Invites section, accept the invite you sent in previous step. You will be able to use Instagram login using only this account until you get the permissions approved for your Instagram app (see step 19 below).
Navigate back to the browser tab where you were configuring Instagram app.
Navigate to Basic Display page in the Instagram Basic Display section from the left sidebar. Scroll to App Review for Instagram Basic Display section at the bottom of the page and click Add to submission right in front of instagram_graph_user_profile. Provide the details required for submission.
Note: As Instagram do not allow login/authentication to be used with any of their scopes according to their developer docs, you can describe how Super Socializer uses Instagram icon in Social Account Linking section at the user profile page to link their Instagram account to their existing account at your WordPress website. Just keep social login icons disabled at the login, register pages of your website before Instagram approves your submission.
On the same page, copy the Instagram App ID and Instagram App Secret (after clicking the Show button right in front of it) and paste in the Instagram App ID and Instagram App Secret options in the Super Socializer > Social Login section in admin area, respectively.