Search Results :

×

How to create a Google app for Social Login Into WordPress | Google SSO


What is social login?
Social Login allows users to connect to any website using various networking platforms such as Facebook, Google, or Twitter. It is a form of single sign-on for users designed and implemented to make logging in easier for end-users. Using social login users can sign into any third-party website without having to create an account.

How does Social Login Works?
The social login process is extremely simple. Users come to your website and select whichever social login provider they want to login. They fill in their details on the social network provider’s site. Once the authentication process is completed by the social provider the user can start using your WordPress website. If they are a new user then they are registered and if they are an existing user they are logged in.

Integration of Google Social Login ( Google SSO ) For WordPress using OAuth 2.0 Protocol.
miniOrange Social Login enables your users to use their Google account to login/register to your WordPress Website. Give your users a Best choice, without remembering passwords, to login/register on your WordPress website. Setup WordPress Google Plugin by miniOrange in few easy steps and setup Google.

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 websites, you can use our. 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.

WordPress Google Social Login (Google Single Sign-On (SSO)) for WordPress can be achieved by using our WordPress Social Login plugin.
In this guide we will see how to implement Google login on your WordPress website in the easiest way.To know more about other features we provide in WordPress Social Login plugin, you can click here.

What is OAuth 2.0?

OAuth 2.0 is the industry-standard authorization protocol. OAuth 2.0 priorities client developer ease of use while offering particular authorization processes for web apps, desktop applications, mobile phones, and living room devices.

WordPress Social Login plugin allows for secure login into WordPress while utilizing Google as an OAuth and OpenID Connect provider. You may also configure the plugin to use several Oauth providers, such as Facebook, Discord, Twitter, Apple, Amazon, Stackoverflow, LinkedIn any many more. It enables sophisticated Single Sign-On functionalities like user Customise Icons, Redirection and so on. In this article, we will go through how to set up SSO between WordPress and Google.

If you interested in allowing users to login by a Google app account on your WordPress website then this guide is for you!


Steps to configure Google Social Login into WordPress (WP)

Step 1: Configure Google app Social Login In WordPress

Follow the steps below to configure Google 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 app WordPress social login
  • After sign-in, click on Create project.
  • Google wp 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 app project details
  • Wait for the Project to be created.
  • Google wp social login for WordPress
  • Click on Left side Menu and go to APIs & Services -> OAuth consent screen.
  • Google WordPress social login OAuth consent screen app
  • Click on Select a Project.
  • Google app 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 wp
  • Select External as User Type and click on Create.
  • Google social login 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 (instructions page) 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 wordpress test users app 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

2. Set credentials in miniOrange Social Login Plugin

  • go to miniOrange Social Login Plugin → Click on Configure Apps → click on Google:
  • Google app 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 app social login Client Id & secret
  • Then click on Save & Test Configuration button.
  • Google WordPress social login Test Configuration app
  • 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.

  • If you not able to Add Social login icons on your custom login/registration page of your website, you can use our shortcode Guide.

You have successfully configured Google Social Login for WordPress Website.


Attractive Social Login Icons

  • We also provide attractive social login icons in latest version of the social login plugin with 4 types of shapes for social login icons Round, Rounded Icons, Square and Long button. Six themes including Default, White Background, Custom Background, Hover, Custom Hover and Smart. We also provide transform effect for all types of themes and buttons.

Popular Integrations

WooCommerce Integration

With Woocommerce Integration you can Display Social Login buttons on Woocommerce pages and prefill details of a user in the billing and
checkout fields

Know more →

Discord Integration

Discord Integration add-on allows you to restrict the login/registration
of user based on
whether the user is present
in the Discord server

Know more →

HubSpot Integration

Hubspot Addon provide hubspot integration
where user contact will be automatically added to hubspot contact list on
successful registration via
social login applications

Know more →

Custom Registration form

With Custom Registration Form Add-On integrate details of new and existing users. Add multiple fields including the one returned by social sites during registration

Know more →

BuddyPress Integration

Buddypress integration add-on provides you both the features buddypress display option
and buddypress
extended attribute mapping

Know more →

MailChimp Integration

Mailchimp Add-On helps you to
integrate details of new as well as existing users. Mailchimp helps to Engage your audience with beautiful, branded emails.

Know more →

Additional Resources


If you are looking for anything which you cannot find, please drop us an email on socialloginsupport@xecurify.com

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