¿Cómo configurar el inicio de sesión único (SSO) en Shopify con Facebook como IDP (OAuth)?
Noticias
miniOrange permite a Facebook actuar como un proveedor de identidad (IdP), lo que permite a los usuarios iniciar sesión con Inicio de sesión único (SSO) en Shopify usando credenciales de FacebookEsta integración le permite ofrecer a sus clientes una opción de inicio de sesión social que reduce la fricción y mejora la experiencia del usuario.
La solución admite ambos Nuevas cuentas de clientes de Shopify y cuentas clásicas/heredadas, funciona con Tiendas Shopify Plus y no Plus y es ideal para marcas D2C, tiendas impulsadas por la comunidad y portales B2B que desean ofrecer múltiples opciones de inicio de sesión. Al configurar Inicio de sesión único (SSO) de Facebook ShopifyPuede aumentar las conversiones, agilizar la autenticación y mejorar la participación del cliente manteniendo la seguridad.
Requisitos previos: descarga e instalación
Para configurar Inicio de sesión único (SSO) en la tienda Shopify usando Facebook como IDP (OAuth), deberás agregar Inicio de sesión único (SSO) de Shopify aplicación en tu tienda.
Consulta nuestro video, para obtener más información sobre cómo funciona la aplicación Shopify SSO en Shopify.
Pasos de configuración
Paso 1: Obtenga la URL de devolución de llamada (URI de redireccionamiento) de Shopify
- Vaya a su tienda Shopify y navegue hasta la Aplicaciones sección y haga clic en Inicio de sesión único: inicio de sesión SSO .
- Haga clic en el elemento Agregar proveedor de identidad para agregar su IDP.
- Seleccione OAuth 2.0 protocolo.
- Ahora elige Facebook de la lista de desplazados internos.
- Copia el URL de devolución de llamada de OAuth y manténgalo a mano ya que lo utilizará en pasos posteriores.
Has obtenido con éxito la URL de devolución de llamada (URI de redireccionamiento) de Shopify.
Paso 2: configurar Facebook como proveedor de OAuth
- Para comenzar, vaya a la consola de desarrolladores de Facebook y haga clic aquí 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 luego haga clic en Siguiente.
- Escriba el Nombre de la aplicación más antigua y Agregar correo electrónico de contacto para tu aplicación de Facebook respectivamente, luego haz clic en Crear aplicación botón para guardar su configuración.
- Volver 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 App secreta es tuyo Secreto del clienteMantenga estos valores a mano ya que los necesitará más adelante para configurar la aplicación SSO de Shopify Single Sign-On (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 a la que pertenece 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: En el 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).
- Elija un Categoría desde el menú desplegable en el campo Categoría y seleccione la 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 sitio web opción mientras intentas integrar tu inicio de sesión de Facebook con un sitio web. Haz clic en Siguiente.
- A continuación, ingrese su URL de la tienda Shopify (store.xecurify.com) y haga clic en Guardar. Luego, haz clic Continuar.
- Haga clic en el elemento Casos de uso 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 o enviar un email. Permiso y haga clic en el Agregar la extensión de .
- 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 iniciar en la página de inicio de sesión. Verificación pestaña en el lado izquierdo.
- En la sección Iniciar sesión en Facebook >> configuración sección haga clic en Ir a botón para agregar el URL de redireccionamiento/devolución de llamada (del Paso 1).
- HACIA EL URI de redireccionamiento de OAuth válidos campo agregar el URL de redireccionamiento/devolución de llamada que obtendrás de la aplicación de inicio de sesión único (SSO) de Shopify. Haz clic en Guardar los cambios .
- 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 botón "Publicar" en la esquina inferior derecha. Antes de presionarlo, se recomienda revisar los pasos de la página "Publicar" si todo está configurado correctamente.
Has configurado exitosamente Shopify como proveedor de servicios en la aplicación de Facebook.
Paso 3: Configurar Facebook como IDP en Shopify
- Vuelve a la Inicio de sesión único miniOrange SSO .
- Haga clic en el elemento Agregar proveedor de identidad para agregar su IDP.
- Seleccione OAuth 2.0 protocolo.
- De la lista de desplazados internos, seleccione Facebook.
- Ahora, complete los detalles requeridos como ID de cliente, secreto de cliente, puntos finales y alcance.
- Consulte la siguiente tabla para configurar los valores.
- Nota: Puedes encontrar el dominio cognito desde Paso 2.
| Nombre para mostrar del IDP: | [Ingrese el nombre de la aplicación que prefiera] |
| Identificación del cliente: | De lo Paso 2 |
| Secreto del cliente: | De lo Paso 2 |
| Autorizar punto final: | https://www.facebook.com/dialog/oauth |
| Punto final del token de acceso: | https://graph.facebook.com/v2.8/oauth/access_token |
| Obtener punto final de información del usuario: | https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link |
| Alcance: | correo electrónico de perfil público (ingrese este texto exactamente como se muestra) |
- Ahora puedes hacer clic en Guardar.
Paso 4: Probar la conexión
-
Después de guardar la configuración de IDP, será redirigido a la
Conexión de prueba paso.
Realice una prueba de conexión antes de asignar o recuperar atributos. La conexión de prueba garantiza que la configuración de su IDP sea correcta. - Haga clic en el elemento Conexión de prueba .
- Al ingresar credenciales válidas de Facebook, verá una ventana emergente que se muestra en la siguiente pantalla.
- Haga clic en el elemento Obtener atributos Botón para obtener el atributo IDP.
Paso 5: Mapeo de atributos
- Haga clic en el elemento + Mapeo de atributos Botón para asignar atributos entre Shopify y AWS Cognito.
- Asigne los atributos consultando la siguiente tabla:
| Nombre del atributo en Shopify | Seleccione la clave de atributo del cliente de Shopify en la que desea sincronizar el valor del atributo entrante desde IDP |
| Tipo de atributo | Atributo de desplazado interno |
| Valor de atributo | Seleccione la clave de atributo que ha obtenido de su IDP y desea sincronizar en Shopify |
- Haga clic en Siguiente.
Paso 6: Habilitar y probar las configuraciones de SSO
Seleccione el tipo de tienda Shopify:
- Tienda no plus
- Además de la tienda
En esta guía has configurado Inicio de sesión único (SSO) de Facebook configurando Facebook como proveedor de identidad (IdP) más antigua y Shopify como proveedor de servicios (PS) utilizando los Aplicación de inicio de sesión único (SSO) de Shopify miniOrangeCon esta configuración, sus usuarios ahora pueden disfrutar Inicio de sesión único (SSO) en Shopify usando credenciales de Facebook, entregando un Experiencia de autenticación fluida, social y segura que aumenta la participación del cliente y reduce las barreras de inicio de sesión.
Integraciones y funciones compatibles
Más funciones ➔Preguntas Frecuentes (FAQ)
Más preguntas frecuentes ➔
He seguido los pasos para configurar IDP pero ¿dónde puedo verificar SSO?
Siga los pasos descritos aquí para configurar SSO en Shopify con tu IDP preferido.
Instalé la aplicación Shopify SSO. Hice clic en la opción "CONFIGURAR IDP" pero no se abrió nada.
La redirección a cualquier otro sitio puede estar bloqueada en el navegador. Por favor siga los pasos dados aquí para resolver el problema
Después de realizar el SSO, quiero que mis clientes sean redirigidos a la página de colecciones o de ofertas de descuento.
Siga los pasos descritos aquí para redirigir a su cliente a colecciones/carrito o cualquier otra página.
¿Cómo habilito la redirección automática de la aplicación SSO a la función IDP en mi tienda Shopify?
Debe actualizar al plan Enterprise de la aplicación SSO para habilitar la función de redirección automática al IDP. Siga los pasos descritos aquí para activar esta función.
RECURSOS ADICIONALES
Ponte en contacto
Comuníquese con nosotros en shopifysupport@xecurify.comNuestro equipo lo ayudará a configurar la aplicación SSO de Shopify. Nuestro equipo lo ayudará a seleccionar la solución o el plan más adecuados según sus necesidades.
