Comment ajouter une connexion Gmail en un clic à votre site Web WordPress

Publié: 2021-03-28

La technologie peut être pleine de maux de tête mineurs et de légers inconvénients. Devoir ressaisir vos informations de connexion pour chaque plate-forme que vous utilisez en fait partie. Heureusement, la technologie peut aussi être la solution. En ajoutant une connexion Gmail en un clic à votre site WordPress, vous pouvez rationaliser votre expérience d'administrateur.

Dans cet article, nous vous donnerons un aperçu de ce qu'est la connexion en un clic et pourquoi vous pourriez vouloir l'utiliser. Ensuite, nous vous guiderons à travers quatre étapes simples pour ajouter une connexion WordPress Gmail transparente à votre site.

Plongeons dedans !

Une introduction à la connexion WordPress Gmail en un clic

Même si vous n'êtes pas familier avec le terme, vous avez probablement déjà vu des opportunités de « connexion en un clic ». Une connexion Gmail en un clic se produit lorsqu'un site tiers utilise Google pour vérifier votre identité et vous donner accès à son contenu. Dans ce cas, votre site WordPress est ce tiers.

Il y a quelques avantages à utiliser une fonction en un clic. D'une part, il peut accélérer considérablement votre processus de connexion et vous permettre d'accéder facilement à votre contenu en un seul clic. Cela peut être particulièrement utile pour les organisations avec plusieurs utilisateurs de Google Workspace (anciennement G Suite) et WordPress.

De la même manière, une connexion en un clic peut contribuer à augmenter votre sécurité. Les mots de passe complexes sont plus sûrs, mais il est vrai qu'ils sont difficiles à retenir. Avec cette fonctionnalité, vous pouvez configurer de longues informations de connexion pour votre site WordPress sans avoir à les saisir à chaque fois.

Pendant que nous parlons de sécurité, vous vous demandez peut-être si une intégration tierce rendra votre site plus vulnérable. La bonne nouvelle est que le processus de connexion unique est sécurisé. Il fonctionne sur le protocole ouvert OAuth et Google lui-même prend en charge les scénarios OAuth les plus courants.

Cependant, il est toujours important de rester au top de la sécurité de votre site dans son ensemble. Nous vous recommandons de vous assurer que vos plugins, thèmes et logiciels WordPress sont tous à jour. Vous pouvez également effectuer des analyses de sécurité régulières pour les logiciels malveillants.

Comment ajouter une connexion Gmail en un clic à votre site Web WordPress (en 4 étapes)

Si vous êtes intéressé par un processus de connexion plus rapide, vous pouvez ajouter une option Gmail en un clic dans WordPress en suivant ces quatre étapes.

Étape 1 : Choisissez un plugin pour faciliter le processus d'intégration de WordPress et Gmail

Commençons par choisir les bons outils. Une connexion Gmail en un clic peut être assez simple à ajouter. Cependant, vous aurez besoin d'un plugin pour vous aider à faire le travail. Quelques options de qualité sont disponibles, mais pour les besoins de cette procédure pas à pas, nous utiliserons Google Apps Login :

La bannière de connexion Google Apps.

Nous aimons ce plugin car il est simple mais efficace. De plus, Google Apps Login convient à la fois aux domaines Google Workspace et aux comptes Gmail classiques.

Ce plugin propose également une version premium. Les licences commencent à 29 $ pour un seul site et offrent des fonctionnalités supplémentaires telles que les utilisateurs doivent se connecter via Gmail. Cependant, vous n'aurez besoin que de la version gratuite pour suivre le reste de ce tutoriel.

Une fois que vous avez choisi un plugin, vous pouvez l'installer et l'activer. Après cela, vous pouvez mettre votre site WordPress de côté pendant un moment pendant que vous configurez les choses avec Google.

Étape 2 : Créer un nouveau projet avec Google Cloud Console

Pour cette étape, nous configurons nos informations sur la page Google Cloud Console. Vous pouvez vous rendre sur la page d'accueil de la console pour commencer. Une fois là-bas, accédez au coin supérieur gauche et cliquez sur Sélectionner un projet . Cela devrait afficher la fenêtre contextuelle suivante :

La fenêtre contextuelle « prochain projet » dans Google, pour configurer la connexion WordPress à Gmail.

Ensuite, vous pouvez cliquer sur Nouveau projet dans le coin supérieur droit de la page. Cela vous amènera à un écran de création. À partir de là, vous aurez quelques valeurs à remplir :

L'écran « création d'un nouveau projet » dans Google Search Console.

Vous pouvez fournir le nom de votre projet avec quelque chose comme « Connexion WordPress ». Si vous créez une connexion en un clic pour votre e-mail professionnel, vous pouvez également sélectionner votre groupe sous Organisation .

Vous déterminerez ensuite le dossier parent de votre projet sous Emplacement . Une fois ces détails définis, vous pouvez cliquer sur Créer .

