Résultats de recherche :

×

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

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


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 d'utiliser leur compte Google pour se connecter/s'inscrire à votre site Web WordPress. Offrez à vos utilisateurs le meilleur choix, sans mémoriser les mots de passe, pour se connecter/s'inscrire sur votre site WordPress. Configurez le plugin WordPress Google par miniOrange en quelques étapes simples et configurez Google.

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 sociale à Google WordPress (Google Single Sign-On (SSO)) pour WordPress peut être obtenue en utilisant notre Plugin de connexion sociale WordPress.
Dans ce guide, nous verrons comment implémenter la connexion Google sur votre site Web WordPress de la manière la plus simple. Pour en savoir plus sur les autres fonctionnalités que nous proposons dans le plugin WordPress Social Login, 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 WordPress Social Login permet une connexion sécurisée à WordPress tout en utilisant Google comme fournisseur OAuth et OpenID Connect. Vous pouvez également configurer le plugin pour utiliser plusieurs fournisseurs Oauth, tels que Facebook, Discord, Twitter, Apple, Amazon, Stackoverflow, LinkedIn et bien d'autres encore. Il permet des fonctionnalités sophistiquées d'authentification unique telles que la personnalisation des icônes de l'utilisateur, la redirection, etc. Dans cet article, nous verrons comment configurer le SSO 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 !


É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

img Configurer la connexion sociale Google
  • 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 WordPress à l'application Google
  • Après vous être connecté, cliquez sur Créer un projet.
  • Google wp WordPress connexion sociale 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 de connexion sociale Google WordPress
  • 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 de connexion sociale à Google 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 WordPress avec Google wp
  • Sélectionnez Externe comme type d'utilisateur et cliquez sur Créer.
  • Connexion sociale Google configurer le type d'utilisateur de l'application connexion sociale WordPress
  • Vous êtes invité à modifier les informations sur l'application. Entrez le nom de l'application et l'e-mail d'assistance utilisateur.
  • Application Google Modifier les informations de l'application Connexion sociale 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 de l'application Google Connexion sociale WordPress
  • Sur l'écran Scopes, cliquez sur Ajouter ou supprimer des étendues. Vérifier '.../auth/userinfo.email' ainsi que le '.../auth/userinfo.profile'. Faites défiler vers le bas, cliquez sur Enregistrer et continuer.
  • Portées de connexion sociale Google WordPress pour la 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 des utilisateurs de test Google WordPress pour la connexion sociale 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.
  • Domaines autorisés par la connexion sociale Google 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 de l'application Google et secret client pour la connexion sociale 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:
  • Application Google WordPress connexion sociale miniOrange social
  • Copiez le Identité du client ainsi que le Secret client formulaire ci-dessus et collez-les dans les champs des instructions Google.
  • Connexion sociale à l'application Google WordPress Identifiant client et secret
  • Puis cliquez sur Enregistrer et tester la configuration .
  • Application de configuration de test de connexion sociale Google 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.

Intégrations populaires

Intégration WooCommerce

Avec l'intégration de Woocommerce, vous pouvez afficher les boutons de connexion sociale sur les pages Woocommerce et pré-remplir les détails d'un utilisateur dans la facturation et
champs de paiement

En savoir plus →

Intégration Discord

Le module complémentaire Discord Integration vous permet de restreindre la connexion/l’inscription
d'utilisateur basé sur
si l'utilisateur est présent
sur le serveur Discord

En savoir plus →

Intégration HubSpot

Hubspot Addon fournit l'intégration Hubspot
où le contact de l'utilisateur sera automatiquement ajouté à la liste de contacts Hubspot sur
inscription réussie via
applications de connexion sociale

En savoir plus →

Formulaire d'inscription personnalisé

Avec le module complémentaire de formulaire d’inscription personnalisé, intégrez les détails des utilisateurs nouveaux et existants. Ajoutez plusieurs champs dont celui renvoyé par les sites sociaux lors de l'inscription

En savoir plus →

Intégration BuddyPress

Le module complémentaire d'intégration Buddypress vous offre à la fois les fonctionnalités de l'option d'affichage Buddypress
et buddypress
mappage d'attributs étendus

En savoir plus →

Intégration MailChimp

Le module complémentaire Mailchimp vous aide à
intégrer les détails des utilisateurs nouveaux et existants. Mailchimp aide à engager votre public avec de beaux e-mails de marque.

En savoir plus →

Ressources additionnelles


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 !

Support
Contacter l'assistance miniOrange
succès

Merci pour votre demande.

Si vous n'avez pas de nouvelles de nous dans les 24 heures, n'hésitez pas à envoyer un e-mail de suivi à info@xecurify.com