Imaginez vos visiteurs accédant à votre site en un seul clic grâce à leurs identifiants Google existants. Plus besoin de créer un nouveau mot de passe ou un compte supplémentaire, ce qui améliore considérablement l’expérience utilisateur.
Dans notre expérience, les utilisateurs préfèrent la simplicité et la rapidité. Offrir une connexion Google en un clic peut améliorer l’engagement, augmenter les conversions et réduire l’abandon de panier.
Dans cet article, nous vous guiderons étape par étape pour ajouter facilement une connexion Google en un clic sur votre site WordPress.
Pourquoi Ajouter une Connexion Google en Un Clic sur WordPress ?
De nombreux internautes restent connectés à leur compte Google pour accéder rapidement à des applications comme Gmail, Google Drive et Google Docs. Avec une connexion Google en un clic sur WordPress, vos utilisateurs peuvent se connecter sans saisir leurs identifiants à chaque visite.
Si vous gérez un simple blog, cette fonctionnalité peut ne pas être essentielle. Cependant, pour les entreprises utilisant Google Workspace, elle permet aux membres de l’équipe de se connecter via leur compte professionnel. De plus, cette méthode est idéale pour les sites multi-auteurs, les sites d’adhésion et les plateformes de cours en ligne.
Important : Votre site doit être sécurisé avec un certificat SSL (HTTPS) pour activer la connexion Google. Consultez notre guide sur la migration de HTTP vers HTTPS.
Comment Ajouter une Connexion Google en Un Clic sur WordPress
1. Installer le Plugin Nextend Social Login
Tout d’abord, installez et activez le plugin Nextend Social Login and Register. Ce plugin gratuit prend en charge la connexion via Google, Facebook et Twitter. Une version premium permet d’ajouter d’autres options comme PayPal et TikTok.
Une fois activé, rendez-vous dans Réglages > Nextend Social Login dans votre tableau de bord WordPress.
2. Configurer l’Application Google
Cliquez sur Démarrer sous le logo Google. Vous devrez créer une application Google pour générer les clés d’authentification.
- Ouvrez un nouvel onglet et accédez à la Google Developers Console.
- Connectez-vous avec votre compte Google.
- Cliquez sur Sélectionner un projet > Nouveau Projet.
- Donnez un nom au projet (ex: “Connexion Google”).
- Sélectionnez “Aucune organisation” si vous n’utilisez pas Google Workspace.
- Cliquez sur Créer.
3. Configurer l’Écran de Consentement OAuth
- Dans le menu gauche, cliquez sur Écran de consentement OAuth.
- Sélectionnez Externe si vos utilisateurs utilisent des comptes Gmail.
- Renseignez les informations :
- Nom de l’application (ex: “Connexion à [Votre Site]”).
- Adresse e-mail de contact.
- Liens vers votre site, politique de confidentialité et conditions d’utilisation.
- Cliquez sur Enregistrer et Continuer.
4. Créer les Identifiants OAuth
- Dans le menu gauche, cliquez sur Identifiants.
- Cliquez sur + Créer des identifiants > ID Client OAuth.
- Sélectionnez Application Web.
- Dans “URIs de redirection autorisés”, ajoutez :
http://votresite.com/wp-login.php?loginSocial=google(Remplacez votresite.com par votre URL réelle).
- Cliquez sur Créer.
- Copiez l’ID Client et le Secret Client.
5. Ajouter les Clés Google au Plugin
- Revenez sur l’onglet WordPress.
- Allez dans Réglages > Nextend Social Login > Google.
- Collez l’ID Client et le Secret Client.
- Cliquez sur Enregistrer les modifications.
6. Vérifier et Activer la Connexion Google
- Cliquez sur Vérifier les paramètres.
- Si tout fonctionne, vous verrez “Fonctionne bien – Désactivé”.
- Cliquez sur Activer pour permettre aux utilisateurs de se connecter avec Google.
7. Personnaliser le Bouton de Connexion
- Accédez à l’onglet Boutons dans les réglages du plugin.
- Sélectionnez un style de bouton.
- Modifiez les textes si nécessaire (ex: “Se connecter avec Google”).
- Cliquez sur Enregistrer les modifications.
8. Passer l’Application Google en Mode Production
- Dans Google Developers Console, accédez à Écran de consentement OAuth.
- Cliquez sur Publier l’application.
- Confirmez la mise en production.
- La connexion Google est maintenant accessible à tous les utilisateurs.
Conclusion
Désormais, vos visiteurs peuvent se connecter à votre site WordPress en un clic grâce à Google. S’ils préfèrent, ils peuvent toujours utiliser leur identifiant WordPress classique.
Si vous souhaitez intégrer le bouton Google ailleurs sur votre site, utilisez le shortcode fourni par Nextend Social Login.
Bonus : Personnalisation de la Connexion WordPress
Découvrez d’autres guides pour améliorer l’expérience de connexion :
- Comment ajouter la connexion Facebook sur WordPress
- Ajouter un login sans mot de passe avec Magic Links
- Créer une page de connexion WordPress personnalisée
- Limiter le nombre de tentatives de connexion
- Ajouter un CAPTCHA au formulaire de connexion
- Activer l’authentification à deux facteurs
En suivant ce tutoriel, vous offrez une meilleure expérience utilisateur tout en optimisant la sécurité et la conversion de votre site WordPress. 🚀