After struggling with Facebook manuals and having no result, I finally came across on this brilliant post of Robert Holland on How to add Facebook Fan Box to WordPress.
I’ve tested this solution on both WordPress and regular HTML site just embedding the code inside the table.
So what is the secret and why the code proposed by Facebook developer’s guide didn’t work. The answer is: you need to use iframes in order to get Fan Box working.
You may read Robert’s post on how to do it right, but here is the brief solution:
1. Copy this code to Notepad (any other editing program):
<iframe scrolling=”no” frameborder=”0″ src=”http://www.facebook.com/connect/connect.php?id=……….&connections=10&stream=0&css=PATH_TO_STYLE_SHEET&locale=your_LOCALE” allowtransparency=”true” style=”border: none; width: 300px; height: 250px;”></iframe> <div style=”font-size:8px; padding-left:10px”></div>
2. Change this id=………. to your Facebook ID. To find out what is your FB ID, go to your profile and click your profile’s image in upper left corner. After new window is open look at the URL in browser’s address field. Last numeric part of that is your Facebook ID (something long like 105510822813755)
3. In WordPress go to widget section, put a Text widget into a place you want FanBox to appear (mainly your sidebar) and paste the code into the text widget. Save it.
4. Adjust settings:
- connections=10 is number of fans to display
- stream=1 – your post appear in widget. To turn it off just change “1″ to “0″
- width and height are pretty self explanatory
For HTML just copy and paste the code as you would do with any embedded object.
That’s it. With installing Facebook Fan Box widget your conversion of fans should increase pretty soon:)
