How to Embed a LinkedIn Profile

Embedding your LinkedIn profile on your website is one of the most effective ways to instantly add a layer of professional credibility. It acts as a dynamic, live-updating business card that allows recruiters, clients, and collaborators to verify your experience and connect with you on the spot. This guide will walk you through exactly why you should do it and the simple steps to get your own profile seamlessly integrated into your site.

Why Embed Your LinkedIn Profile?

In a digital world, trust is a valuable currency. A well-placed LinkedIn profile helps you build that trust by linking your website, portfolio, or blog - which you control - to a widely recognized and respected professional network. It’s more than just a link, it’s a strategic move to strengthen your personal brand.

• Build Instant Credibility: A LinkedIn profile gives visitors a quick, standardized way to review your professional history, skills, and endorsements. It signals that you are an established professional, building a bridge of trust before you even send the first email.
• Streamline Connections: Instead of making people search for you, you bring your professional network directly to them. A simple click on your embedded profile allows recruiters, potential clients, or industry peers to connect, follow, or message you immediately, reducing friction and increasing opportunities.
• Keep Your Professional Presence Dynamic: Your website might be static, but your career isn't. When you embed your LinkedIn profile, any changes you make - such as a new job, a recently acquired skill, or a new recommendation - automatically show up. This ensures your professional story is always current without you ever needing to update your website’s code.
• Enhance Your Digital Footprint: Embedding your profile creates a stronger, more cohesive online identity. It connects your personal brand hub (your website) with your professional one (LinkedIn), reinforcing your expertise and making you easier to find and remember.

The Simple & Official Way: Using LinkedIn's Profile Badge

Years ago, LinkedIn had more complex "plugins," but they've streamlined the process into creating a simple, clean "Profile Badge." It’s an official snippet of code generated by LinkedIn that creates a small, good-looking card showcasing your profile picture, name, headline, and a link to your full profile. This is the best method for most people as it's quick, officially supported, and requires no advanced coding knowledge.

Step-by-Step Guide to Creating Your LinkedIn Badge

Getting the code is a straightforward process that only takes a minute inside your LinkedIn Account settings.

Step 1: Go to Your Public Profile Settings

Log into your LinkedIn account. Click on the Me icon in the top right corner of the navigation bar, then select View Profile from the dropdown menu. Once on your profile page, look to the right-hand sidebar for a button that says Edit public profile & URL. Click it.

Step 2: Find the "Create a Badge" Option

On the public profile settings page, scroll down the right-hand sidebar until you see the section titled Public profile badge. Below the brief description, you'll find a link that says Create a badge. Click on this link.

Step 3: Customize and Copy Your Badge Code

A new page will load, showing you various styles for your profile badge. You'll typically have options for size and a choice between a light or dark theme. Choose the badge design that best fits your website's aesthetic.

Once you’ve made your selections, scroll down to "Step 1" where you’ll see a box containing a snippet of JavaScript code. Simply click the Copy code button to copy it to your clipboard.

Now you have the code! The next step is simply pasting it into your website.

How to Add the LinkedIn Badge to Your Website

Where you paste the code depends on the platform your website is built on. Here are guides for the most common ones.

For WordPress Websites

If you have a WordPress site, you have a few easy options. The best place for a LinkedIn badge is often in your website's footer, sidebar, or on your "About Me" or "Contact" page.

• Using the Block Editor (Gutenberg): Go to the page or post where you want the badge to appear. Click the '+' icon to add a new block and search for "Custom HTML". Add the block to your page and paste the code snippet you copied from LinkedIn directly into it. Click "Update" or "Publish," and you're done!
• Using a Sidebar or Footer Widget: In your WordPress dashboard, navigate to Appearance → Widgets. Drag a "Custom HTML" widget into your desired widget area (e.g., "Sidebar" or "Footer Section 1"). Paste your LinkedIn badge code into the content box and hit "Save."

For Squarespace Websites

Squarespace makes it just as easy using their "Code Block" feature.

