Conectar Facebook a las cuentas de cliente

Para conectar Facebook a las cuentas de cliente, debes completar las siguientes tareas en orden. Durante la configuración, deberás cambiar entre las pestañas del navegador para tu panel de control de Meta for Developers y tu panel de control de Shopify. Para conectar Facebook a las cuentas de cliente, debes tener una cuenta de Meta Developer. Obtén información sobre cómo registrarte como Meta Developer.

Paso 1: Abre la página Iniciar sesión con Facebook en el panel de control de Shopify

  1. En el panel de control de Shopify, ve a Configuración > Cuentas de cliente.

  2. En la sección Autenticación, haz clic en Administrar.

  3. Haz clic en Conectar junto a Facebook para abrir la página Iniciar sesión con Facebook.

Paso 2: Crea una app en tu panel de control de Meta for Developers

  1. En una pestaña separada del navegador, ve al panel de control de Meta for Developers y luego haz clic en Iniciar sesión para acceder. Si no has configurado una cuenta de Meta Developer, debes crear una desde la página de inicio de sesión antes de continuar con el siguiente paso.
  2. Haz clic en Apps.
  3. Haz clic en Crear app.
  4. Completa los campos Nombre de la app y Correo electrónico de contacto de la app, y luego haz clic en Siguiente.
  5. En la página Agregar casos de uso, selecciona Autenticar y solicitar datos de usuarios con el inicio de sesión de Facebook y luego haz clic en Siguiente.
  6. En la página ¿Qué portafolio comercial quieres conectar a esta app?, selecciona un portafolio comercial o selecciona Aún no quiero conectar un portafolio comercial y luego haz clic en Siguiente.
  7. Revisa la página Requisitos de publicación y luego haz clic en Siguiente.
  8. Revisa la página Resumen y luego haz clic en Ir al panel de control.

Paso 3: Configura las opciones de tu app de Meta

  1. Después de crear una app, en tu panel de control de Meta for Developers, haz clic en Casos de uso.
  2. En el caso de uso Autenticar y solicitar datos de usuarios con el inicio de sesión con Facebook, haz clic en Personalizar.
  3. Para garantizar que la información de los clientes se capture al iniciar sesión, en la sección Permisos y funciones, junto a email, haz clic en Agregar.
  4. Haz clic en Configuración y luego ve a Configuración de OAuth de cliente.
  5. En la página Iniciar sesión con Facebook en tu panel de control de Shopify, copia la URL de redireccionamiento de la sección URL de redireccionamiento.
  6. En la página Configuración de tu panel de control de Meta for Developers, pega la URL de redireccionamiento en el campo URI de redireccionamiento de OAuth válidos.
  7. Si tienes más de una URL de redireccionamiento en la sección URL de redireccionamiento del panel de control de Shopify, repite estos pasos para las URL adicionales.
  8. En la página Iniciar sesión con Facebook del panel de control de Shopify, copia la URL de la sección URL de desautorización.
  9. En la página Configuración del panel de control de Meta for Developers, pega la URL en el campo URL de devolución de llamada de desautorización.
  10. En la página Configuración del panel de control de Meta for Developers, haz clic en Guardar cambios.

Paso 4: Configura las credenciales en el panel de control de Shopify

  1. Vuelve al panel de control de Meta for Developers y haz clic en Configuración de la app > Básico.
  2. Copia el ID de la app del panel de control de Meta for Developers.
  3. En la página Iniciar sesión con Facebook del panel de control de Shopify, pega el ID de la app en el campo ID de la app de la sección Credenciales.
  4. En el panel de control de Meta for Developers, haz clic en Mostrar junto a la opción Secreto de la app y copia el Secreto de la app.
  5. En la página Iniciar sesión con Facebook del panel de control de Shopify, pega el Secreto de la app en el campo Secreto de la app y haz clic en Guardar.
  6. En el panel de control de Shopify, haz clic en Guardar cambios.

Paso 5: Prueba y activa el inicio de sesión con Facebook

  1. En la página Iniciar sesión con Facebook del panel de control de Shopify, haz clic en Más acciones > Vista previa y prueba el flujo de autenticación de Facebook como si fueras un cliente que inicia sesión en la tienda.
  2. Haz clic en Activar.

Después de activar el inicio de sesión con Facebook, para probar la experiencia del cliente, entra en tu tienda online e inicia sesión en la cuenta de cliente con Facebook.