How to Add LinkedIn Social Login with Magic

How to Add LinkedIn Social Login with Magic

Supported Platforms

Web   React Native   iOS

You can allow your users to sign up & log in to your web app with their Linkedin account.

👉 Play with a demo

Prerequisites

Linkedin Setup

After installing the OAuth extension, you can now enable Linkedin Login for your Magic app:

  1. Follow Linkedin's instructions to create an app

  2. Go to your Magic Dashboard

  3. Select the Magic app for which you’d like to enable Linkedin Login, or create a new app

  4. Navigate to Social Login from the sidebar

  5. Click the toggle for Linkedin

  6. Copy the Redirect URI field from your Magic Dashboard

  7. Return to your Linkedin App Dashboard and select "Sign in with LinkedIn" in the "Products" tab

Select sign in with linkedin product

  1. and select Auth tab, add the Redirect URI you obtained from your Magic Dashboard into the "Authorized redirect URLs for your app" field

Paste Redirect URI into Linkedin OAuth setup

  1. Click "Update" to save

  2. Obtain the "Client ID" and "Client Secret"

Linkedin OAuth app settings showing client ID and client secret fields

  1. Return to your Magic Dashboard and input the Client ID and Client Secret for your Linkedin OAuth app

  2. In Magic Dashboard, click “Save” – Done! 🎉

How to Add LinkedIn Social Login with Magic