Add your linkedIn profile on your site or WordPress blog – no coding
Saturday, April 10th, 2010Recently i was working with the Facebook AP again, before i did my presentation at the Seattle PHP meetup . At the time one of the potential ideas was the linkedIn API and how to integrate linkedIn to your site, but obviously facebook was the API in demand.
As i was playing around with the linkedIn API and i managed to stumble upon the widgets that are one the developer site, and thought it would interesting to add them to your WordPress site.
I am sure that this is ideal for portfolio or sites, real-estate agents, companies adding some social networking flair to their site, blogs or in your mashups. Getting the work done is less than 5 minutes and does not require you to actually get into any code. The process really will only consist of a few steps:
1. Go to the developer site
From here you can get an idea of what the available widgets are and what they look like. There is an important note at the top of the page with Terms and conditions which you should check out first.
2. Decide which type of profile widget you want to display
There are currently two versions, the popup and the inline version. The popup version is the one that i am currently using on my blog, where the name of the person appears with linkedIn icon beside it, and once you click on it the profile “pops” up.
The second is the inline version of the profile widget where the widget displays the entire public profile. I have made a video that you can check out at the end of the post where i actually do this, i chose the inline version for that demo.
![]() |
![]() |
3. Decide where you want the widget the appear.
You are going to need a widget area available so you can drop in you profile. Check the video at the end if you need a hint.
4. Grab and paste in the linkedIn profile widget script and copy it to your clipboard:
<script type="text/javascript" src="http://www.linkedin.com/js/public-profile/widget-os.js></script>
5. Go to you admin area and add the script tag

Widget Area on WordPress
Go to the Themes -> Widgets section of your site and grab a text widget.
Drag and drop the text widget on the to the Widget area you want.
When you are inside paste the linkedIn profile widget script you copied earlier.
6. Paste in your linkedIn profile code depending on which one you want
<a class="linkedin-profileinsider-popup" href="http://www.linkedin.com/in/timanitunduwan">Timani Tunduwani</a> - For popup <a class="linkedin-profileinsider-inline" href="http://www.linkedin.com/in/timanitunduwani">Timani Tunduwani</a> - For inline
7. Add your public profile URL to the link
To do this i logged into my linkedIn account, and clicked the “Profile” link in the header. As you can see in the image if you scroll down on you just around the fold, you will see a label called “Public Profile” with a hyperlink next to it(this is going to be your public profile link on ).
Once you have done this replace your profile link and name with your desired widget code in step 6.
8. Finally add your newly formatted link
Go back to your widgets section and paste in the code you just modified into the same text widget as in step 4 below the script you had added before and you are done.
Demo:
In case you prefer to actually see a video on how to get this done here we go:
A couple of notes:
1. According to linkedIn the script tag should be placed in the head section for faster loading. (This could also be done from the admin area if you had enough permissions to edit theme files and depending on the theme)
2. Once you have added in the script tag in step 4 you can then add more than one profile link to a page.
3.After adding the script is you must keep the class names: linkedin-profileinsider-inline or must be on the your desired links so the linkedIn script will know which links to parse and generate the widgets correctly
4. Using the inline method can be a bit slow at time and affect your page load, especially if you are going to have number of profiles on a page.
5. You can easily just paste the script tag into a widget or your header and then simply add the popup or inline style to any post like i did in the demo above.
I think at the moment, there aren’t that many option i can see to play around with. With time as the API grows and you are able to configure things like which sections to display, the option of having your picture, customizing the look and feel more to match your site. I think then it would actually worth coding a plugin, but at the moment this is a decent fix.







June 7, 2010 : Zend Framework + MVC is PHP for rapid application development
May 14, 2010 : PHPDoctor – Simple PHP API Documentation
May 13, 2010 : Please sir can i have some more PHP Documentation!
May 12, 2010 : Bash Shell Scripting Tutorial
May 11, 2010 : How To Set Up Database Replication In MySQL – thorough
May 11, 2010 : CSS3 and more – The compatibility Holly Grail?