Configurar el inicio de sesión en redes sociales de Facebook en WordPress (Facebook SSO) usando OAuth2 es fácil con el complemento de inicio de sesión único (SSO) de WordPress OAuth / OpenID Connect. Puede configurar el complemento utilizando otros proveedores de redes sociales/proveedores personalizados de OAuth y OIDC. Admite funciones avanzadas de inicio de sesión único (SSO), como mapeo de atributos de perfil de usuario, mapeo de roles, etc. Aquí revisaremos una guía para configurar SSO entre WordPress y Facebook. Al final de esta guía, los usuarios deberían poder iniciar sesión en WordPress desde Facebook. Para saber más sobre otras funciones que ofrecemos en el complemento WP OAuth Single Sign-On (OAuth & OpenID Connect Client), puede haga clic aquí.

Requisitos previos: descarga e instalación

• Inicie sesión en su instancia de WordPress como administrador.
• Ir a WordPress Panel de control -> Complementos y haga clic en Añadir nuevo.
• Buscar un Inicio de sesión único (SSO) de WordPress OAuth complemento y haga clic en Instalar ahora .
• Una vez instalado, haga clic en Activar.

Ver video de configuración

Descargar Plugin

Prueba de demostración gratuita

Pasos para configurar el inicio de sesión único (SSO) de Facebook en WordPress

1. Configure Facebook como proveedor de OAuth

• Para comenzar, vaya a la consola de desarrolladores de Facebook y haga clic esta página y regístrese/inicie sesión con su cuenta de desarrollador de Facebook.

• Vaya a la página de aplicaciones para desarrolladores de Facebook y haga clic en Crear aplicación Botón para agregar una nueva aplicación.

• Luego elige el Permitir que las personas inicien sesión con su cuenta de Facebook opción como caso de uso y presione Siguiente.

• Escriba la Nombre de la aplicación y Agregar correo electrónico de contacto para su aplicación de Facebook respectivamente y luego haga clic en Crear aplicación botón para guardar su configuración.

• Ve a Configuración de la aplicación -> Básica para ver su ID de aplicación y su secreto de aplicación. El ID de la aplicación es tuyo ID de cliente y del App secreta es tuyo Secreto del cliente, tenga estos valores a mano, ya que los necesitará más adelante para configurar el complemento SSO de inicio de sesión único miniOrange OAuth (consulte las imágenes a continuación).
• Dominio de la aplicación: Escribe allí el dominio de tu sitio web.
• URL de la política de privacidad: Complete este cuadro con la URL que le guste a la página de política de privacidad de su sitio web.
• Condiciones del servicio: Complete este cuadro con la URL vinculada a la página de términos de servicio de su sitio web.
• Eliminación de datos de usuario:menú desplegable, seleccione URL de instrucciones de eliminación de datos (ingrese la URL de su página con las instrucciones sobre cómo los usuarios pueden eliminar sus cuentas en su sitio).
• Elegir un categoría en el menú desplegable en el campo Categoría y elija la opción Propósito de la aplicación opción que describa mejor su aplicación, luego presione Guardar Cambios para guardar sus configuraciones.

• Ahora desplácese hacia abajo y haga clic en Agregar plataforma botón. Selecciona el Página web opción mientras intenta integrar su inicio de sesión de Facebook con un sitio web. Haga clic en Siguiente.

• Luego, ingrese el URL del sitio (desde su inicio de sesión único miniOrange OAuth) y haga clic Guardar. Luego, haz clic Continúar.

• Haga clic en el Use cases pestaña en el lado izquierdo y luego haga clic en el Personalizar botón que aparece junto al Autenticación y creación de cuenta. ít.

• Por debajo de la Permisos sección, encuentre el email permiso y haga clic en el Añada del botón.

De forma predeterminada, su aplicación solo tiene acceso estándar para los permisos “public_profile” y “email”, lo que significa que solo usted puede iniciar sesión con ella. Para obtener acceso avanzado, deberá pasar por la Verificación comercial, que puede comenzar en el Verificación pestaña en el lado izquierdo.



