Cr\u00e9er un compte, choisir un mot de passe, retrouver ses identifiants : ces \u00e9tapes peuvent compliquer l\u2019acc\u00e8s \u00e0 un espace client. Le module Social Login de WPMasterToolkit<\/strong> permet \u00e0 vos visiteurs de se connecter ou de s\u2019inscrire avec un compte qu\u2019ils utilisent d\u00e9j\u00e0. Google est disponible dans la version gratuite. Avec WPMasterToolkit Pro, vous pouvez \u00e9galement proposer Facebook, Apple, X, Microsoft, LinkedIn, GitHub et WordPress.com. Ce guide explique comment configurer chaque fournisseur et int\u00e9grer la connexion sociale aux formulaires WordPress et WooCommerce.<\/p>\n\n\n\n La connexion sociale simplifie le parcours des utilisateurs : ils choisissent un fournisseur, s\u2019authentifient aupr\u00e8s de celui-ci et autorisent le partage des informations n\u00e9cessaires \u00e0 la connexion. WPMasterToolkit retrouve ensuite leur compte WordPress ou en cr\u00e9e un lorsque les inscriptions sont autoris\u00e9es. Le mot de passe du fournisseur n\u2019est pas communiqu\u00e9 \u00e0 votre site. Pour une boutique, un espace membre ou une communaut\u00e9, l\u2019int\u00e9r\u00eat est de limiter les obstacles \u00e0 la connexion, notamment sur mobile, sans supprimer le formulaire classique. Les r\u00e9glages globaux permettent de placer les boutons au-dessus ou en dessous du formulaire, avec ou sans s\u00e9parateur, ou dans une disposition flottante. Choisissez entre pleine largeur, largeur adapt\u00e9e au contenu et ic\u00f4nes seules ; l\u2019alignement concerne les formats compacts. Dans Activez l\u2019option Avant la mise en service, testez chaque fournisseur en navigation priv\u00e9e avec un nouveau compte, un compte existant et, lorsque n\u00e9cessaire, un utilisateur ext\u00e9rieur \u00e0 l\u2019\u00e9quipe d\u00e9veloppeur. V\u00e9rifiez le r\u00f4le attribu\u00e9, l\u2019e-mail, la redirection, une seconde connexion et le rendu mobile. Testez s\u00e9par\u00e9ment WordPress et WooCommerce. La pr\u00e9sence d\u2019un bouton ne valide pas les identifiants : seul un parcours complet permet de confirmer le fonctionnement. Les visiteurs doivent-ils payer ?<\/strong> Ils n\u2019ont pas \u00e0 acheter WPMasterToolkit Pro pour se connecter. La licence concerne le propri\u00e9taire du site ; les \u00e9ventuels frais d\u00e9veloppeur ou API sont distincts. L\u2019e-mail est-il toujours disponible ?<\/strong> Non : sa pr\u00e9sence d\u00e9pend du fournisseur, du compte et des autorisations. Une adresse relais Apple ou une adresse diff\u00e9rente peut emp\u00eacher de retrouver le compte attendu. Commencez avec Google pour proposer une premi\u00e8re connexion sociale, puis adaptez les choix \u00e0 votre audience. WPMasterToolkit Pro permet de r\u00e9unir les huit fournisseurs dans la m\u00eame interface<\/strong>, avec des r\u00e9glages d\u2019affichage coh\u00e9rents pour WordPress et WooCommerce. L\u2019int\u00e9r\u00eat n\u2019est pas d\u2019accumuler les boutons, mais de proposer les comptes que vos visiteurs utilisent r\u00e9ellement. Pour une boutique, une communaut\u00e9 ou plusieurs sites clients aux publics diff\u00e9rents, cette souplesse constitue le principal avantage du Pro. D\u00e9couvrez l\u2019offre WPMasterToolkit Pro et ses conditions<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" Le module Social Login de WPMasterToolKit simplifie l’int\u00e9gration des connexions tierce partie sur WordPress, centralisant les besoins autrefois couverts par plusieurs plugins en un seul outil. Il offre une large gamme de fournisseurs tels que Google, Facebook, et Twitter, avec des options de personnalisation pour s’adapter \u00e0 l’esth\u00e9tique du site. Le module facilite \u00e9galement la gestion des utilisateurs et s’int\u00e8gre ais\u00e9ment avec les comptes WooCommerce. Sa conception modulaire et s\u00e9curis\u00e9e assure une exp\u00e9rience utilisateur moderne et efficace, \u00e9liminant ainsi le besoin de plugins multiples.<\/p>","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true},"class_list":["post-6544","module","type-module","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpmastertoolkit.com\/en\/wp-json\/wp\/v2\/module\/6544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmastertoolkit.com\/en\/wp-json\/wp\/v2\/module"}],"about":[{"href":"https:\/\/wpmastertoolkit.com\/en\/wp-json\/wp\/v2\/types\/module"}],"wp:attachment":[{"href":"https:\/\/wpmastertoolkit.com\/en\/wp-json\/wp\/v2\/media?parent=6544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Pourquoi L\u2019Adopter<\/strong><\/h1>\n\n\n\n
La version gratuite permet de commencer avec Google, y compris sur les formulaires WooCommerce pris en charge.<\/strong> Le principal apport du Pro est le choix de sept fournisseurs suppl\u00e9mentaires : Facebook pour une audience grand public, Apple pour les utilisateurs de son \u00e9cosyst\u00e8me, Microsoft et LinkedIn pour un public professionnel, GitHub pour les d\u00e9veloppeurs, X pour les communaut\u00e9s pr\u00e9sentes sur cette plateforme et WordPress.com pour les utilisateurs de son \u00e9cosyst\u00e8me. Vous activez uniquement les fournisseurs pertinents pour votre audience.<\/p>\n\n\n\nComment le configurer<\/strong><\/h1>\n\n\n\n
\n
Advanced<\/code> du fournisseur, choisissez un r\u00f4le adapt\u00e9 avec Register role<\/code>, g\u00e9n\u00e9ralement Abonn\u00e9 pour un site classique ou Client pour une boutique. N\u2019attribuez jamais automatiquement un r\u00f4le Administrateur \u00e0 des inscriptions publiques.<\/strong><\/li>\n\n\n\nAuthorized Redirect URI<\/code> indique l\u2019adresse \u00e0 enregistrer chez le fournisseur. Elle correspond g\u00e9n\u00e9ralement \u00e0 https:\/\/example.com\/wp-login.php<\/code>, avec un chemin diff\u00e9rent si WordPress est install\u00e9 dans un sous-r\u00e9pertoire. Copiez la valeur affich\u00e9e int\u00e9gralement : protocole, sous-domaine et chemin doivent correspondre. Ce n\u2019est ni l\u2019adresse de votre page Mon compte ni un lien de d\u00e9marrage de connexion. N\u2019ajoutez aucun param\u00e8tre provenant d\u2019un tutoriel consacr\u00e9 \u00e0 une autre extension.<\/li>\n<\/ol>\n\n\n\nGoogle Gratuit<\/strong><\/h3>\n\n\n\n
\n
Audience<\/code>, choisissez une audience externe si la connexion doit \u00eatre accessible \u00e0 des comptes Google ext\u00e9rieurs \u00e0 votre organisation.<\/li>\n\n\n\nBranding<\/code>, renseignez les informations de votre site, ses pages l\u00e9gales et son domaine autoris\u00e9. Dans Clients<\/code>, cr\u00e9ez un client de type Web application<\/code>. Ajoutez l\u2019URL copi\u00e9e depuis WPMasterToolkit dans Authorized redirect URIs<\/code>. Attention : le champ des origines JavaScript autoris\u00e9es ne remplace pas celui des URI de redirection.<\/li>\n\n\n\nClient ID<\/code> and the Client Secret<\/code>, puis reportez-les dans les champs correspondants du fournisseur Google dans WPMasterToolkit. Conservez le secret d\u00e8s sa cr\u00e9ation : Google peut ne plus permettre de le consulter ensuite. Activez Google avec Enable<\/code>, choisissez les emplacements d\u2019affichage dans Advanced<\/code>, puis enregistrez. L\u2019option Select account on each login<\/code> permet de demander le choix du compte Google \u00e0 chaque connexion.<\/li>\n\n\n\nopenid<\/code>, email<\/code> and profile<\/code> : il n\u2019a pas besoin d\u2019un acc\u00e8s \u00e0 Gmail, Drive ou aux contacts. Selon la documentation Google<\/a>, ces autorisations non sensibles n\u2019imposent pas \u00e0 elles seules une v\u00e9rification des acc\u00e8s sensibles ; la pr\u00e9sentation du nom et du logo peut toutefois n\u00e9cessiter une v\u00e9rification de marque.<\/li>\n<\/ol>\n\n\n\nFacebook Pro<\/strong><\/h3>\n\n\n\n
\n
email<\/code> en compl\u00e9ment de public_profile<\/code>. Dans les r\u00e9glages Facebook Login, autorisez les connexions OAuth client et Web lorsque ces options sont pr\u00e9sentes. Ajoutez exactement l\u2019URL fournie par WPMasterToolkit dans Valid OAuth redirect URIs<\/code>, puis enregistrez.<\/li>\n\n\n\nUser Data Deletion<\/code>, s\u00e9lectionnez l\u2019option d\u2019URL d\u2019instructions lorsqu\u2019elle est propos\u00e9e et indiquez une page expliquant r\u00e9ellement comment demander la suppression des donn\u00e9es. Ne renseignez pas une adresse de traitement automatique que votre site ne poss\u00e8de pas.<\/li>\n\n\n\nApp ID<\/code> and App Secret<\/code> dans WPMasterToolkit, activez le fournisseur et testez avec un compte autoris\u00e9 dans l\u2019application. Pour accueillir le public, terminez la v\u00e9rification d\u2019entreprise n\u00e9cessaire \u00e0 l\u2019acc\u00e8s avanc\u00e9, les \u00e9tapes d\u2019App Review demand\u00e9es, puis la publication. Un test r\u00e9ussi avec le propri\u00e9taire de l\u2019application ne prouve pas que les visiteurs peuvent se connecter.<\/strong> Consultez les conditions de publication Meta<\/a> et surveillez ensuite les demandes de contr\u00f4le de l\u2019utilisation des donn\u00e9es.<\/li>\n<\/ol>\n\n\n\nApple Pro<\/strong><\/h3>\n\n\n\n
\n
Certificates, Identifiers & Profiles<\/code>, ouvrez Identifiers<\/code>. Cr\u00e9ez ou s\u00e9lectionnez un App ID explicite adapt\u00e9 \u00e0 votre application, activez la capacit\u00e9 Sign in with Apple<\/code>, puis enregistrez. Utilisez un identifiant unique au format de domaine invers\u00e9, par exemple com.example.memberapp<\/code>, et conservez la m\u00eame \u00e9quipe d\u00e9veloppeur pour les \u00e9l\u00e9ments associ\u00e9s.<\/li>\n\n\n\nServices IDs<\/code>, puis activez Sign in with Apple dans ses r\u00e9glages. Associez-le \u00e0 l\u2019App ID principal. Dans Domains and Subdomains<\/code>, indiquez les domaines concern\u00e9s ; dans Return URLs<\/code>, collez l\u2019URL HTTPS affich\u00e9e par WPMasterToolkit. Le Services ID, par exemple com.example.memberweb<\/code>, sera le Client ID<\/code> du module : ne le confondez pas avec le Bundle ID.<\/li>\n\n\n\nKeys<\/code>, cr\u00e9ez une cl\u00e9 Sign in with Apple associ\u00e9e \u00e0 l\u2019App ID principal. T\u00e9l\u00e9chargez la cl\u00e9 priv\u00e9e et conservez-la imm\u00e9diatement : son t\u00e9l\u00e9chargement n\u2019est disponible qu\u2019une fois. Dans WPMasterToolkit, renseignez Client ID (Service ID)<\/code>, Team ID<\/code>, Key ID<\/code> et le contenu int\u00e9gral de la cl\u00e9 dans Private Key (.p8)<\/code>, y compris ses d\u00e9limiteurs. Le module prend en charge la g\u00e9n\u00e9ration du secret client ; aucun bouton de g\u00e9n\u00e9ration manuelle de jeton n\u2019est \u00e0 rechercher.<\/li>\n\n\n\nX Pro<\/strong><\/h3>\n\n\n\n
\n
Web App, Automated App or Bot<\/code>. Renseignez l\u2019URL du site et l\u2019URL de retour WPMasterToolkit.<\/li>\n\n\n\nRequest email from users<\/code> et renseignez les URL de confidentialit\u00e9 et de conditions d\u2019utilisation. Dans WPMasterToolkit, s\u00e9lectionnez API v1.1<\/code> : l\u2019API Key<\/code> correspond \u00e0 Consumer Key<\/code>, et l\u2019API Key Secret<\/code> \u00e0 Consumer Secret<\/code>.<\/li>\n\n\n\nAPI v2<\/code> dans WPMasterToolkit. Renseignez Client ID<\/code> and Client Secret<\/code>, pas les Consumer Keys de la v1.1. Le module utilise PKCE et demande users.read<\/code>, users.email<\/code> and tweet.read<\/code>. La documentation actuelle de X<\/a> pr\u00e9voit bien l\u2019acc\u00e8s \u00e0 l\u2019e-mail via users.email<\/code>, sous r\u00e9serve de l\u2019autorisation accord\u00e9e et des donn\u00e9es disponibles.<\/li>\n\n\n\nMicrosoft Pro<\/strong><\/h3>\n\n\n\n
\n
App registrations<\/code>then New registration<\/code>. Renseignez le nom et les types de comptes autoris\u00e9s. Pour une audience comprenant entreprises et particuliers, choisissez l\u2019option couvrant les annuaires Microsoft Entra et les comptes Microsoft personnels. Vous devez disposer des droits n\u00e9cessaires \u00e0 la cr\u00e9ation d\u2019applications dans votre annuaire.<\/li>\n\n\n\nAuthentication<\/code>, ajoutez une plateforme Web<\/code> et l\u2019URI de retour WPMasterToolkit. Dans API permissions<\/code>, v\u00e9rifiez la permission d\u00e9l\u00e9gu\u00e9e Microsoft Graph User.Read<\/code>. Le module demande \u00e9galement openid<\/code>, profile<\/code> and email<\/code>. Selon les r\u00e8gles de l\u2019organisation, un administrateur devra accorder son consentement.<\/li>\n\n\n\nCertificates & secrets<\/code>, ajoutez un secret et notez son expiration. Copiez sa valeur<\/strong>, et non son identifiant technique : c\u2019est la valeur qui doit \u00eatre renseign\u00e9e dans Client Secret<\/code>. Reportez aussi l\u2019Application (client) ID<\/code> dans le module et pr\u00e9voyez le renouvellement du secret avant son \u00e9ch\u00e9ance.<\/li>\n\n\n\nDirectory (tenant) ID<\/code> accepte la cible de connexion : l\u2019identifiant d\u2019un annuaire pr\u00e9cis pour une organisation, organizations<\/code> pour les comptes professionnels et scolaires, consumers<\/code> pour les particuliers, ou common<\/code> pour les deux cat\u00e9gories. Cette valeur doit correspondre aux types de comptes autoris\u00e9s dans l\u2019application. Activez le fournisseur, enregistrez et testez chaque cat\u00e9gorie de comptes que vous souhaitez accueillir.<\/li>\n<\/ol>\n\n\n\nLinkedIn Pro<\/strong><\/h3>\n\n\n\n
\n
Products<\/code>, demandez le produit Sign In with LinkedIn using OpenID Connect<\/strong>.<\/li>\n\n\n\nopenid<\/code>, profile<\/code> and email<\/code>. Dans Auth<\/code>, ajoutez l\u2019URL de retour WPMasterToolkit et r\u00e9cup\u00e9rez Client ID<\/code> and Client Secret<\/code>. Reportez-les dans le fournisseur LinkedIn, activez-le et enregistrez. Cette connexion donne acc\u00e8s aux informations de profil autoris\u00e9es ; elle ne constitue pas une v\u00e9rification de l\u2019identit\u00e9 civile ou de la situation professionnelle du visiteur.<\/li>\n<\/ol>\n\n\n\nGitHub Pro<\/strong><\/h3>\n\n\n\n
\n
Settings<\/code>, Developer settings<\/code>then OAuth Apps<\/code> and New OAuth App<\/code>. Renseignez le nom, l\u2019URL d\u2019accueil, une description utile et l\u2019Authorization callback URL<\/code> copi\u00e9e depuis WPMasterToolkit. Choisissez bien une OAuth App<\/strong>, et non un jeton d\u2019acc\u00e8s personnel ou une GitHub App, pour suivre cette configuration.<\/li>\n\n\n\nClient ID<\/code> and Client Secret<\/code> dans WPMasterToolkit. Le module demande read:user<\/code> and user:email<\/code>, sans demander l\u2019acc\u00e8s aux d\u00e9p\u00f4ts. Lorsque l\u2019e-mail public est absent, il tente de r\u00e9cup\u00e9rer l\u2019adresse principale v\u00e9rifi\u00e9e autoris\u00e9e par GitHub. Activez le fournisseur et testez aussi un compte dont l\u2019adresse n\u2019est pas publique.<\/li>\n<\/ol>\n\n\n\nWordPress.com Pro<\/strong><\/h3>\n\n\n\n
\n
Redirect URI<\/code> fournie par WPMasterToolkit. Si le formulaire distingue les applications Web des applications natives, choisissez le type Web.<\/li>\n\n\n\nClient ID<\/code> and Client Secret<\/code>, puis renseignez-les dans le fournisseur nomm\u00e9 WordPress dans le module. Celui-ci utilise l\u2019autorisation auth<\/code> pour acc\u00e9der au profil n\u00e9cessaire \u00e0 la connexion. Il s\u2019agit bien d\u2019une connexion avec WordPress.com<\/strong>, pas d\u2019une connexion universelle avec les identifiants de n\u2019importe quel site WordPress ind\u00e9pendant.<\/li>\n<\/ol>\n\n\n\nPersonnaliser L\u2019Affichage<\/strong><\/h2>\n\n\n\n
Buttons<\/code>, personnalisez s\u00e9par\u00e9ment Login Label<\/code> and Register Label<\/code>, puis choisissez l\u2019habillage clair, sombre ou neutre. Privil\u00e9giez des libell\u00e9s explicites et respectez les r\u00e8gles de marque des fournisseurs. Dans Advanced<\/code>, vous pouvez \u00e9galement d\u00e9finir un pr\u00e9fixe d\u2019identifiant, le r\u00f4le d\u2019inscription et, selon le fournisseur, la taille de l\u2019avatar import\u00e9.<\/p>\n\n\n\nWooCommerce Et Comptes<\/strong><\/h2>\n\n\n\n
WooCommerce<\/code> in Advanced<\/code> pour afficher le fournisseur sur les formulaires de connexion et d\u2019inscription standard de Mon compte. L\u2019affichage du formulaire d\u2019inscription d\u00e9pend aussi des r\u00e9glages WooCommerce, mais la cr\u00e9ation de nouveaux comptes sociaux d\u00e9pend du r\u00e9glage g\u00e9n\u00e9ral d\u2019inscription WordPress<\/strong>. Le module retrouve d\u2019abord une association sociale existante, puis un compte utilisant la m\u00eame adresse e-mail ; sinon, il tente une cr\u00e9ation autoris\u00e9e. M\u00eame un bouton de connexion peut donc aboutir \u00e0 une inscription. Depuis Mon compte, le retour vise cette page. Hors de ce contexte, le module privil\u00e9gie l\u2019administration pour un administrateur, puis Mon compte si disponible, sinon l\u2019accueil. L\u2019affichage au paiement ou dans des formulaires personnalis\u00e9s n\u2019est pas automatiquement garanti.<\/p>\n\n\n\nTests Et D\u00e9pannage<\/strong><\/h2>\n\n\n\n
En cas de redirect_uri_mismatch<\/code>, Invalid redirect_uri<\/code> or URL blocked<\/code>, comparez les adresses caract\u00e8re par caract\u00e8re. Pour invalid_client<\/code>, contr\u00f4lez le couple identifiant-secret et son expiration. Un acc\u00e8s r\u00e9serv\u00e9 aux d\u00e9veloppeurs indique souvent une publication ou des autorisations incompl\u00e8tes. Si aucun bouton n\u2019appara\u00eet, v\u00e9rifiez l\u2019activation, les identifiants requis et l\u2019emplacement choisi. En cas de retour sans connexion, contr\u00f4lez les cookies, le cache et les protections de la page de retour sans d\u00e9sactiver globalement la s\u00e9curit\u00e9 du site.<\/p>\n\n\n\nQuestions Fr\u00e9quentes<\/strong><\/h2>\n\n\n\n
Le formulaire classique reste-t-il disponible ?<\/strong> Oui, le module ajoute une alternative. Conservez une m\u00e9thode de r\u00e9cup\u00e9ration d\u2019acc\u00e8s ind\u00e9pendante. Le module rend-il automatiquement le site conforme au RGPD ?<\/strong> Non : documentez les donn\u00e9es utilis\u00e9es, leurs finalit\u00e9s et leur conservation, les fournisseurs sollicit\u00e9s et les modalit\u00e9s de suppression. L\u2019autorisation de connexion ne vaut pas consentement \u00e0 recevoir une newsletter.<\/p>\n\n\n\nChoisir Le Pro<\/strong><\/h2>\n\n\n\n