{"id":8112,"date":"2023-08-15T10:11:54","date_gmt":"2023-08-15T17:11:54","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&#038;p=8112"},"modified":"2024-05-08T14:18:40","modified_gmt":"2024-05-08T18:18:40","slug":"configurer-le-login-sso-de-facebook","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/configurer-le-login-sso-de-facebook\/","title":{"rendered":"Configuration de la connexion SSO de Facebook"},"content":{"rendered":"<p><a href=\"https:\/\/membermouse.com\/fr\/plans\/\"><mark style=\"background-color:#8ed1fc\" class=\"has-inline-color\">PLAN PLUS +<\/mark><\/a><\/p>\n\n\n\n<p>L'extension de connexion Facebook de MemberMouse permettra aux utilisateurs de cr\u00e9er une nouvelle adh\u00e9sion gratuite \u00e0 l'aide de leurs identifiants de connexion Facebook.<\/p>\n\n\n\n<p>Veuillez noter que ces instructions peuvent n\u00e9cessiter un ordre diff\u00e9rent pour certains ou se pr\u00e9senter diff\u00e9remment de l'illustration. L'interface Meta change r\u00e9guli\u00e8rement, et chaque compte aura des exigences de v\u00e9rification qui peuvent ne pas \u00eatre couvertes dans cet article. Nous vous encourageons \u00e0 <a href=\"https:\/\/developers.facebook.com\/docs\/development\/create-an-app\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">lire la documentation sur Facebook<\/a> pour plus de d\u00e9tails.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Cr\u00e9er une application Facebook<br><\/h5>\n\n\n\n<p>La premi\u00e8re \u00e9tape pour activer l'extension de connexion Facebook sur votre site consiste \u00e0 cr\u00e9er une application Facebook. Pour cr\u00e9er votre application, suivez les \u00e9tapes suivantes :<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Pour acc\u00e9der \u00e0 la page des d\u00e9veloppeurs d'applications de Facebook, visitez le site http:\/\/developers.facebook.com\/apps. C'est sur cette page que Facebook r\u00e9pertorie les applications que vous avez d\u00e9j\u00e0 cr\u00e9\u00e9es. Vous pouvez \u00e9galement y cr\u00e9er de nouvelles applications.<br><br><img decoding=\"async\" class=\"wp-image-10021\" style=\"width: 550px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/52a389b5-z4q0aoupsk7j5ho-1pcnth_vu5d4dpaydw.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>Facebook vous demandera quel type d'application vous devez cr\u00e9er. Choisissez Facebook Login.<br><br><img fetchpriority=\"high\" decoding=\"async\" width=\"650\" height=\"407\" class=\"wp-image-18822\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1.png 1033w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-300x188.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-1024x641.png 1024w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-768x481.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-50x31.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-18x12.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><br><\/li>\n\n\n\n<li>Facebook peut vous poser des questions compl\u00e9mentaires et vous inviter \u00e0 fournir les d\u00e9tails de votre candidature :<br><br><img decoding=\"async\" class=\"wp-image-10022\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6454b6e3-gwf_rgkpwypimamreonv54jljxtuopzbuq.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>Une fois que vous avez cr\u00e9\u00e9 l'application de base, Facebook vous guide \u00e0 travers un processus en plusieurs \u00e9tapes pour connecter l'application \u00e0 votre site, la v\u00e9rifier et la publier. <br><br><br><img decoding=\"async\" width=\"650\" height=\"308\" class=\"wp-image-18823\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2.png 974w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-300x142.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-768x363.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-50x24.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-18x9.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><\/li>\n\n\n\n<li>Chaque \u00e9tape peut \u00eatre propre \u00e0 votre situation et \u00e0 vos besoins, mais les \u00e9tapes facultatives requises pour MemberMouse sont incluses dans l'\u00e9tape Param\u00e8tres OAuth du client.<br><br>Dans l'\u00e9tape Param\u00e8tres OAuth du client, v\u00e9rifiez que vos interrupteurs \u00e0 bascule correspondent \u00e0 ceux indiqu\u00e9s ci-dessous, et utilisez l'URI de redirection OAuth valide ci-dessous, en modifiant d'abord yoursite.com pour qu'il corresponde \u00e0 votre domaine MemberMouse. Cliquez sur l'ic\u00f4ne <em>Enregistrer les modifications<\/em> une fois l'op\u00e9ration termin\u00e9e : &nbsp;<br><br><code>https:\/\/yoursite.com\/wp-content\/plugins\/membermouse\/lib\/hybridauth\/?hauth_done=Facebook<\/code><br><br><img decoding=\"async\" width=\"650\" height=\"452\" class=\"wp-image-18824\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3.png 882w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-300x209.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-768x535.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-50x35.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-18x12.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><br><\/li>\n\n\n\n<li>Ensuite, compl\u00e9tez les \u00e9tapes d'installation avec toutes les v\u00e9rifications et publications que Meta\/Facebook peut exiger. <br><br><\/li>\n\n\n\n<li>Une fois votre application cr\u00e9\u00e9e et publi\u00e9e, vous devrez acc\u00e9der \u00e0 l'identifiant et au secret de l'application pour configurer l'extension sur votre site.  Ils sont accessibles \u00e0 partir de\u00a0<em>Param\u00e8tres de l'application &gt; Basique<\/em>:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"299\" class=\"wp-image-18825\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers.png 1604w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-300x138.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1024x471.png 1024w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-768x353.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-50x23.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1536x706.png 1536w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-18x8.png 18w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1200x551.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><br><\/li>\n\n\n\n<li>Ouvrez un nouvel onglet sur votre navigateur web, et passez \u00e0 la configuration de l'extension de connexion \u00e0 Facebook.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Configuration de l'extension de connexion \u00e0 Facebook<\/h5>\n\n\n\n<p>Pour activer l'extension de connexion \u00e0 Facebook, suivez les \u00e9tapes ci-dessous :<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Dans le menu MemberMouse, cliquez sur&nbsp;<em>Param\u00e8tres g\u00e9n\u00e9raux<\/em>.<br><br><\/li>\n\n\n\n<li>Ensuite, cliquez sur le bouton&nbsp;<em>Extensions<\/em>&nbsp;et \u00e0 partir de la page suivante, cliquez sur le logo Facebook.<br><br><\/li>\n\n\n\n<li>Vous devrez fournir quelques informations \u00e0 partir de votre application Facebook et effectuer quelques s\u00e9lections :<br><br><img decoding=\"async\" class=\"wp-image-10031\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e8f05264-9056.png\" alt=\"\"><br><br><br><strong>ID de l'application<\/strong>&nbsp;- Depuis le tableau de bord de l'application Facebook.<br><strong><br>App Secret<\/strong>&nbsp;- Depuis le tableau de bord de l'application Facebook.<br><strong><br>Autoriser les inscriptions ?<\/strong>&nbsp;- Si vous souhaitez autoriser les nouveaux clients \u00e0 s'inscrire en utilisant leurs identifiants Facebook, cochez cette case. Dans le cas contraire, les membres ne pourront se connecter qu'\u00e0 l'aide de leurs identifiants Facebook, mais ne pourront pas s'inscrire pour une nouvelle adh\u00e9sion.<br><br><strong>Niveau d'adh\u00e9sion -&nbsp;<\/strong>Les clients ne peuvent s'inscrire \u00e0 un niveau d'adh\u00e9sion gratuit que s'ils utilisent leurs identifiants de connexion \u00e0 Facebook. Une fois qu'ils sont membres, ils peuvent acheter un abonnement payant. Vous devez s\u00e9lectionner l'adh\u00e9sion gratuite par d\u00e9faut \u00e0 laquelle vous souhaitez que les clients s'inscrivent lorsqu'ils utilisent Facebook.<br><strong><br>URL de rappel :<\/strong>&nbsp;- Il s'agit de l'URL utilis\u00e9e dans l'application Facebook.<br><br><\/li>\n\n\n\n<li>Cliquez sur&nbsp;<em>Sauvegarder la configuration.<\/em><\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Ajouter l'inscription et la connexion \u00e0 Facebook \u00e0 votre site<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e2fd30b2-login-fb.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e2fd30b2-login-fb.png\" alt=\"\" class=\"wp-image-10032\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Une fois que vous avez configur\u00e9 votre site pour accepter la connexion Facebook, vous devez ajouter les SmartTags\u2122 suivants pour permettre l'inscription et la connexion :<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">Bouton d'inscription SmartTag\u2122<\/h6>\n\n\n\n<p>Le SmartTag\u2122 suivant g\u00e9n\u00e8re un bouton que les clients peuvent utiliser pour s'inscrire \u00e0 un nouveau compte :<br><br><code>[MM_Social_Signup_Button provider='Facebook']<\/code><br><br><br><em><strong>Attributs :<\/strong><br><br><\/em>provider - D\u00e9finissez l'attribut provider sur \"all\" pour g\u00e9n\u00e9rer des boutons d'inscription pour tous les fournisseurs de connexion sociale actifs, ou vous pouvez utiliser une balise individuelle pour chaque fournisseur Twitter, Facebook et Google. Vous pouvez \u00e9galement utiliser une balise individuelle pour chaque fournisseur : Twitter, Facebook et Google :<br><br><code>[MM_Social_Signup_Button provider='all']<\/code><br><em><br><br><strong>Attributs facultatifs :<\/strong><br><\/em><br>membershipLevel - Vous pouvez \u00e9ventuellement utiliser cet attribut pour remplacer le niveau d'adh\u00e9sion par d\u00e9faut lors de l'inscription.<br>d\u00e9fini ci-dessus. Il prend un identifiant de niveau d'adh\u00e9sion pour les niveaux d'adh\u00e9sion gratuits uniquement. Par exemple :<br><br><code>[MM_Social_Signup_Button provider='Facebook' membershipLevel='2']<\/code><br><br>Lire cet article pour&nbsp;<a href=\"https:\/\/membermouse.com\/fr\/documents-3-2\/recherche-didentifiants-pour-les-niveaux-dadhesion-les-produits-et-les-offres-groupees\/\">apprendre \u00e0 trouver les identifiants de vos niveaux d'adh\u00e9sion<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;<\/h3>\n\n\n\n<h6 class=\"wp-block-heading\">Bouton de connexion SmartTag\u2122<\/h6>\n\n\n\n<p>Le SmartTag\u2122 suivant g\u00e9n\u00e8re un bouton que les clients peuvent utiliser pour se connecter \u00e0 un compte existant :<\/p>\n\n\n\n<p><code>[MM_Social_Login_Button provider='Facebook']<\/code><\/p>\n\n\n\n<p><br><em><strong>Attributs :<\/strong><br><br><\/em>provider - D\u00e9finissez l'attribut provider sur \"all\" pour g\u00e9n\u00e9rer des boutons d'inscription pour tous les fournisseurs de connexion sociale actifs, ou vous pouvez utiliser une balise individuelle pour chaque fournisseur Twitter, Facebook et Google. Vous pouvez \u00e9galement utiliser une balise individuelle pour chaque fournisseur : Twitter, Facebook et Google :<strong><br><\/strong><br><code>[MM_Social_Login_Button provider='all']<\/code><\/p>\n\n\n\n<p><strong>D\u00e9pannage<\/strong><\/p>\n\n\n\n<p><strong>NOTE :&nbsp;<\/strong>La biblioth\u00e8que du client Facebook exige que le fuseau horaire soit explicitement d\u00e9fini dans la configuration de PHP.  Si vous d\u00e9finissez le fuseau horaire directement dans le fichier php.ini, le fuseau horaire central se pr\u00e9sente comme suit :<\/p>\n\n\n\n<p>date.timezone = \"US\/Central\"<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>PLAN PLUS + L'extension de connexion Facebook de MemberMouse permet aux utilisateurs de cr\u00e9er une nouvelle adh\u00e9sion gratuite \u00e0 l'aide de leurs identifiants de connexion Facebook. Veuillez noter que ces instructions peuvent...<\/p>","protected":false},"author":21411,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[193],"ht-kb-tag":[],"class_list":["post-8112","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-social-sign-on"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=8112"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8112\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=8112"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=8112"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=8112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}