Étape 3 : Configurer le consentement OAuth

Ensuite, vous pouvez revenir au tableau de bord de Google Cloud Console. Accédez au menu de gauche et sélectionnez l' écran de consentement OAuth pour passer à l'étape suivante :

Le tableau de bord de Google Cloud Console.

À ce stade, vous serez amené à un écran pour choisir entre les types d'utilisateurs internes ou externes :

La première page de l'écran Consentement OAuth.

« Interne » fait référence aux personnes au sein de votre organisation, tandis que « Externe » fait référence à ceux qui n'ont pas de connexion à l'organisation. Si vous n'utilisez pas Google Workspace, vous ne pourrez choisir que Externe . Sélectionnez votre option préférée, puis cliquez sur Créer pour passer à l'écran suivant :

La deuxième page de l'écran Consentement OAuth.

Nous ne prêterons attention qu'à quelques-uns de ces champs. Pour commencer, remplissez les champs Nom de l' application et E-mail de support utilisateur . Vous pouvez entrer un nom qui vous est utile et votre adresse e-mail correspondante respectivement. Faites défiler vers le bas pour trouver les coordonnées du développeur :

La deuxième page du consentement OAuth.

Vous pouvez ajouter le même e-mail que vous avez utilisé pour l'e-mail de support utilisateur . Une fois que vous êtes prêt, cliquez sur Enregistrer et continuer. Ensuite, vous pouvez revenir au menu de gauche et sélectionner Identifiants pour afficher les options suivantes :

Configuration des informations d'identification pour une connexion Google Apps.

Une fois là-bas, sélectionnez Créer des informations d'identification > ID client OAuth :

La première page de création d'un ID client OAuth pour la connexion WordPress à Gmail.

Choisissez Application Web dans le menu déroulant. Cela créera plus de champs, mais les seuls que nous devons remplir sont les deux suivants :

La deuxième page de création d'un ID client OAuth.

Sous Origines JavaScript autorisées , vous devrez saisir votre domaine dans le même format que dans l'exemple ci-dessus. Ensuite, vous pouvez entrer l'URL de connexion de votre site sous URI de redirection autorisés . Sélectionnez Créer lorsque vous avez terminé :

Ajout de l'ID client et des informations sur le secret client dans la console Google.

Vous aurez besoin de ces deux informations d'identification pour terminer la configuration de votre connexion en un clic, alors pensez à les garder à portée de main. Nous les utiliserons dans la dernière étape.

Étape 4 : Personnalisez vos paramètres de connexion à Google Apps

Enfin, il ne vous reste plus qu'à saisir votre identifiant client et votre secret client dans le plugin. Pour ce faire, retournez sur votre site WordPress, accédez à vos plugins et accédez à Google Apps Login. Assurez-vous que vous êtes dans l'onglet Configuration principale :

L'écran des paramètres de connexion Google Apps, pour configurer la connexion WordPress à Gmail.

Entrez les valeurs que vous avez reçues à la fin de l'étape 3 dans les champs correspondants, puis assurez-vous d'enregistrer vos modifications.

Pour voir les produits de votre travail acharné, vous pouvez vous déconnecter de votre compte WordPress et revenir à l'écran de connexion. Le produit final devrait ressembler à ceci :

L'écran de connexion WordPress Gmail.

Avant de conclure, couvrons rapidement quelques options de personnalisation possibles. Pour voir le vôtre, vous pouvez revenir au plug-in de connexion Google Apps et consulter les options avancées :

Les options avancées pour la connexion WordPress à Gmail.

Si vous souhaitez plus de commodité, vous pouvez choisir de fournir une option Se souvenir de moi . Vous pouvez également personnaliser l'esthétique de votre écran de connexion en choisissant parmi l'un des sept choix de conception.

Alternativement, si aucune de ces options ne vous intéresse, vous n'êtes pas obligé de choisir l'une d'entre elles. Vous êtes libre de profiter de votre processus de connexion rapide tel quel.

Conclusion

Il y a plusieurs raisons pour lesquelles vous pourriez vouloir rationaliser votre processus de connexion WordPress Gmail. Que vous cherchiez à sauter une étape supplémentaire ou que vous ne vous souveniez tout simplement pas d'un autre mot de passe, l'ajout d'une connexion Gmail en un clic à votre site Web WordPress est une solution efficace.

Dans cet article, nous vous avons expliqué quatre étapes que vous pouvez suivre pour configurer Gmail en un clic pour votre site WordPress :

  1. Choisissez un plugin qui correspond à vos besoins, tel que Google Apps Login.
  2. Créez un nouveau projet dans Google Cloud Console.
  3. Configurez le consentement OAuth pour votre site.
  4. Personnalisez vos paramètres pour une touche personnelle.

Vous avez des questions sur la création d'une connexion WordPress Gmail en un clic ? Faites-nous savoir dans la section commentaires ci-dessous!

Image en vedette via Eny Setiyowati / shutterstock.com