1. Home
  2. Docs
  3. WP User Frontend Documentation
  4. Modules
  5. Social Login & Registration
  6. Configuring Google

Configuring Google

How to get Client ID and Client Secret from Google

You’ll need to get the Client ID and Client Secret from Google to configure it.

Click on the ‘Create An App’ link to go the google API page or click here.


Choose Google+ API and Enable it.

After enabling the Google+ API, Click on the ‘Manage’ button of the API. The ‘Manage’ button will appear replacing the ‘Enable’ button once if the API is enabled.

Select ‘OAuth client ID’ method to create credentials.

Select ‘Web Application’ as the application type. Give a proper name of the API and insert your domain name on the Authorized JavaScript Origins field. Don’t forget to use http:// or https:// starting on the domain name.

Copy the redirect URL from the setting page that has been generated already(see the screenshot below) and inserts the URL of the ‘Authorized redirect URLs’ field.

Please note here you need to set the registration form ID in the {{form_id}} part. As an example, if your registration form ID is 30 like the picture is shown below you need to insert that number in the Redirect URI.

Note: You need to also select Registration from the WPUF Registration Form drop-down menu.

In short,

Your Registration Form ID: 30

Your Redirect URI: https: //wpufdemo.wedevs.com/account/?wpuf_reg=facebook&form_id={{form_id}}&hauth.done=Twitter

Your Redirect URI after inserting the form ID: https://wpufdemo.wedevs.com/account/?wpuf_reg=facebook&form_id=30&hauth.done=Twitter

 Click on the ‘Create’ button and you’ll get a popup like a screenshot below.

Copy and paste the Client ID and Client Secret and insert it into the setting page. Click on Save Changes.

All done. Now check my account page and click on the google plus icon to register/login using your Google account.

 After clicking on the Google icon, you’ll be redirected to a page where you’ll be asked to log in to your Gmail account. Just log in and give the access permission.

That’s it. Your Google API is now successfully configured.

Please note that, You need to go through the verification process before you launch your app, this new process came recently to protect user's data. You can submit an application to google using this form to verify your apps but please go through this link before submitting the application.

Your apps will show an error like the above screenshot unless you verify it from google to make it accessible publicly.

Quick Overview

Was this article helpful to you?

How can we help?