All posts by admin

How to Get Spotify Client ID and Client Secret?

  1. Navigate to the Dashboard, login to your account and click CREATE A CLIENT ID.
  2. Provide all the details as mentioned below
    Application Name: Name of the app. Should be something relevant to the website where you are integrating the Spotify login
    Application Description: Description of the app. Your website visitors will see this when using Spotify login at your website first time. For example, this app uses the basic profile data of your Spotify account to create your user account at this website
    Website: Enter the url of the homepage of your website in this field
    Redirect URIs: If HOMEPAGE is the url of the homepage of your website save exactly the following url
    If using Super Socializer plugin, save HOMEPAGE/SuperSocializerAuth/Spotify
    If using Heateor Social Login plugin, save HOMEPAGE/HeateorSlAuth/Spotify
    For example, if your website is https://yourwebsite.com, you need to save https://yourwebsite.com/SuperSocializerAuth/Spotify or https://yourwebsite.com/HeateorSlAuth/Spotify in this option
  3. Register the application
  4. Copy the generated Client ID and Client Secret and save these in the Spotify Client ID and Spotify Client Secret options at the Super Socializer > Social Login options page in the admin area

How to Get Dribbble Client ID and Client Secret?

  1. Go to https://developer.dribbble.com/ link and login with your credentials and click Register your application button
  2. Provide all the details as mentioned below
    Name: Name of the app. Should be something relevant to the website where you are integrating the Dribbble login
    Description: Description of the app. Your website visitors will see this when using Dribbble login at your website first time. For example, this app uses the basic profile data of your Dribbble account to create your user account at this website
    Website URL: Enter the url of the homepage of your website in this field
    Redirect uri: Save exactly the following url in this option where
    HOMEPAGE_URL is the url of the homepage of your website
    If using Super Socializer plugin:
    HOMEPAGE_URL/SuperSocializerAuth/Dribbble
    If using Heateor Social Login plugin:
    HOMEPAGE_URL/HeateorSlAuth/Dribbble
    For example, if your website is https://yourwebsite.com, you need to save https://yourwebsite.com/SuperSocializerAuth/Dribbble or https://yourwebsite.com/HeateorSlAuth/Dribbble in this option
  3. Click Register application button
  4. Copy the generated Client ID and Client Secret and save these in the Dribbble Client ID and Dribbble Client Secret options at the Social Login options page in the admin area

How to Get Github Client ID and Client Secret?

  1. Navigate to GitHub Developer Settings: OAuth Apps and login to your Github account.
  2. Click Register a new application button
  3. While setting up your app, use the following settings
    Homepage URL: Url of the homepage of your website
    Authorization callback URL: Save exactly the following url in this option where
    HOMEPAGE_URL is the url of the homepage of your website
    If using Super Socializer plugin:
    HOMEPAGE_URL/SuperSocializerAuth/Github
    If using Heateor Social Login plugin:
    HOMEPAGE_URL/HeateorSlAuth/Github
    For example, if url of the homepage of your website is https://yourwebsite.com, save https://yourwebsite.com/SuperSocializerAuth/Github or https://yourwebsite.com/HeateorSlAuth/Github in this option
  4. Copy the Client ID and Client Secret and save these in the Github Client ID and Github Client Secret options at the Social Login options page in the admin area.

How to Get Kakao Client ID and Client Secret?

  1. Go to https://developers.kakao.com and login to your Kakao account. Create one if you don’t have an account.
  2. Accept the Terms of Service and the Collection and Use of Personal Information terms if prompted and press Next.
  3. Enter a name in the Name field and a company name in the Company (Affiliation) field
  4. Proceed to the next steps and complete the registration
  5. Upload an image for your app and give it a name and press Create an app.
  6. You will now be displayed all your App keys.
  7. You must now set up User Management to use Kakao Login.
  8. Click User Management (in the left-hand menu)
  9. Switching it to the On position will display a number of new options that need to be configured
  10. Under the Profile Id select necessary and explain why
  11. Under the account_email Id select necessary and explain why
  12. Leave all other options off and click Save.
  13. Press the settings link next to App info to open the Apps settings.
  14. On the settings page look for the Client Secret section. If there is no current secret, press the button to generate a new secret. Once the secret is generated, you will see it in the corresponding field.
  15. Be sure to Enable the app by turning the button in the Client Secret section to the ON position and pressing Apply.
  16. In the platform section, press Add a platform and select the Web option
  17. In the available Site Domain field enter url of the homepage of your website
  18. Press the Add button when complete
  19. Next, save exactly the following url in the Redirect Path option where HOMEPAGE_URL is the url of the homepage of your website.
    If using Super Socializer plugin:
    HOMEPAGE_URL/SuperSocializerAuth/Kakao
    If using Heateor Social Login plugin:
    HOMEPAGE_URL/HeateorSlAuth/Kakao
  20. Click Save

