← Todas las características

Inicio de sesión en Facebook

Inicio de sesión en Facebook

Permita que sus miembros se registren e inicien sesión con su cuenta de Facebook

El 76% de las bajas de usuarios se producen en el momento del registro. Habilitar los inicios de sesión sociales como Facebook permite a sus miembros registrarse e iniciar sesión sin tener que recordar otra contraseña. Puedes configurar el inicio de sesión de Facebook de Memberstack en cuestión de minutos y ahorrar tiempo y esfuerzo a tus usuarios.

Inicio de sesión en Facebook
Who uses Memberstack?

Used by 50,000 Teams & Agencies

Memberstack es utilizado por millones de personas cada día.

Componentes

Comience con un componente gratuito

Probar las funciones de Memberstack es tan fácil como copiar y pegar uno de nuestros más de 600 componentes Webflow gratuitos.

Ver todos los componentes

Beneficios principales

Reducir la fricción

Ya tenemos muchas contraseñas de las que ocuparnos, deje que sus miembros utilicen su cuenta de Linkedin y evíteles tener que recordar una contraseña más.

Mejorar la experiencia del usuario

Los afiliados pueden inscribirse en cuestión de segundos.

Mayor compromiso de los usuarios

El inicio de sesión social puede facilitar la participación de los usuarios en su sitio web, ya que pueden iniciar sesión rápida y fácilmente utilizando su plataforma preferida.

Cómo configurar el inicio de sesión de Facebook en Webflow

Ver documentos

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

firmar_con_facebook.jpg

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

Slack

¿Quieres saber más sobre Memberstack? Únete a nuestra comunidad Slack de más de 5.500 miembros.

Únete al Slack de la comunidad Memberstack y ¡pregunta! Espera una respuesta rápida de un miembro del equipo, un experto de Memberstack o un compañero de la comunidad.

Únete a nuestro Slack

Ver todas las características →

Empezar a construir

Empieza a construir tus sueños

Memberstack es 100% gratis hasta que estés listo para lanzarla - así que, ¿a qué estás esperando? Crea tu primera aplicación y empieza a construir hoy mismo.