1. Go into edit mode for the page or section where you want your badge to appear.
2. Click an insert point (the bubble that appears when you hover) and choose the Code block from the menu.
3. A new window will pop up. Paste your copied LinkedIn badge code into the text field.
4. Make sure "HTML" is selected as the display mode. Then, click "Apply" and save your page changes. Your badge should now be visible.

For Wix Websites

Wix uses a specific element for embedding custom code like this.

1. In the Wix Editor, click the '+' button on the left to open the "Add" menu.
2. Go to Embed & Social, then choose Embed HTML.
3. A new box will appear on your page. Click on it and select "Enter Code."
4. In the modal that opens, make sure "Code" is selected, then paste your LinkedIn badge snippet into the text field.
5. Click "Apply". You can now resize and reposition the HTML box anywhere on your page.

The Custom Method: A Branded, Manual "Embed"

What if the official LinkedIn badge doesn't match your brand's style? In that case, you can create a custom-designed profile card using basic HTML and CSS. This isn't a true dynamic "embed," but it gives you total creative control while achieving the same goal: linking visitors to your profile in a visually appealing way.

This approach involves building a small visual block that includes your photo, name, headline, and a button that links to your LinkedIn profile URL.

Example Custom LinkedIn Card Code:

You can use this simple HTML and CSS as a starting point. Simply replace the placeholders with your own information and image URL.

<,!-- The HTML Structure -->,
<,div class="linkedin-card">,
<,img src="your-profile-picture-url.jpg" alt="Your Name" class="linkedin-photo">,
<,h3 class="linkedin-name">,Your Name<,/h3>,
<,p class="linkedin-headline">,Your Professional Headline Here<,/p>,
<,a href="https://www.linkedin.com/in/yourprofile/" target="_blank" rel="noopener" class="linkedin-button">,View on LinkedIn<,/a>,
<,/div>,

<,!-- The CSS Styling (Add this to your stylesheet) -->,
<,style>,
.linkedin-card {
border: 1px solid #ddd,
border-radius: 8px,
padding: 20px,
max-width: 300px,
text-align: center,
font-family: Arial, sans-serif,
box-shadow: 0 4px 8px rgba(0,0,0,0.1),
}
.linkedin-photo {
width: 100px,
height: 100px,
border-radius: 50%,
margin-bottom: 15px,
}
.linkedin-name {
margin: 0,
font-size: 1.2em,
color: #000,
}
.linkedin-headline {
color: #555,
font-size: 0.9em,
margin-bottom: 20px,
}
.linkedin-button {
display: inline-block,
background-color: #0A66C2,
color: #fff,
padding: 10px 20px,
border-radius: 20px,
text-decoration: none,
font-weight: bold,
transition: background-color 0.3s,
}
.linkedin-button:hover {
background-color: #004182,
}
<,/style>,

• Pros: Full brand alignment, loads fast, doesn't rely on external scripts.
• Cons: Isn't connected to your live LinkedIn profile (must be manually updated if your headline or photo changes), requires basic comfort with HTML/CSS.

Bonus Tip: Optimize Your Profile Before You Embed It

Embedding your profile drives traffic to it, so make a great first impression. Before adding the badge to your site, take five minutes to review your public LinkedIn profile - the version seen by people who aren't your connections.

• Is your profile picture professional and clear?
• Does your headline clearly state what you do and the value you provide?
• Is your About section compelling and complete?
• Have you filled out your featured work, experience, and key skills?

By putting your best foot forward, you'll maximize the impact of every click that comes from your website.

Final Thoughts

Embedding your LinkedIn profile on your website, portfolio, or blog is a small step that brings a significant return in professional credibility and networking opportunities. By using the official badge or a custom solution, you create a direct and trusted pathway for clients, employers, and collaborators to engage with you.

Maintaining a cohesive and professional brand across multiple platforms is precisely what drives growth and opportunity. Managing content for LinkedIn, a company blog, Instagram, and TikTok all at once can quickly lead to burnout. That’s why we designed Postbase to unify your social media workflow. With our visual calendar and single inbox, you can plan, schedule, and engage across all your platforms from one clean dashboard, ensuring your brand story is always consistent and powerful.

```