Résultats de recherche :

×
S'inscrire Contactez-Nous

Comment créer une application Google pour la connexion sociale dans WordPress | Google SSO

Qu'est-ce que la connexion sociale ?
La connexion sociale permet aux utilisateurs de se connecter à n'importe quel site Web en utilisant diverses plateformes de réseautage telles que Facebook, Google ou Twitter. Il s'agit d'une forme d'authentification unique pour les utilisateurs, conçue et mise en œuvre pour faciliter la connexion des utilisateurs finaux. Grâce à la connexion sociale, les utilisateurs peuvent se connecter à n'importe quel site Web tiers sans avoir à créer de compte.

Comment fonctionne la connexion sociale ?
Le processus de connexion sociale est extrêmement simple. Les utilisateurs accèdent à votre site Web et sélectionnent le fournisseur de connexion sociale auquel ils souhaitent se connecter. Ils renseignent leurs coordonnées sur le site du fournisseur de réseau social. Une fois le processus d'authentification terminé par le fournisseur social, l'utilisateur peut commencer à utiliser votre site Web WordPress. S'il s'agit d'un nouvel utilisateur, il est enregistré et s'il s'agit d'un utilisateur existant, il est connecté.

L'intégration de Google Connexion sociale (Google SSO) Pour WordPress utilisant le protocole OAuth 2.0.
miniOrange Social Login permet à vos utilisateurs de se connecter ou de s'inscrire à votre site WordPress via leur compte Google. Offrez-leur une solution optimale, sans avoir à mémoriser de mot de passe. Installez facilement le plugin Google pour WordPress avec miniOrange et configurez Google en quelques étapes.

Comment afficher un bouton de connexion Google sur mon site WordPress ?
Si vous ne parvenez pas à ajouter des icônes de connexion Google Social sur votre page de connexion/inscription personnalisée de vos sites Web, vous pouvez utiliser notre. Cela vous permet d'afficher l'option de connexion avec Google lorsqu'un utilisateur tente de s'inscrire ou de se connecter à votre site Web. De nombreuses personnes aiment ce bouton car elles pourraient gagner du temps car elles n'ont pas besoin de s'inscrire et de mémoriser également le mot de passe. Tout ce dont ils ont besoin, c'est de leurs comptes Google existants.

La connexion via Google Social pour WordPress est possible grâce à notre Extension de connexion sociale pour WordPress.
Dans ce guide, nous verrons comment implémenter la connexion Google sur votre site WordPress de la manière la plus simple. Pour en savoir plus sur les autres fonctionnalités offertes par l'extension Social Login pour WordPress, vous pouvez cliquez ici .

Qu’est-ce qu’OAuth 2.0 ?

OAuth 2.0 est le protocole d'autorisation standard du secteur. OAuth 2.0 donne la priorité à la facilité d'utilisation des développeurs clients tout en proposant des processus d'autorisation particuliers pour les applications Web, les applications de bureau, les téléphones mobiles et les appareils de salon.

Le plugin Social Login pour WordPress permet une connexion sécurisée à WordPress via Google, en utilisant ce dernier comme fournisseur OAuth et OpenID Connect. Vous pouvez également configurer le plugin pour utiliser plusieurs fournisseurs OAuth, tels que Facebook, Discord, Twitter, Apple, Amazon, Stack Overflow, LinkedIn et bien d'autres. Il offre des fonctionnalités d'authentification unique (SSO) avancées, comme la personnalisation des icônes utilisateur et la redirection. Cet article explique comment configurer l'authentification unique entre WordPress et Google.

Si vous souhaitez permettre aux utilisateurs de se connecter via un app Google compte sur votre site WordPress alors ce guide est fait pour vous !

Obtenir ce plug-in
Extension de connexion sociale pour WordPress

Regarder la vidéo de configuration de Google

Étapes pour configurer la connexion sociale Google dans WordPress (WP)

Étape 1 : Configurer la connexion sociale de l'application Google dans WordPress

