How to Embed Your LinkedIn Profile on a Website

Introduction

Adding your professional credentials to your portfolio, blog, or company site is an excellent way to build immediate trust. By learning how to embed your LinkedIn profile on a website, you provide visitors with a seamless way to view your professional background and connect with you directly.

LinkedIn offers a native "Public Profile Badge" feature that generates an embed code you can drop into any HTML site, WordPress blog, or website builder. In this guide, we'll walk you through exactly where to find this code and how to implement it.

Why Embed Your LinkedIn Profile on Your Website?

Linking out to your LinkedIn URL is common, but embedding your profile directly offers a few unique advantages:

• Instant Social Proof: Visitors see your photo, headline, and connection count without clicking away.
• Frictionless Networking: A clickable "View profile" button reduces the steps needed for someone to connect with you.
• Keeps Users Engaged: They can skim your core professional identity while staying on your domain.

Whether you are a freelancer, a consultant, or a startup founder, a LinkedIn embed code adds a layer of professional legitimacy to your "About" or "Contact" pages.

How to Get Your LinkedIn Profile Embed Code

LinkedIn makes generating your custom embed code straightforward. Follow these steps:

1. Log in to LinkedIn and go to your profile page.
2. In the top right corner (on desktop), click on "Edit public profile & URL". This opens your public profile settings in a new tab.
3. Scroll down the right sidebar until you see a section titled "Public profile badge".
4. Click the "Create a badge" button.
5. You will be taken to a page with your embed options. First, copy the Script code provided in Step 1.
6. Then, choose your badge style (light or dark mode) and copy the HTML code underneath your preferred version.

You now have the two pieces of code needed to embed your LinkedIn profile.

How to Add the LinkedIn Badge to Your Website

The implementation varies slightly depending on your website platform, but the concept remains the same: you need to paste HTML and JavaScript.

WordPress

If you use WordPress, you can easily embed the badge using the block editor:

1. Add a Custom HTML block to your page or post.
2. Paste the Script code you copied from LinkedIn.
3. Directly below it, paste the HTML code for the badge.
4. Preview the page to ensure the badge loads correctly.

Website Builders (Wix, Squarespace, Webflow)

For visual builders, look for an "HTML Embed", "Code Snippet", or "Custom Code" element. Drag it onto your page and paste both the script and the HTML snippet inside it. Make sure your plan allows for custom JavaScript execution (some lower-tier plans restrict this).

Custom HTML Sites

If you are coding your site from scratch, place the <script> tag near the closing </body> tag of your document for better performance. Place the <div> HTML code exactly where you want the badge to appear in your layout.

Customizing Your Embedded Profile

The standard LinkedIn profile embed code offers a few customization options directly on the badge creation page. You can toggle between:

• Light and Dark Mode: Choose the theme that contrasts best with your website's background.
• Different Sizes: Depending on your layout constraints, you can pick a wider horizontal badge or a compact vertical one.

Note that because the badge relies on LinkedIn's external scripts, you cannot heavily manipulate its CSS. It will retain the standard LinkedIn branding.

Embedding a Specific LinkedIn Post vs Profile

Sometimes you don't want to share your entire profile, but rather a specific piece of high-performing content.

If you want to embed a LinkedIn post instead of your profile badge, the process is different:

1. Find the post in your LinkedIn feed.
2. Click the three dots (...) in the top right corner of the post.
3. Select "Embed this post".
4. Copy the generated iframe code and paste it into your site.

This is a fantastic way to showcase testimonials, viral content, or important company announcements.

Summary

Learning how to embed your LinkedIn profile on a website takes just a few clicks. By utilizing the built-in Public Profile Badge, you can instantly add a layer of trust and professionalism to your personal site or company page.

Grab your embed code from your public profile settings, drop the HTML into your site editor, and make it easier than ever for website visitors to join your professional network.