LinkedIn - Plugin

The LinkedIn plugin allows you to integrate LinkedIn into your web application so that users can sign up or login to the web app through their LinkedIn accounts.

Follow these steps to successfully integrate LinkedIn into your web app:

Step 1: Open LinkedIn developer

Go to the LinkedIn developer site: https://developer.linkedin.com/ and click the “Create App” link in the header menu and login.

Step 2: Login/Sign Up to LinkedIn Account

Step 3: Create App

Add App Name, URL of your company's LinkedIn Page, App Logo and tick the checkbox to accept legal terms. Once done click the Create app button.

Step 4: Auth Settings

Go to the Auth tab to add redirecting URLs.

Step 5: Add Redirecting URLs

On the Auth page, add URLs to redirect users. In the redirect URLs field, you just need to enter your site's login, register and account's social tab URLs with /auth/linkedin/callback in the end e.g: https://dummy023919.webconnect.cc/auth/linkedin/callback

Step 6: Open OAuth 2.0 Tools Page

Scroll up the Auth page and click the link, OAuth 2.0 Tools.

Step 7: Create Token

Click on the Create Token button on the OAuth 2.0 Tools Page.

Step 8: Request Access Token

Tick the checkboxes and add the two required scopes in the app settings: r_liteprofile and r_emailaddress.

Once done click the Request access token button.

Now when you go back to the Auth tab, you will see two scopes there.

Step 9: Products Tab

Go to the Products tab and select the sign in with LinkedIn option.

Tick the checkbox and click the Add Product button.

When it gets approved, you will get a notification.

Step 11: Go to the Builder

Go to the App builder and open plugins. Find the LinkedIn plugin and click the install button.

Step 12: Client ID & Client Secret

Go to the Auth tab and copy the Client ID and the Client Secret key and paste them on the LinkedIn plugin page on the builder.

Step 13: Install the LinkedIn Plugin

Once you have added the Client ID and Client Secret key, click the Install Plugin button.

Step 14: Go to Events

As click you on the install button, LinkedIn login plugin will get successfully installed as shown below in the image. Now, click on the events icon in the top bar and open events.

Create a new event and add Social Login/Sign Up event action.

Step 16: Choose LinkedIn As Provider

Select user role, choose LinkedIn as provider and select the page you users to land on after logging in via LinkedIn. Once done, click the Save button.

Step 17: Add a Button

Go to Forms category under Components and drag and drop a button.

Step 18: Bind the Event

Open the settings of the button and change the button text to LinkedIn. Then, change the type from Submit to Button. As you change the type, option to bind a workflow event would appear. So select the LinkedIn Login event from the list.

Now, open the page in the preview or publish mode to see how the logging in through LinkedIn works.

Step 1: Open LinkedIn developer​

Step 2: Login/Sign Up to LinkedIn Account​

Step 3: Create App​

Step 4: Auth Settings​

Step 5: Add Redirecting URLs​

Step 6: Open OAuth 2.0 Tools Page​

Step 7: Create Token​

Step 8: Request Access Token​

Step 9: Products Tab​

Step 10: Add Sign In with LinkedIn​

Step 11: Go to the Builder​

Step 12: Client ID & Client Secret​

Step 13: Install the LinkedIn Plugin​

Step 14: Go to Events​

Step 15: Social Login/Sign Up Event​

Step 16: Choose LinkedIn As Provider​

Step 17: Add a Button​

Step 18: Bind the Event​