Suivez les étapes ci-dessous pour configurer la connexion Google dans WordPress

  • Accédez à la console des développeurs Google à l'adresse https://console.cloud.google.com/cloud-resource-manager et Inscrivez-vous/Connectez-vous avec votre compte de développeur Google.
    • Connexion sociale via l'application Google pour WordPress
  • Après vous être connecté, cliquez sur Créer un projet.
    • Connexion sociale Google pour WordPress et applications Google
  • Entrez un nom pour le projet et, éventuellement, modifiez l'ID de projet fourni. Cliquez sur Créer.
    • Détails du projet d'application WordPress avec connexion sociale Google
  • Attendez que le projet soit créé.
    • Connexion sociale Google wp pour WordPress
  • Cliquez sur le menu de gauche et accédez à API et services -> écran de consentement OAuth.
    • Application d'écran de consentement OAuth pour la connexion sociale Google pour WordPress
  • Cliquez sur Sélectionner un projet.
    • Connexion sociale à l'application Google WP
  • Sélectionnez le projet nouvellement créé en cliquant sur le nom du projet que vous avez entré à l'étape précédente.
    • Connexion sociale pour WordPress avec Google wp
  • Choisir Externe comme type d'utilisateur et cliquez sur Créer.
    • Configurer la connexion sociale Google pour WordPress : type d'utilisateur de l'application.
  • Vous êtes invité à modifier les informations sur l'application. Entrez le nom de l'application et l'e-mail d'assistance utilisateur.
    • Google App Modifier les informations de l'application Connexion sociale pour WordPress
  • Ajoutez un domaine autorisé à partir de votre plugin de connexion sociale miniOrange (page d'instructions) en cliquant sur le Bouton Ajouter un domaine. Ajoutez les informations de contact du développeur. Cliquez ensuite sur Sauvegarder et continuer.
    • Autorisation d'application Google et connexion sociale pour WordPress
  • Sur l'écran Scopes, cliquez sur Ajouter ou supprimer des étendues. Vérifier '.../auth/userinfo.email' surélevées que pour les '.../auth/userinfo.profile'. Faites défiler vers le bas, cliquez sur Enregistrer et continuer.
    • Connexion via les réseaux sociaux Google pour WordPress : autorisations de connexion
  • Sur l'écran Utilisateurs de test, cliquez sur Ajouter des utilisateurs. Ajoutez quelques utilisateurs de confiance pour tester votre application. Attention, ces utilisateurs ne peuvent pas être supprimés. Faites défiler vers le bas, cliquez sur Enregistrer et continuer. Faites défiler vers le bas, cliquez sur Retour au tableau de bord.
    • Application de test Google pour la connexion via les réseaux sociaux sur WordPress
  • Dans le menu de gauche, cliquez sur Informations d'identification, puis cliquez sur Créer des informations d'identification dans la liste déroulante, sélectionnez ID client Oauth.
    • Identifiants de l'application Google pour la connexion sociale
  • Dans la liste déroulante Type d'application, sélectionnez Application Web.
    • Application Web Google pour la connexion sociale au site Web
  • Entrez le nom du client et ajoutez votre URL de redirection autorisée à partir du plugin de connexion sociale miniOrange. Cliquez sur Créer.
    • Connexion via les réseaux sociaux Google pour les domaines autorisés WordPress
  • Copiez l'ID client et le secret client et collez-les dans le plugin miniOrange Social Login respectivement dans les champs App ID et App Secret.
    • Identifiant client et clé secrète Google pour la connexion via les réseaux sociaux sur WordPress
  • Vous pouvez également cliquer sur le nom du client sur l'écran des informations d'identification pour afficher l'ID client et le secret client.
    • Connexion sociale Google à WP
  • Cliquez sur le menu de gauche et accédez à API et services -> écran de consentement OAuth. Sous Statut de publication, cliquez sur Publier l'application et confirmez.
    • Publier l'application Google sur la console des développeurs

2. Définissez les informations d'identification dans le plugin de connexion sociale miniOrange

  • aller à la Plugin de connexion sociale miniOrange → Cliquez sur Configurer les applications → cliquez sur Google:
    • Connexion sociale via l'application Google pour WordPress miniOrange social
  • Copiez le Identité du client surélevées que pour les Secret client formulaire ci-dessus et collez-les dans les champs des instructions Google.
    • Connexion via les réseaux sociaux pour l'application Google WordPress : ID client et clé
  • Puis cliquez sur Enregistrer et tester la configuration .
    • Connexion sociale Google pour l'application de test de configuration WordPress
  • Une nouvelle fenêtre apparaîtra maintenant et vous demandera de vous connecter à votre compte Google. Connectez-vous avec le compte que vous avez utilisé pour enregistrer le compte dans Google for Developer. Appuyez sur Continuer en tant que… pour terminer le processus de connexion.
  • Une notification du plugin indiquant que le test a réussi s'affichera. Cela signifie que votre application personnalisée sera configurée correctement.

  • Si vous ne parvenez pas à ajouter des icônes de connexion sociale sur votre page de connexion/inscription personnalisée de votre site Web, vous pouvez utiliser notre petit code Guider.

Vous avez configuré avec succès la connexion sociale Google pour le site Web WordPress.


Icônes de connexion sociale attrayantes

  • Nous fournissons également des icônes de connexion sociale attrayantes dans la dernière version du plugin de connexion sociale avec 4 types de formes pour les icônes de connexion sociale rondes, icônes arrondies, boutons carrés et longs. Six thèmes, dont Par défaut, Fond blanc, Arrière-plan personnalisé, Survol, Survol personnalisé et Intelligent. Nous fournissons également un effet de transformation pour tous les types de thèmes et de boutons.


Ressources supplémentaires


Si vous cherchez quelque chose que vous ne trouvez pas, envoyez-nous un e-mail à socialloginsupport@xecurify.com

Bonjour!

Besoin d'aide? Nous sommes ici !

soutenez