Search
Skip to content
  • Knowledge Base
App Configuration

How to Enable Google Login by Creating Google Client ID?

admin

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

Steps To Enable Google Login

  1. Navigate to Google Cloud Console and login to your Google account if required.
  2. If this is your first app, you will need to “Create a project” and also might need to accept Terms and Conditions. If you do not see this page, move to step 3.Google Login - Create ProjectGoogle Login - New Project
  3. If you have created apps before, you will be able to see the list of projects after clicking the dropdown in the top menu. You can also create a new project by clicking the New Project button.
    Click the name of the project for which you want to create the app. If you are not seeing this screen, skip to the next step.Google Login - Google Cloud ConsoleGoogle Login - New Project
  4. Navigate to APIs and Services > OAuth consent screen section from the menu in the left sideGoogle Login - Oauth Consent Screen
  5. If you see the following screen, select External in User Type and click Create button, else move to next stepGoogle Login - User Type
  6. Fill the fields as described below. If you don’t see this screen, skip to step 11Google Login - Oauth Consent ScreenGoogle Login - Edit App Registration
    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)
    App Logo: (Optional) If you upload the logo representing your website, you will need to submit the app for verification before it could be used by your website visitors.
    App domain: (Optional) You can leave it empty
    Authorized domains: Specify your website domain. For example, if your website homepage url is www.mywebsite.com or mywebsite.com, you have to save mywebsite.com. After entering the domain name, click outside the textbox otherwise it won’t be saved.
    Developer contact information: Specify a valid email address to which Google could communicate with you regarding this app.
    Click Save and continue button.
  7. Click Add or remove scopes buttonGoogle Login - Add Or Remove Scopes
  8. Select the userinfo.email and userinfo.profile scopesGoogle Login - Update Selected Scopes
  9. Scroll down and click the Update buttonGoogle Login - Manually Add Scopes
  10. Click Save and continue in the Test Users sectionGoogle Login - Test Users
  11. Navigate to the Credentials section from the menu in the left side, click OAuth Client ID after clicking CREATE CREDENTIALS buttonGoogle Login - CredentialsGoogle Login Create Credentials
  12. Fill the fields as described belowGoogle Login Create Oauth Client ID
    • Application type: Select Web application 
    • 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)
    • Authorized JavaScript origins: Leave empty
    • Authorized redirect URIs: 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). There shouldn’t be trailing slash in this url. After entering the url, hit Enter key otherwise it won’t be saved.
    • Click Create button
  13. Copy Client ID  and Client Secret and paste these in the Google Client ID and Google Client Secret options of your plugin, respectively. Do not forget to Save Changes after configuring all the options on plugin settings page.Google Login Oauth Client ID
  14. If you want to integrate Youtube login follow the remaining steps. Navigate to the Enable APIs and Services sectionEnable APIs and Services
  15. Click Enable APIs and ServicesClick Enable APIs and Services
  16. Search Youtube dataSearch Youtube data
  17. Click Youtube Data API V3 in the search resultsClick Youtube Data API V3
  18. Enable Youtube Data API V3Enable Youtube Data API V3
  19. Click CredentialsYoutube Data API V3 Credentials
  20. Click Create CredentialsYoutube Data API V3 Create Credentials
  21. Click API KeyCreate Credentials API Key
  22. Copy Youtube API Key and paste in the relevant option in the social login section in the admin areaYoutube API Key
API KeyApp IDGoogle APIGoogle AppGoogle Client IDGoogle Login

Post navigation

Previous PostHow to Enable LinkedIn Login Using LinkedIn API Key?Next PostHow to enable Facebook Login by Creating Facebook App?

Get Social!!

Best social tools to boost user engagement at your WordPress website. Used by 150000+ websites

Try it now
Facebook
© 2025 Heateor | Terms | Privacy
Proudly powered by WordPress