• Bajo la Iniciar sesión en Facebook >> configuración sección haga clic en Ir a la configuración para agregar la URL de redireccionamiento/devolución de llamada.

• HACIA EL URI de redireccionamiento de OAuth válidos campo agregar el URL de redireccionamiento/devolución de llamada que obtendrá del complemento miniOrange OAuth Single Sign-On (SSO). Haga clic en Guardar los cambios del botón.

• Actualmente su aplicación está en modo de desarrollo, lo que también significa que personas ajenas a su empresa no pueden usarla. Una vez que se complete su verificación, haga clic en el Ir a vivir y publique su aplicación haciendo clic en el Ir a vivir botón en la esquina inferior derecha. Antes de presionarlo, se recomienda verificar los pasos enumerados en la página "Ir en vivo", si configuró todo correctamente.

Has configurado correctamente Facebook como inicio de sesión social (proveedor de OAuth) en su sitio de WordPress.

2. Configure WordPress como cliente OAuth

3. Mapeo de atributos de usuario

• La asignación de atributos de usuario es obligatoria para permitir a los usuarios iniciar sesión correctamente en WordPress. Configuraremos los atributos del perfil de usuario para WordPress usando la siguiente configuración.

Encontrar atributos de usuario

• Ve a Configurar OAuth pestaña. Desplácese hacia abajo y haga clic en Configuración de prueba.

• Verá todos los valores devueltos por su proveedor de OAuth a WordPress en una tabla. Si no ve el valor para Correo electrónico o Nombre de usuario, etc., realice las configuraciones requeridas en su proveedor de OAuth para devolver esta información.
• Una vez que vea todos los valores en Configuración de prueba, vaya a Mapeo de atributos/roles pestaña, obtendrá la lista de atributos en un menú desplegable de Nombre de usuario.

4. Configuración de inicio de sesión

• La configuración en la pestaña Configuración de inicio de sesión único (SSO) define la experiencia del usuario para el inicio de sesión único (SSO). Para agregar un widget de inicio de sesión de Facebook en su página de WordPress, debe seguir los pasos a continuación.

Configuración de inicio de sesión para WordPress 5.7 y anteriores

• Ve a Panel izquierdo de WordPress > Apariencias > Widgets.
• Seleccione miniOrange OAuth. Arrastra y suelta en tu ubicación favorita y guarda.


Configuración de inicio de sesión para WordPress 5.8

• Ve a Panel izquierdo de WordPress > Apariencias > Widgets.
• Seleccione miniOrange OAuth. Arrastra y suelta en tu ubicación favorita y guarda.

• Abra su página de WordPress y podrá ver el botón de inicio de sesión SSO de Facebook allí. Puede probar el inicio de sesión único (SSO) de Facebook ahora.

Configuración de inicio de sesión para WordPress 5.9

• Asegúrese de que el "Mostrar en la página de inicio de sesión" La opción está habilitada para su aplicación. (Consulte la imagen a continuación)

• Ahora ve a tu Iniciar sesión en WordPress . (Por ejemplo, https://<su-dominio-wordpress>/wp-login.php)
• Verá un botón de inicio de sesión SSO de Facebook allí. Una vez que haga clic en el botón de inicio de sesión, podrá probar el inicio de sesión único (SSO) de Facebook.

En esta guía, ha configurado correctamente Inicio de sesión único (SSO) de Facebook configurando Facebook como proveedor de OAuth y WordPress como cliente de OAuth utilizando nuestro complemento WP OAuth Single Sign-On (OAuth & OpenID Connect Client). Esta solución garantiza que esté listo para implementar un acceso seguro a su sitio de WordPress utilizando las credenciales de inicio de sesión de Facebook en cuestión de minutos.

Recursos adicionales

• ¿Qué es OAuth 2.0?
• OAuth con facebook
• Preguntas Frecuentes

Envíenos un correo electrónico a oauthsupport@xecurify.com para obtener orientación rápida (por correo electrónico/reunión) sobre sus necesidades y nuestro equipo le ayudará a seleccionar la mejor solución/plan adecuado según sus necesidades.