¿Cómo activar y configurar el Inicio de sesión con Facebook en mi tienda online?

En esta guía explicaremos cómo configurar tu tienda online para permitir que tus clientes puedan registrarse/iniciar sesión en tu tienda online utilizando su perfil de Facebook.

1. Obtener datos necesarios de la tienda online para la creación de la App en Facebook
2. Crear la nueva App en Facebook
3. Configuración de la tienda online y activación del botón de Inicio de sesión con Facebook
4. Activación de la App en Facebook

1. Obtener datos necesarios de la tienda online para la creación de la App en Facebook

Pasos a seguir:

1. Accede al Panel de Control de tu tienda online, y accede a la sección Configuración > Tienda online > Inicio de sesión con Facebook
2. En el apartado Datos solicitados por Facebook encontrarás los datos que necesitarás para los siguientes pasos de esta guía. Cópiatelos, o mantenlos en una pestaña aparte de tu navegador.

2. Crear la nueva App en Facebook

Pasos a seguir:

1. Accede a la web de desarrolladores de Facebook (developers.facebook.com). Necesitarás iniciar sesión con tu cuenta de Facebook (mejor si es la misma con la que gestionas las páginas de tu empresa, en caso de que tengas páginas e Facebook).
2. Una vez has accedido, pulsa sobre Añadir una aplicación para iniciar el proceso.
   
   . Te pedirá rellenar los primeros datos: El Nombre para mostrar de la App y un Correo electrónico de contacto.
   
3. Ya creada la nueva App, Facebook te preguntará qué tipo de aplicación estás configurando mediante la selección de uno o varios escenarios. Deberás seleccionar el escenario Integrar el inicio de sesión con Facebook.
   
4. En el menú lateral de tu app, accede a Configuración > Básica
   • Cópiate los datos Identificador de la app y Clave secreta de la app; los necesitarás para los últimos pasos de esta guía.
   • Rellena estos datos solicitados por Facebook (con los datos obtenidos al principio de esta guía): Dominios de la app, URL de la Política de privacidad y URL de Condiciones del servicio.
   • Selecciona la CategoríaCompras, selecciona una imagen como Icono de la app y establece el Uso comercial que tendrá esta app (normalmente suele ser "Mantener mi propio negocio").
   • Guarda los cambios para aplicarlos.
   
   
5. En el menú lateral de tu app, accede a Configuración > Avanzada
   • En Lista blanca de redireccionamiento al compartir, debes Activar la opción "Permitir redireccionamientos de contenido compartido entre dominios"
   • Guarda los cambios para aplicarlos.
   
   
6. En el menú lateral de tu app, accede a Inicio de sesión con Facebook > Configuración

• • En URI de redireccionamiento de OAuth válidos deberás introducir las direcciones que se encuentran en tu tienda Mabisy en Configuración > Tienda online > Inicio de sesión con Facebook

• • Guarda los cambios para aplicarlos.

3. Configuración de la tienda online y activación del botón de Inicio de sesión con Facebook

Pasos a seguir:

1. Accede al Panel de Control de tu tienda online, y accede a la sección Configuración > Tienda online > Inicio de sesión con Facebook
2. Rellena los datos Identificador de la App y Clave secreta de la App con los datos obtenidos en pasos anteriores.
3. Activa la casilla Activo para habilitar los botones de inicio de sesión en tu tienda online.
4. Guarda los cambios para aplicarlos.

Una vez configurado y activado el inicio de sesión con Facebook en tu tienda online, en los formularios de inicio de sesión de tu tienda online aparecerá un nuevo botón similar al de la siguiente imagen:

4. Activación de la App en Facebook

Si todavía no has activado tu App en Facebook, realiza estos últimos pasos para que pueda funcionar todo correctamente:

1. Accede a tu panel de desarrollador en la web de desarrolladores de Facebook (developers.facebook.com)
2. Activa la casilla que verás en la cabecera junto al Estado (si te pone que está "en desarrollo")