← Todas las características

Inicio de sesión en LinkedIn

Inicio de sesión en Linkedin

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

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

Inicio de sesión en LinkedIn
Componentes

Start with a free component

Trying out Memberstack features is as easy as copying and pasting one of our 600+ free Webflow components!

View all components

Primary Benefits

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 en Linkedin en Webflow

View Docs

Parte 1: El backend

Paso 1: Vaya a Configuración en su panel de Memberstack y luego a Integraciones de autenticación y pago. 

Paso 2: Desplácese hasta la integración con Linkedin y haga clic en "Configurar". 

Paso 3: Un popup te pedirá tu 'Client ID' y 'Client Secret' para encontrar estos códigos tendrás que ir al sitio de desarrolladores de LinkedIn. (Si es la primera vez que te registras en Linkedin, tendrás que crear una cuenta de desarrollador, es gratis). 

Paso 4: Crea una nueva aplicación, ponle un nombre, conéctate a su página de Linkedin, sube tu logotipo y guárdala. 

Paso 5: En la página del producto deberás seleccionar "Iniciar sesión con Linkedin" y aceptar las condiciones y solicitudes de acceso (normalmente instantáneas).

Paso 6: Vaya a la sección de autenticación. Verás el ID y el Secreto. Antes de copiar los códigos, tendrás que añadir la "URL de redirección autorizada". Edita el icono, añade la URL de redirección, vuelve a tu panel de Memberstack, copia la URL de redirección (estará en la misma ventana emergente bajo las casillas ID y Secreto), pégala y guárdala. 

Paso 7: La segunda cosa necesaria en esta página es OAuth 2.0 Scopes, actualiza tu página y deberías ver que Linkedin ya te ha concedido los scopes. 

Paso 8: Último paso, copia tu ID de Cliente y Secreto y pégalos en tu UI de Memberstack. Eso es todo, ¡sus cuentas de Memberstack y Linkedin están ahora conectadas! 

Parte 2: El Frontend

Si estás utilizando la interfaz de usuario pre-construida de Memberstack, entonces 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, siga estos pasos: 

Formularios de registro e inicio de sesión

Recomendamos copiar uno de los botones de autenticación social de Webflow. Están 100% construidos en Webflow, ya tienen los atributos que necesita, y son fáciles de personalizar: 

A) Botón Linkedin de tema claro

B) Botón Linkedin de tema oscuro

Para crear el suyo propio desde cero: 

  1. Crea un bloque de enlace con el atributo data-ms-auth-provider="linkedin".
  2. Añade el logotipo de LinkedIn.
  3. Añade el texto del botón. Recomendamos algo como "Continuar con LinkedIn".

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 tutorial, crearemos una interfaz de usuario para que los miembros conecten proveedores, vean los proveedores conectados anteriormente y (opcionalmente) desconecten proveedores.

https://docs.memberstack.com/hc/en-us/articles/9188250184603
Slack

Want to learn more about Memberstack? Join our 5,500+ member Slack community!

Join the Memberstack community Slack and ask away! Expect a prompt reply from a team member, a Memberstack expert, or a fellow community member.

Join our Slack

Ver todas las características →

Start building

Start building your dreams

Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.