Want to display your LinkedIn profile badge on your blog, online resume, or website? Here’s how you can easily do it.
Your LinkedIn profile says a lot about you. Potential recruiters and new contacts often consult it before offering you a job or accepting your connection request.
Like many other LinkedIn members, you probably know where to find your profile and how to optimize it, but did you know you can display a LinkedIn profile badge on your blog, online resume, or website?
A LinkedIn profile badge features your profile picture, title, and a “View Profile” link to your profile. In this article, you’ll learn how to add a LinkedIn profile badge to your blog, online resume, or website.
How to Add a LinkedIn Profile Badge to Your Blog, Online Resume, or Website
There are two key steps you should follow when adding a LinkedIn profile badge to your blog, online resume, or website.
1. Copy the LinkedIn profile badge code script
Here’s how:
- Go to LinkedIn and log in to your account if you aren’t already. Here’s what to do if you forgot your LinkedIn password.
- Click on your profile name in the left pane, otherwise click on the Me button, then click See profile.
- Click on Edit public profile and URL on the right pane.
- A new window will open. Scroll all the way to the bottom of the right pane and click on the Create a badge under the “Public Profile Badge” section.
- On the “Public Profile Page Builder” you will find a script or code snippet. You will need to copy and paste this code into your website editor.
- Click on Copy code and the code will be copied to your clipboard.
To paste it into your web page, you need to login to your website backend.
2. Paste the code into your website editor
For this demonstration, we will show you how to insert the LinkedIn profile badge into the home page of a WordPress site. Here’s how:
- Log in to your WordPress admin area and navigate to your dashboard.
- Scroll down the left pane, hover your mouse pointer over pages, and select All Pages from the steering wheel.
- Hover your mouse pointer over Home and click Edit with Elementor if you have it installed. Alternatively, you can click Edit if you prefer to use the default WordPress editor.
- Inside Elementary, click the part of the homepage where you want to display the profile badge. Make sure it’s in the “Text Editor” tool.
- For this example, we want it to appear just above the social media buttons, so we click on the Connect with me on social media box. The text editor will open in the left pane.
- Click on Text in the “Text Editor” toolbar, press Enter on your keyboard to start a new line of code, then paste the code you copied from LinkedIn.
- Go to the “Public Profile Page Builder” page on LinkedIn, where you copied the previous code. Choose a badge from the options displayed. You can choose light or dark mode. You can also choose from the different badge sizes. Click on Small, Average, Big, Where extra wide to preview each size.
- Click on the voucher Copy code button when you are done.
- Go back to the Elementor text editor and paste the code right next to the previous code.
- Your LinkedIn profile name and profile badge should now appear.
When visitors click on the See profile button, it will take them directly to your LinkedIn profile.
Show your LinkedIn badge
Go ahead and display your LinkedIn profile badge on your blog, online resume, or website. Apart from the added aesthetics, it gives you an even more professional look.
If people can click on your LinkedIn profile and go to your website, for example, it makes sense that they can also go to your LinkedIn profile directly from your website.
It’s one of the many things you can do to set yourself apart from the millions of other LinkedIn members. You can also customize your LinkedIn profile URL and join popular LinkedIn groups for job seekers and more.
Read more
About the Author
