Parte 1: El backend

Aquí tienes un enlace al sitio para desarrolladores de Facebook.

Si ves este vídeo de arriba y pruebas tu sitio, lo más probable es que veas un banner durante el registro que dice "Enviar para revisión de inicio de sesión". Para eliminar ese banner y cambiar al modo en vivo...

1. Debes proporcionar una URL de política de privacidad válida y una URL de instrucciones para la eliminación de datos. Puedes actualizar estos dos datos en la Configuración básica del panel de control de la aplicación de Facebook.
   : la URL de las instrucciones de eliminación de datos es una página de tu sitio web que los usuarios pueden utilizar para solicitar que se eliminen sus datos.
2. Haz clic en "Obtener acceso avanzado" para el correo electrónico y public_profile.
   - He tenido bastantes problemas para que la interfaz de usuario de Facebook se cargue correctamente. Si tienes dificultades, te recomiendo que vuelvas a intentarlo en un navegador privado o de incógnito.
3. Debe completar un Control de Uso de Datos.
4. Cambia tu aplicación del modo de prueba al modo activo.

Parte 2: El Frontend

Si utilizas la interfaz de usuario preconfigurada de Memberstack para registrarte, iniciar sesión o crear un perfil, ya has terminado. Los proveedores de autenticación social activados aparecerán automáticamente en la interfaz de usuario prediseñada.

Si desea añadir un botón de autenticación social a su proyecto Webflow, esta sección es para usted.

Formularios de registro e inicio de sesión

Recomiendo copiar uno de nuestros botones Webflow social auth. Son 100% construido en Webflow, ya tienen los atributos que necesita, y son fáciles de personalizar:

A) Botón de Facebook de tema claro
B) Botón de Facebook con tema oscuro.

Para crear el suyo propio desde cero:

1. Revisa las directrices de marca de Facebook para los botones de inicio de sesión.
2. Crea un bloque de enlace con el atributo data-ms-auth-provider="facebook".
3. Añade el logotipo de Facebook.
4. Añade el texto del botón. Recomendamos algo como "Continuar con Facebook".

Eso es todo para los botones de registro e inicio de sesión. Los botones de perfil tienen algunos elementos adicionales.

Formularios de perfil

En este otro tutorial, crearemos una interfaz de usuario para que los miembros conecten proveedores, vean los proveedores conectados anteriormente y (opcionalmente) desconecten proveedores.

Botones de autenticación social en los formularios de perfil