How to Get WordPress Client ID and Client Secret

  1. Visit the WordPress Developer Website
  2. Click on the Create New Application button
  3. Specify following details
    Name: Name of your Application
    Description: A brief description of your application. For example, This application uses basic profile data of your WordPress.com account to create a user account at this website. This will be shown to your website visitors when they click the WordPress login icon first time.
    Website URL: Url of the homepage of the website where you are integrating social login
    Redirect URLs: Save exactly the following url in this option where
    HOMEPAGE_URL is the url of the homepage of your website
    If using Super Socializer plugin:
    HOMEPAGE_URL/SuperSocializerAuth/Wordpress
    If using Heateor Social Login plugin:
    HOMEPAGE_URL/HeateorSlAuth/Wordpress
  4. Javascript Origins: Leave empty
    Answer the security question
    Type:
    Select Web clients must be able to keep the generated secret private and should do all authenticated API calls server to server.
    Click Create button.
  5. Optionally, you can specify following details
    Icon: Upload an icon representing your website/business. This will be shown to the website visitors when they click the WordPress login icon first time
    Organization Name: Name of the organization that your website represents
    Organization Website: Url of the homepage of your website
    Click Update button
  6.  Click the title of the app you just created at the top of the page. Copy Client ID and Client Secret from the OAuth Information section at the bottom of the page and paste in the WordPress Client ID and WordPress Client Secret options at social login options page.

How to Get Yahoo Client Id and Client Secret?

  1. You’ll need to create a Yahoo account to set up applications on the Yahoo Developer Network (YDN).
  2. After you have a Yahoo account, create an application to get your Client ID (Consumer Key) and Client Secret (Consumer Secret)
  3. In the Create Application form, provide an application name (should be relevant to the website where you are integrating social login) and save exactly the following url in the Redirect URI(s) option where HOMEPAGE_URL is the url of the homepage of your website.
    If using Super Socializer plugin:
    HOMEPAGE_URL/SuperSocializerAuth/Yahoo
    If using Heateor Social Login plugin:
    HOMEPAGE_URL/HeateorSlAuth/Yahoo
    So, if the url of the homepage of your website is https://yourwebsite.com, you need to save https://yourwebsite.com/SuperSocializerAuth/Yahoo or https://yourwebsite.com/HeateorSlAuth/Yahoo in the Redirect URI(s) option.
  4. Check OpenID Connect Permissions checkbox in the API Permissions option and then check Email and Profile checkbox underneath. Click Create App button.
  5. Save Client ID in the Yahoo Client ID option and  Client Secret in the Yahoo Client Secret option at Social Login options page

How to Create Line Channel for Line Login?

  1. Navigate to Line Developer Portal and login via your Line account. If you don’t have a Line account, you need to create one first.
  2. Click Create button in front of Providers section.
  3. Name the provider. It should be related to your website. click on Register.
  4. Click on Create a LINE Login channel.
  5. Upload an icon (optional), enter Channel name and description. These details will be displayed to the website visitors in the Line login popup. These should be related to your website. Select Web app in App types, specify your email address,  agree to Line developers agreement. Click Create button.
  6. Click developing right below the title of the channel and click Publish.
  7. Click Edit button right below the Callback URL option in LINE Login section and
    If using Super Socializer plugin, save [HOMEPAGE_URL]/SuperSocializerAuth/Line
    If using Heateor Social Login plugin, save [HOMEPAGE_URL]/HeateorSlAuth/Line
    Replace [HOMEPAGE_URL] with url of homepage of your website. So, if url of the homepage of your website is https://mywebsite.com, you need to save https://mywebsite.com/SuperSocializerAuth/Line or https://mywebsite.com/HeateorSlAuth/Line as the callback url. Click Update button.
  8. Navigate to Basic Settings section, copy Channel ID and Channel secret and paste these in the Line Channel ID and Line Channel Secret options respectively, in the Social Login section of plugin.
  9. Line login won’t fetch user’s email address with other profile data. So, if you want to request it too along with other profile data, you can apply for this in the Email address permission option at the very bottom of Basic Settings section.

How to get Windows Live Client ID and Client Secret Key?

  1. Navigate to Microsoft Azure Portal and login via your Windows Live or Microsoft account. If you don’t have a Microsoft account, you need to create one first.
  2. Navigate to “Azure Active Directory” from Azure services section.
  3. Click App Registrations from the left sidebar.
  4. Click New registration.
  5. Name your new app and select Accounts in any organizational directory (Any Azure AD directory – Multitenant) and personal Microsoft accounts (e.g. Skype, Xbox) as supported accounts types.
    If using Super Socializer plugin, save [HOMEPAGE_URL]/SuperSocializerAuth/Live as the redirect uri.
    If using Heateor Social Login plugin, save [HOMEPAGE_URL]/HeateorSlAuth/Live as the redirect uri.
    Replace [HOMEPAGE_URL] with url of homepage of your website. So, if url of the homepage of your website is https://mywebsite.com, you need to save https://mywebsite.com/SuperSocializerAuth/Live or https://mywebsite.com/HeateorSlAuth/Live as the redirect uri.
    Click on Register.
  6. Navigate to Overview section from the menu in the left side. Copy Application (client) ID and paste it in Microsoft Client ID option in the Social Login section of plugin.
  7. Navigate to Certificates and secrets section from the menu in left sidebar.
  8. Click on New client secret button, add a secret, copy the secret key and paste it in the Microsoft Client Secret option in the Social Login section of plugin.
  9. Navigate  to Branding section from the left sidebar. Here you can configure the consent screen displayed to users  when they login using Microsoft first time. Configure the options as described below
    Upload new logo: Logo of your website/business where you are integrating Microsoft login
    Home page URL: Url of the home page of your website
    Terms of service URL: Terms of service URL of your website
    Privacy statement URL: URL of your website stating privacy policy where you can describe how you are going to use the profile data you will gather from the Microsoft account of the users.
    Publisher domain: Click Configure a domain and do as stated if you don’t want to show Unverified app to users on the app consent screen.
    Once you are done, save the changes.