Would you like to add Gmail authentication to WordPress?

To have several identifiers to enter several websites is a sacrifice that has been imposed. However, adding a one-click connection with Gmail on WordPress, allows you to no longer have to face this difficulty to master all these identifiers.

In this tutorial, we will show you how to set up the one-click connection with Gmail on your website.

But if you have never installed WordPress, discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

Then back to why we are here.

What is a one-click connection?

When we say connection from Google, we are actually talking about using Google's login service, and you probably know that Gmail is a service of Google. " G Suite "(Formerly known as Google Apps) is one of Google's services, made up of a collection of apps including Gmail, Docs, Reader, and calendar.

Also discover our guide on How to customize the WordPress sign-up and sign-up pages

Whether you use the free version of Gmail or the " G Suite ”, Setting up a one-click connection with Google, will allow you to easily access your WordPress account. If you are already logged into Google, you will not need to enter the usual credentials in order to log into WordPress.

Instead, your login page will look like this:

Simply click on " Login with Google ».

What are the advantages of such a solution?

As we have seen above, one of the advantages of this type of connection is that you will not have to remember several connection information to access your website.

See also our guide on How to optimize a database with one click on WordPress

The scenario where a one-click login is particularly important is a business that regularly uses “G Suite” services. Many companies are turning to services " G Suite ". Therefore, if a company also uses WordPress for its website, any user who uses the “G Suite” belonging to that company, will be able to log in quickly without having to create an account.

Read also our article on 8 WordPress plugins to customize your login page

One of the fears is certainly the security issue. You will probably wonder if a simple one-click login process can also be secure. This is when theOAuth intervenes.

OAuth is an open protocol created to simplify authorization processes on the web. It allows access to data by applications, without exposing sensitive data.

How to add a connection by clicking on WordPress

To add a one-click Gmail login to WordPress, we'll use the plugin Google Apps. You can read here our tutorial on how install a WordPress plugin.

Google Apps Login

The basic version of this plugin is completely free. As such, it's an ideal solution for small businesses that only need the simple one-click login functionality.

See also: 7 WordPress plugins to add a progress bar

To unlock some of the more advanced features of the plugin Google Apps Login You can choose to use the premium version. This version completely eliminates the need to have to manage WordPress users, because the information from the user accounts of the " G Suite are automatically retrieved from the background of the website.

New users can be created automatically for users of the " G Suite With a specific area. Prices start at $ 29 for 1-10 users. For even more versatility, check out the version " Enterprise »Starting at $ 199 for 1-10 users.

Also discover these 15 WordPress plugins to create a Booking website

This variety of plugin simplifies user management even more: you can define a different level of access for new website users. In addition, you also get detailed reports on the changes made by the plugin.

Configuring the Google Apps plug-in

Once you have installed and activated the plugin, access the settings. In the main configuration tab, you will be prompted to enter your " Client number "And" Client secret ". To obtain them, go to the page " Google Cloud Console "

Click on the project tab, and click on " Create project ". Enter your website or company name when prompted, agree to the terms, and press the " Create ". Once done, look at your side menu and go to the tab " Credentials »And select« Oauth Consent Screen "

Enter the appropriate email address and product name, customize the login page URL and logo, and press the " Save "

Now select the tab " Credentials ", Click the" Create Credentials »And choose« OAuth Client ID "

On the resulting screen, select " Web application In the application type. For " JavaScript origins allowed Enter the address of your website. Under « Authorized redirect URL Enter your page address (eg http://www.example.com/wp-admin):

Click on " Save To display the customer ID and the " Secret client "

Now copy these elements and go back to the options " Screen settings And paste them into the appropriate text boxes, and click the " Save ». 

10 WordPress plugins to create an e-learning website also to discover by consulting this link

To further customize the functionality of your new connection, access the advanced options. You will find options " Premium " or " Enterprise Under the tab Domain Control ».

Discover also some premium WordPress plugins additional 

You can use other plugins to display countdowns on your WordPress blog. In what follows, I propose some of them.

1. YouTube Plugin

Prepare your website in the best possible way for the distribution of YouTube videos. Yottie -his nickname- is a powerful WordPress Plugin dedicated to managing and embedding YouTube videos on your website or blog. 

It allows you to select the desired channels and even unique videos to create your own playlist directly on your blog. It has more than 100 adjustable parameters, 4 color palettes, and supports nearly 16 languages. In short, you will have tons of things to customize.

Discover How to register and optimize images of your WordPress blog

This WordPress video gallery dedicated to YouTube is fully responsive so you can cover a wide audience with any kind of navigation device.

Download | Demo | Web hosting

2. TPlayer

tPlayer is a WordPress Plugin premium which will help you display a responsive, powerful and highly customizable audio and radio player in your website. It is compatible with any WordPress theme and works perfectly fine on all major browsers and mobile devices like iPhone, iPad, IOS, Android, Windows mobile or desktop.

Read also How to add an audio player in widgets on your WordPress blog

tPlayer is one of the most awesome HTML3 MP5 players available on Codecanyon. It supports unlimited number of play tracks and each play track can have unlimited tracks.

See also our 10 WordPress plugins to create an image gallery

These audio files are self-hosted and it comes with support for some external storage such as Google Drive, Amazon S3 and much more.

Download | Demo | Web hosting

3. Captcha More

It is a powerful WordPress extension premium which uses a mathematical equation for the Captcha in order to block spam robots.

Its main features are: many types of forms supported: login, registration, comments, contact, etc., hasImproved Captcha protection with letters, numbers and images, configuration ofa deadline for submitting Captcha, the possibility of refresh the Captcha, to change Captcha's title and notifications, compatibility with the latest version of WordPress, Multilingual support (39 languages) and RTL and many more.

Download | Demo | Web hosting

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

• How to add an animated counter to scrolling on Divi
• Why WordPress and your domain name must be separated
• 10 WordPress plugins to create a photo gallery
• 5 payment gateways for your WordPress blog
• 15 WordPress plugins to create a Booking website

Conclusion

Here is ! That's it, for this tutorial. I hope it will allow you to add a one-click Google connection to WordPress.

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

Feel free to share this article with your friends on your favorite social networks. But, in the meantime, tell us about your Comments and suggestions in the dedicated section.

...