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