LinkedIn Authentication

Updated February 17, 2026 16:40
19 comments

This article will guide you through adding a "Continue with Linkedin" button to your signup, login, and profile forms. Part one walks you through setting up your Linkedin Developer account step by step. Part two covers how to configure Linkedin Authentication in Memberstack and add the button to your front-end forms.

📋 Prerequisites

Before you begin, ensure you have:

A Memberstack account
A LinkedIn Developer account
Access to your website code or Webflow project

1) LinkedIn Developer Console

Step 1: Create a LinkedIn Developer App

Go to the LinkedIn Developer Portal
Click “Create App”
Fill out the fields:

linkedin image 1.png

App Name
LinkedIn Page
Upload your logo
Privacy Policy URL (optional)

Agree to terms and click Create app

Step 2: Enable OpenID Connect

linkedin image 2.png

After creating the app, you’ll land on the Products tab.
Click the “Request Access” button next to Sign In with LinkedIn using OpenID Connect
In the popup that appears, check the “I have read and agree to these terms” box, then click Request Access.

⚠️ This step is essential! Without enabling OpenID Connect, Memberstack authentication will fail or show network errors.

Step 3: Set Redirect URI

linkedin image 3.png

Click on the Auth tab:
- Under OAuth 2.0 settings, click the pencil icon to edit. Then click the “Add Redirect URL” link and set your Redirect URL to:
  
  Use:
```
https://client.memberstack.com/auth/callback
```
  Otherwise, if you're using a custom domain, use:
```
https://memberstack-client.yourdomain.com/auth/callback
```
  (Make sure to replace yourdomain.com with your actual domain name.)
- Click Update to save the redirect URL

Step 4: Copy Your Credentials

Scroll up to the Application Credential section and copy the following for use in Memberstack:
- Client ID
- Client Secret

2) Memberstack and Webflow

Step 1: Enable LinkedIn in Memberstack

Go to your Memberstack dashboard
Navigate to Settings > Auth Providers
Click the Configure button next to LinkedIn
Paste the Client ID and Client Secret you copied from Step 4 in Part 1 (LinkedIn Developer Console Setup) into the fields provided.

linkedin image 5.png

Toggle on the disabled button at the bottom left to enable LinkedIn Auth, then click Save.

Step 2: Add the LinkedIn Button to Your Signup Form

linked in image 6.jpg

Copy either the **Light Theme LinkedIn Button** or the **Dark Theme LinkedIn Button** from Memberstack's Social Auth Components. These buttons are fully built in Webflow, come with all the necessary attributes, and are easy to customize. (If you prefer to create your own button, make sure to add the data-ms-auth-provider="linkedin" attribute to it.)
Paste it inside your signup form (not a form block)

⚠️ Important: The LinkedIn button must be inside a proper Memberstack signup form. Placing it in a form block or outside the form may cause it to stop working.

Step 3: Publish the Website

Once you’ve added the LinkedIn button to your signup form, publish your website to make the changes live. Then, open your live site and click the “Continue with LinkedIn” button. This should redirect you to LinkedIn and then back to your website with a successful login session.

3) FAQ

Can members login using a sign up form?

Yes! By default, members who already have an account will automatically be logged.

Can members sign up using a login form?

By default no, but you can enable sign ups in login forms by adding a new attribute to your login modal buttons. Here's a 1-minute video tutorial showing how to add the attributes.

Add the data-ms-social-auth-allow-signup attribute to your custom login forms (data-ms-form="login").
Add the data-ms-social-auth-allow-signup attribute to your login modal buttons (data-ms-modal="login").

Once complete, your social auth buttons will create accounts for new members.

Profile Forms

In this other tutorial, we'll create a UI for members to connect providers, view previously connected providers, and (optionally) disconnect providers.

Social Auth Buttons in Profile Forms

4) Errors

❌ 1. "Our LinkedIn Network Will Be Back Soon..."

Cause: OpenID Connect product not enabled in LinkedIn

✅ Solution:

Go to your LinkedIn Developer App
Make sure you clicked “Request Access” for ‘Sign In with LinkedIn using OpenID Connect’

❌ 2. LinkedIn Button Doesn't Trigger Popup

Cause: Button is placed outside a Memberstack signup form

✅ Solution:

Ensure the button is inside a signup form, not a form block
Reinsert the component directly inside a Memberstack signup form from the Memberstack Components page

❌ 3. “Invalid redirect URI” Error

Cause: Redirect URL in LinkedIn does not match Memberstack's

✅ Solution:

Go to your LinkedIn app’s Auth tab
Set the OAuth Redirect URI to:

Use:
```
https://client.memberstack.com/auth/callback
```
Otherwise, if you're using a custom domain, use:
```
https://memberstack-client.yourdomain.com/auth/callback
```
(Make sure to replace yourdomain.com with your actual domain name.)

❌ 4. No email received from LinkedIn

