{"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":"configuracion-del-inicio-de-sesion-de-facebook-sso","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/configuracion-del-inicio-de-sesion-de-facebook-sso\/","title":{"rendered":"Configuraci\u00f3n del inicio de sesi\u00f3n SSO de Facebook"},"content":{"rendered":"<p><a href=\"https:\/\/membermouse.com\/es\/planos\/\"><mark style=\"background-color:#8ed1fc\" class=\"has-inline-color\">PLAN PLUS +<\/mark><\/a><\/p>\n\n\n\n<p>La extensi\u00f3n de inicio de sesi\u00f3n en Facebook de MemberMouse permitir\u00e1 a los usuarios crear una nueva afiliaci\u00f3n gratuita utilizando sus credenciales de inicio de sesi\u00f3n en Facebook.<\/p>\n\n\n\n<p>Tenga en cuenta que estas instrucciones pueden requerir un orden diferente para algunos o tener un aspecto distinto al mostrado. La interfaz Meta cambia regularmente, y cada cuenta tendr\u00e1 requisitos de verificaci\u00f3n que pueden no estar cubiertos en este art\u00edculo. Le recomendamos que <a href=\"https:\/\/developers.facebook.com\/docs\/development\/create-an-app\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">leer la documentaci\u00f3n en Facebook<\/a> para m\u00e1s detalles.<\/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\">Crear una aplicaci\u00f3n para Facebook<br><\/h5>\n\n\n\n<p>El primer paso para habilitar la extensi\u00f3n de inicio de sesi\u00f3n de Facebook en tu sitio es crear una aplicaci\u00f3n de Facebook. Para crear tu aplicaci\u00f3n, sigue estos pasos:<\/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>Para acceder a la p\u00e1gina de desarrolladores de aplicaciones de Facebook, visita http:\/\/developers.facebook.com\/apps. Esta es la p\u00e1gina donde Facebook enumera las aplicaciones que ya has creado con ellos. Tambi\u00e9n puedes crear nuevas aplicaciones aqu\u00ed.<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 te preguntar\u00e1 qu\u00e9 tipo de aplicaci\u00f3n necesitas crear. Elige 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>Es posible que Facebook te haga preguntas aclaratorias y luego te pida detalles sobre la solicitud:<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>Una vez que hayas creado la aplicaci\u00f3n b\u00e1sica, Facebook te guiar\u00e1 a trav\u00e9s de un proceso de varios pasos para que la aplicaci\u00f3n se conecte a tu sitio, se verifique y, a continuaci\u00f3n, se publique. <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>Cada paso puede ser \u00fanico para su situaci\u00f3n y requisitos, pero los pasos opcionales requeridos para MemberMouse est\u00e1n incluidos en el paso Configuraci\u00f3n OAuth del cliente.<br><br>En el paso Configuraci\u00f3n de OAuth del cliente, compruebe que sus interruptores de palanca coinciden con los que se muestran a continuaci\u00f3n y utilice la URI de redirecci\u00f3n de OAuth v\u00e1lida que aparece a continuaci\u00f3n, modificando primero yoursite.com para que coincida con su dominio de MemberMouse. Haga clic en el bot\u00f3n <em>Guardar cambios<\/em> una vez completado: &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>A continuaci\u00f3n, completa los pasos de configuraci\u00f3n con cualquier verificaci\u00f3n y publicaci\u00f3n que Meta\/Facebook pueda requerir. <br><br><\/li>\n\n\n\n<li>Una vez creada y publicada su aplicaci\u00f3n, necesitar\u00e1 acceder al App ID y al App Secret para configurar la extensi\u00f3n en su sitio.  Puede acceder a ellos desde\u00a0<em>Configuraci\u00f3n de la aplicaci\u00f3n &gt; B\u00e1sica<\/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>Abre una nueva pesta\u00f1a en tu navegador web y pasa a configurar la extensi\u00f3n de inicio de sesi\u00f3n de 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\">Configuraci\u00f3n de la extensi\u00f3n de inicio de sesi\u00f3n de Facebook<\/h5>\n\n\n\n<p>Para activar la extensi\u00f3n de inicio de sesi\u00f3n de Facebook, sigue estos pasos:<\/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>En el men\u00fa MemberMouse, haga clic en&nbsp;<em>Ajustes generales<\/em>.<br><br><\/li>\n\n\n\n<li>A continuaci\u00f3n, haga clic en el bot\u00f3n&nbsp;<em>Extensiones<\/em>&nbsp;y en la p\u00e1gina siguiente, haz clic en el logotipo de Facebook.<br><br><\/li>\n\n\n\n<li>Tendr\u00e1s que facilitar algunos datos de tu aplicaci\u00f3n de Facebook y hacer algunas selecciones:<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 la aplicaci\u00f3n<\/strong>&nbsp;- Desde el panel de control de tu aplicaci\u00f3n de Facebook.<br><strong><br>Aplicaci\u00f3n secreta<\/strong>&nbsp;- Desde el panel de control de tu aplicaci\u00f3n de Facebook.<br><strong><br>\u00bfPermitir inscripciones?<\/strong>&nbsp;- Si quieres permitir que los nuevos clientes se registren utilizando sus credenciales de inicio de sesi\u00f3n de Facebook, haz clic en esta casilla. De lo contrario, los miembros solo podr\u00e1n iniciar sesi\u00f3n con sus credenciales de Facebook, pero no suscribirse a una nueva membres\u00eda.<br><br><strong>Nivel de afiliaci\u00f3n -&nbsp;<\/strong>Los clientes s\u00f3lo pueden inscribirse en un nivel de afiliaci\u00f3n gratuito cuando utilizan sus credenciales de inicio de sesi\u00f3n de Facebook. Una vez que son miembros, pueden adquirir una suscripci\u00f3n de pago. Tienes que seleccionar la afiliaci\u00f3n gratuita predeterminada a la que quieres que se afilien los clientes cuando utilicen Facebook.<br><strong><br>URL de devoluci\u00f3n de llamada:<\/strong>&nbsp;- Esta es la URL que se utiliza en la aplicaci\u00f3n de Facebook.<br><br><\/li>\n\n\n\n<li>Haga clic en&nbsp;<em>Guardar configuraci\u00f3n.<\/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\">C\u00f3mo a\u00f1adir el registro y el inicio de sesi\u00f3n de Facebook a tu sitio web<\/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>Una vez que hayas configurado tu sitio para que acepte el inicio de sesi\u00f3n de Facebook, tienes que a\u00f1adir las siguientes SmartTags\u2122 para permitir el registro y el inicio de sesi\u00f3n:<\/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\">Bot\u00f3n de inscripci\u00f3n SmartTag\u2122<\/h6>\n\n\n\n<p>La siguiente SmartTag\u2122 genera un bot\u00f3n que los clientes pueden utilizar para registrarse en una nueva cuenta:<br><br><code>[MM_Social_Signup_Button provider='Facebook']<\/code><br><br><br><em><strong>Atributos:<\/strong><br><br><\/em>provider - Establezca el atributo provider en \"all\" para generar botones de registro para todos los proveedores de inicio de sesi\u00f3n social activos, o puede utilizar una etiqueta individual para cada proveedor Twitter, Facebook y Google. Por ejemplo<br><br><code>[MM_Social_Signup_Button provider='all']<\/code><br><em><br><br><strong>Atributos opcionales:<\/strong><br><\/em><br>membershipLevel - Puede utilizar opcionalmente este atributo para anular el nivel de suscripci\u00f3n predeterminado.<br>definido anteriormente. Toma un ID de nivel de afiliaci\u00f3n s\u00f3lo para los niveles de afiliaci\u00f3n gratuitos. Por ejemplo:<br><br><code>[MM_Social_Signup_Button provider='Facebook' membershipLevel='2']<\/code><br><br>Lea este art\u00edculo para&nbsp;<a href=\"https:\/\/membermouse.com\/es\/docs\/busqueda-de-identificadores-de-niveles-de-afiliacion-productos-y-paquetes\/\">aprenda a encontrar los identificadores de su nivel de afiliaci\u00f3n<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;<\/h3>\n\n\n\n<h6 class=\"wp-block-heading\">Bot\u00f3n Login SmartTag\u2122<\/h6>\n\n\n\n<p>La siguiente SmartTag\u2122 genera un bot\u00f3n que los clientes pueden utilizar para iniciar sesi\u00f3n en una cuenta existente:<\/p>\n\n\n\n<p><code>[MM_Social_Login_Button provider='Facebook']<\/code><\/p>\n\n\n\n<p><br><em><strong>Atributos:<\/strong><br><br><\/em>provider - Establezca el atributo provider en \"all\" para generar botones de registro para todos los proveedores de inicio de sesi\u00f3n social activos, o puede utilizar una etiqueta individual para cada proveedor Twitter, Facebook y Google. Por ejemplo<strong><br><\/strong><br><code>[MM_Social_Login_Button provider='all']<\/code><\/p>\n\n\n\n<p><strong>Soluci\u00f3n de problemas<\/strong><\/p>\n\n\n\n<p><strong>NOTA:&nbsp;<\/strong>La biblioteca de clientes de Facebook requiere que la zona horaria se establezca expl\u00edcitamente en la configuraci\u00f3n de PHP.  Si est\u00e1 configurando directamente en el archivo php.ini, una configuraci\u00f3n de zona horaria central se ver\u00eda as\u00ed:<\/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 + La extensi\u00f3n de inicio de sesi\u00f3n de Facebook de MemberMouse permitir\u00e1 a los usuarios crear una nueva suscripci\u00f3n gratuita utilizando sus credenciales de inicio de sesi\u00f3n de Facebook. Tenga en cuenta que estas instrucciones pueden requerir un...<\/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\/es\/wp-json\/wp\/v2\/ht-kb\/8112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=8112"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8112\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=8112"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=8112"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=8112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}