Join us on the demo, while our product experts provide a detailed walkthrough of our enterprise platform.


The latest news in the world of engineering.

Identity and Access Management (IAM), including security and customer experience.

Visit Blog

Grow your business to millions.Engage and retain your customers.

Visit Blog

Integrating LinkedIn Social Login on a Website

It is important nowadays to allow your user to sign into your website with their social network account, it provides better experience for your user and also…

Lucius Yu
Lucius Yu
February 11, 2015
2 min read

Free, Secure and Trusted Way to Authenticate Your Visitors

Add login to your website in 5 minutes completely for free!

Free Sign UpNo hidden costs. No credit card needed.

It is important nowadays to allow your user to sign into your website with their social network account, it provides better experience for your user and also Let's you obtain more information about your user. The most welcomed social platforms are Facebook, Twitter, LinkedIn and Google. In this article we will cover how to integrate LinkedIn social login authentication into your website.

Create a LinkedIn App

Creating an app for the social platform is always the first step no matter which platform you are working with in this case the created app will service the LinkedIn social login. Basically you are creating a gate to let your user go through this gate and access the service, and in this gate you can specify the permissions and the preferences you want to grant to your user. You can refer to the instructions here for clear instructions on how to create a LinkedIn social login app.

Set your App

After creating the app, you need to set the “JavaScript API domain” field of your app.  In the field, fill in your website URL, I will use http://localhost for this article.


Implement the script in your html file

Now you are ready to code! First put this JavaScript code snippet inside your head tag:

<!--<script type="text/javascript" src="">
api_key: your_api_key_goes_here

You can find your API key inside your application, the first entry under OAuth Keys “Consumer Key / API Key “.  This script is used to load the LinkedIn script into your website, and it will not display anything on your page, at least not the front-end.


Next you will need to add another script inside your body tag, it is used to actually display the sign in button.

Hello, ; .

If everything has been done correctly, load your page and you will see this lovely button appear on your site.


Want to extend your social systems with additional provider functionality check out this post on Twitter social login.

LoginRadius Docs

Implement Authentication in Minutes

click here

Most Popular Tags


Do you want a free authentication solution?

Add the world's most secure, reliable and easy to implement user authentication solution on your applications at $0Get Started Free

Lucius Yu

Lucius Yu

Lucius is a Software Developer at LoginRadius. He was born and raised in China, but came to Edmonton to graduate from the University of Alberta, double majoring in Computer Sciences and Mathematics. Besides coding, which is his real passion, he enjoys playing ping pong and swimming.

View Profile

Try a Modern Authentication Solution

$0/ month

Free Sign Up
  • 7,000 Monthly Active Users
  • 1 Web or Mobile App
  • Email/Password Login
  • 3 Social Login Providers
  • User Data Storage
  • Transactional Email Template
  • Customizable Login Interfaces