Cause: LinkedIn account doesn’t have a verified email

✅ Solution:

Use a different LinkedIn account with a verified primary email address

❌ 5. Error: "OPError: invalid_client (Client authentication failed)"

Cause: If you receive an error similar to the one below when trying to connect LinkedIn: Fix:

Ensure that you are copying and pasting the actual Client Secret from your LinkedIn Developer Console and not the masked version (****).

Was this article helpful?

Didn’t find your answer?

Get an instant answer from Rey, or reach a human. Either way, we’re happy to help.

Ask Rey AI Ask the community Contact support

Comments

19 comments

Illan Knafou October 02, 2023 00:31
It seems that this error occurs because LinkedIn has changed its OAuth 2.0 scopes names
```
{"error":"OPError: unauthorized_scope_error (Scope &quot;r_liteprofile&quot; is not authorized for your application)"}
```
3
Duncan from Memberstack Author Edited October 04, 2023 14:53

Hi Illan Knafou 👋

I just did some testing on my end, and it all appears to be working. Can you confirm that the scope r_liteprofile is authorized on your Linkedin account?

It appears to have happed automatically for Tyler... what does it look like on your end? Video for ref

1
Illan Knafou Edited October 04, 2023 23:45

Hey Duncan from Memberstack , thank you for your quick reply!

By doing the same tricks as Tyler, I have this:

openidUse your name and photo

profileUse your name and photo

emailUse the primary email address associated with your LinkedIn account

Instead of r_emailadress and r_liteprofile

I think that's because Linkedin recently changed its authentication method from Sign in with LinkedIn to Sign in with LinkedIn using OpenID Connect.

1
Duncan from Memberstack Author Edited October 05, 2023 19:22

Thank you for this info!! It's super helpful.

Tyler Bell can you check this out when you're back from the the WF Conf?

1
Stephanie Sakoda Edited October 05, 2023 22:47

I am experiencing the same issue as Illan with setting up LinkedIn Auth. Doesn't look like the 'Sign In with LinkedIn' product is available any longer.

3
Stephanie Sakoda October 10, 2023 17:17

Duncan from Memberstack Just curious about the status of this issue. For a number of security/quality reasons, LinkedIn auth is the only one our site will offer for signup. I love all the amazing work you all are doing and appreciate any time you can give this!

1
Duncan from Memberstack Author October 11, 2023 19:20

Hi Stephanie Sakoda 👋 Thank you for the follow up!

Let me check in again with Tyler Bell now that he's back from the WF conference.

1
Oussama Atlassi October 12, 2023 15:46

Facing same issue Duncan from Memberstack Can you please update on it by when it will be resolved.

1
Scayler Memberstack October 13, 2023 13:53

Hey Duncan from Memberstack we are also experiencing the same issue. Issue is most likely related to what was described as the OAuth options we get are
We are sort of in a tight timeframe for this as we need it up and running next week so any quick fix is highly appreciated!

1
Duncan from Memberstack Author October 23, 2023 09:38

We were able to replicate the issue and are working on a fix. Turns out we needed to bring in outside help for this, and they are working with us this week.

Thanks for you patience and keep an eye on your inbox.

I will tag everyone here once the updates are live. Scayler Memberstack Oussama Atlassi Stephanie Sakoda Illan Knafou

1
Stephanie Sakoda October 29, 2023 20:15

Thank you for the update Duncan from Memberstack!

0
Scayler Memberstack November 02, 2023 09:52

Duncan Hamra, any updates here?

0
Duncan from Memberstack Author November 02, 2023 14:35

Scayler Memberstack Stephanie Sakoda Oussama Atlassi Illan Knafou
Thank you all so much for the patience while we got the right people on the job. I'm happy to report the issues are fixed!! You should be able to use LinkedIn again without issue.

0
Scayler Memberstack November 03, 2023 11:51

Duncan from Memberstack We are still getting the same error on our end about

1
Oussama Atlassi November 03, 2023 12:30

Same here, I have followed all the steps again and I am getting the same error as Scayler Memberstack

0
Duncan from Memberstack Author November 06, 2023 12:45

Oussama Atlassi and Scayler Memberstack, can you try disabling and re-enabling LinkedIn for me in your dashboard? That should fix it.

0
Saptharishi Suresh May 28, 2025 06:35

Hi all

Thanks for this guide.

Can you please help me to retrieve the LinkedIn id or the profile link from this widget?

0
Duncan from Memberstack Author May 29, 2025 13:25

Hi Saptharishi, I will check with the team. However, I don't think we have an option to pull that information. We'd need to update our LinkedIn integration. I'll see what we can do.

In the meantime, can you request the profile URL from the user manually? I know that's not ideal, but I believe it's the only possible solution available today.

1
Saptharishi Suresh May 29, 2025 23:32

Sure Duncan
Thanks for your response
I’ll follow your advice

0