Embedding LinkedIn into an iFrame can be a great way to showcase your profile, feed, or other LinkedIn content on your website. However, LinkedIn has certain restrictions in place to prevent their content from being misused. In this comprehensive guide, we’ll walk through everything you need to know to properly embed LinkedIn in an iFrame.
Can You Embed LinkedIn in an iFrame?
The short answer is yes, you can embed certain LinkedIn content in an iFrame on your website. However, LinkedIn has placed restrictions on what exactly can be embedded for security and copyright reasons.
Here are some key things to know about what can and can’t be embedded in an iFrame:
- LinkedIn profiles – Public profiles can be embedded, but private profiles cannot.
- The LinkedIn feed – You cannot embed your main LinkedIn feed or the feeds of others.
- LinkedIn pages – Public LinkedIn pages for companies, schools, etc. can be embedded.
- LinkedIn articles – You can embed articles published on LinkedIn to showcase your writing.
- Other LinkedIn content – Job postings, ads, and other content cannot be embedded.
So in summary, the main LinkedIn content you can embed is public profiles and pages. Attempting to embed other types of restricted content will result in errors.
Step 1 – Get the Profile/Page URL
The first step is to obtain the URL for the LinkedIn profile or page you want to embed. Here is how to find the proper URL to use:
For Profiles
- Go to your LinkedIn profile or another public profile.
- Copy the URL in the address bar. It should be in a format like linkedin.com/in/username.
- This is the profile URL you’ll use for embedding.
For Pages
- Go to the LinkedIn page you want to embed.
- Copy the URL in the address bar. It should be in a format like linkedin.com/company/page-name.
- This is the page URL you’ll use for embedding.
Step 2 – Create the iFrame Embed Code
Once you have the correct LinkedIn profile or page URL, you can generate the iFrame embed code.
The basic format is:
<iframe src="LINKEDIN URL" frameborder="0" width="xxxx" height="xxxx"></iframe>
Let’s break down each part:
- Replace LINKEDIN URL with the actual profile/page URL you copied in Step 1.
- Set frameborder to 0 to remove the border around the iframe.
- Set width and height to the pixel dimensions you want for the iframe window size.
For example, to embed a profile using a width of 800px and height of 1000px, the code would be:
<iframe src="https://www.linkedin.com/in/user-profile" frameborder="0" width="800" height="1000"></iframe>
Step 3 – Add the Embed Code to Your Page
Now that you have the iFrame embed code, you can add it to your web page source code to display the LinkedIn content.
Copy and paste the embed code where you want the LinkedIn profile or page to appear on your page. For example:
<html> <body> <h1>My Website</h1> <p>Welcome to my website!</p> <iframe src="https://www.linkedin.com/in/user-profile" frameborder="0" width="800" height="1000"></iframe> </body> </html>
The LinkedIn content should now appear embedded within your page!
Tips for Properly Embedding LinkedIn
To ensure your LinkedIn embeds are formatted properly, keep these tips in mind:
- Always use public profile/page URLs – private profiles cannot be embedded.
- Set dimensions for width and height – this controls the iframe size.
- Remove the frameborder for seamless look.
- Test that the embed works on both desktop and mobile.
- Keep your embed code up to date if profile/page URLs change.
- Follow LinkedIn’s terms of use for how embeds are utilized.
Embedding a Profile
Embedding LinkedIn profiles is a great way to showcase your team, resume, experts in your field, and more. Here are some specific tips for profile embeds:
1. Pick Profiles to Showcase
Carefully choose which profiles to showcase. For your own website, embedding your personal profile makes sense. For other uses, consider embedding profiles of thought leaders in your industry, key team members, influential founders/executives, or relevant experts.
2. Keep Embed Code Updated
If the profile URL changes for any reason, make sure to update the embed code. This avoids having broken embeds on your site if the profile URL changes.
3. Profile Customization
Encourage users to customize their LinkedIn profiles for branding. This makes the embedded profile appear more professional. Customizations include adding a background photo, company logo, and professional headline.
Embedding Company Pages
Company pages can also be great content to embed to showcase your LinkedIn presence. Here are some tips for embedding LinkedIn company pages:
1. Use Company Page Over Personal
Embed your company page rather than an employee profile when possible. Company pages showcase your business more completely.
2. Keep Content Updated
Regularly add new content to your company page. This keeps it engaging for visitors coming from your website embed.
3. Utilize All Sections
Fill out all sections of your company page, including products, jobs, videos, events and more. This shows off your business when visitors are directed from your website.
Troubleshooting Embedded LinkedIn Content
If your embedded LinkedIn content is not displaying properly, here are some things you can troubleshoot:
Verify the Embed URL
Double check that the profile/page URL you are using in the iFrame src attribute is correct. An incorrect URL will lead to empty embeds.
Check Dimensions
Make sure the width and height set for the iFrame are large enough to fully display the LinkedIn content. Too small and key parts may get cut off.
Clear Browser Cache
Try clearing your browser cache and refreshing the page. Outdated cache versions can cause embed issues.
Confirm Profile/Page Privacy Settings
Only public profiles and pages can be embedded. Check that the LinkedIn account has not changed its visibility settings to private.
Contact LinkedIn Support
If you still cannot resolve embed issues, reach out to LinkedIn’s customer support for additional troubleshooting assistance.
Conclusion
Adding LinkedIn content to your website in an iFrame can be a smart enhancement, providing engaging profiles, company pages, and content. Just be sure to follow LinkedIn’s guidelines for what can be embedded, use proper embed code formatting, and test that your embeds work across devices.
Done right, embedding relevant LinkedIn content on your site provides more value for your audience and showcases your business or brand effectively.
