How to create a Google app for Social Login Into WordPress



Why should I use the Google login on my WordPress site?
Most Internet users are still logged in to their Google Login accounts. With a one-click Google Social login on your WordPress login page, your users can quickly log in to your website using their Gmail account. It saves them time, and they wouldn't have to enter their login details at any time.

How can I display a Google login button on my WordPress site?
If you not able to Add Google Social login icons on your custom login/registration page of your website, you can use our shortcode Guide.

This allows you to show Login with Google option when a User tries to Sign up or Login to your website. Many people love this button because they could save time because of no need to register and remember the password as well. All they need is their existing Google accounts.
If you interested in allowing users to login by a Google account on your WordPress website then this guide is for you!

Step 1: Configure Google Social Login In WordPress :

  • Go to Google developers console at https://console.cloud.google.com/cloud-resource-manager and Sign up/Login with your Google developer account.
  • Google WordPress social login
  • After sign-in, click on Create project.
  • Google WordPress social login Google apps
  • Enter a Name for the Project, and optionally, edit the provided Project ID. Click on Create.
  • Google WordPress social login project details
  • Wait for the Project to be created.
  • Google social login for WordPress
  • Click on Left side Menu and go to APIs & Services -> OAuth consent screen.
  • Google WordPress social login OAuth consent screen
  • Click on Select a Project.
  • Google WP social login
  • Select the newly created Project by clicking on the Project Name that you entered in the previous step.
  • WordPress social login with Google
  • Select External as User Type and click on Create.
  • Google configure app user type wordpress social login
  • You are prompted to Edit App Information. Enter App Name & User support Email.
  • Google app edit app information WordPress social login
  • Add Authorized Domain from your miniOrange social login plugin by clicking on the Add Doman button. Add Developer contact information. Then click on Save and Continue.
  • Google app authorization WordPress social login
  • On the Scopes screen Click on Add or Remove Scopes. Check '.../auth/userinfo.email' and '.../auth/userinfo.profile'. Scroll down, Click on Save and Continue.
  • Google WordPress social login scopes for login
  • On the Test users screen click on Add Users. Add a few trusted users to test your app. Mind well, these users cannot be removed. Scroll down, Click on Save and Continue. Scroll down, Click on Back to Dashboard.
  • Google test users for social login on wordpress
  • From the Left side Menu, Click on Credentials then click on Create Credential from dropdown select Oauth client ID.
  • Google app credentials for social login
  • From Application Type drop down, Select Web Application.
  • Google web application for social login to website
  • Enter client name and Add your Authorized Redirect URL from the miniOrange social login plugin. Click on Create.
  • Google WordPress social login authorized domains
  • Copy Client ID and Client Secret and paste it in the miniOrange Social Login plugin in the App ID and App Secret fields respectively.
  • Google app client id and client secret for WordPress social login
  • You can also click on the client name on the Credentials screen to view the Client ID and Client Secret.
  • Google social login to WP
  • Click on Left side Menu and go to APIs & Services -> OAuth consent screen. Under Publishing Status Click on Publish App and Confirm.
  • Publish Google app on developers console

Step 2: Set credentials in miniOrange Social Login Plugin

  • go to miniOrange Social Login Plugin → Click on Configure Apps → click on Google:
  • Google WordPress social login miniOrange social
  • Copy the Client Id and Client Secret form above setup and Paste them into the fields in Google Instructions.
  • Google WordPress social login Client Id
  • Then click on Save & Test Configuration button.
  • Google WordPress social login Test Configuration
  • A new window will appears right now and ask you to login to your Google account. Login with the account which you used to register the account in Google for Developer. Press Continue as … to complete the login process.
  • A notification from the plugin that The test was successful will be shown. That means your Custom app will set properly.

    Configure Google Social Login In WordPress Plugin.


    You can also refer to the following video to set up Google Social Login app.

    WordPress Social Login (Facebook, Google, Twitter)

Free Trial

If you don't find what you are looking for, please contact us at info@xecurify.com or call us at +1 978 658 9387.

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com