How to Add a Facebook Badge Or Fan Box

Reading time: 4 – 6 minutes

With over 500 million registered users on Facebook, it’s somewhere you want to be!

Encourage your website visitors to become friends with you, or like your fan page, by adding a Facebook Badge or Fan Box to your website or WordPress blog with these two easy steps.

1) Get your code from Facebook.

To create a badge, start on your profile page.  Scroll down to where the left side column ends and you’ll see a “Create a Profile Badge” link.  Click that link.  On the new page, you’ll see several options on the left:

Profile Badge – this will show your photo, name, and other information you choose from your personal profile.
Like Badge – this will allow you to promote any page that you’re a fan of with a like badge.

Photo Badge – this one lets you share photos from your personal profile.

Page Badge – to promote your fan page, choose this badge and it will show your fan page title, the latest status update, photo, and number of fans.

Choose which badge you’d like to create and follow the steps through to the end where you’ll get a snippet of code.  Copy that snippet of code.

If you’d like to create a fan box instead that shows your fan page, status updates, and pictures of your fans, you can do that by starting at http://developers.facebook.com/docs/reference/plugins/like-box

Tip: to find your Facebook fan page’s unique ID go to your fan page, right-click on your logo on the top left, and choose “Show Properties” or “Properties.”  In the info box that comes up, look at the URL or address of the link.  At the end of the URL you’ll see something like &id=1234567890  That number is your fan page’s ID.

Enter your information, customize the settings and click “Get Code” to see your code.  Copy the code in the iframe option.

2a) Put your code in a widget on your WordPress blog.

Login to your WordPress admin pages.  Under “Appearance” click “Widgets” to go to your widgets page.

Next find the “Text” widget option in the widget boxes in the middle area of the page.  Grab it and drag it into the sidebar widget column.

Now open that widget and paste your snippet of code from Facebook into the box.

Save your widget.

Go to your website and make sure it’s displaying properly.  If not, double check that the code you copied is correct and save again.

And that’s it!  Your new Facebook badge or fan box will display in the widget you created.

2b) Or, add to your website.

If you’re not using WordPress, the steps to add your new badge or box will vary depending on how you’ve created your website.   You’ll need to copy the code from step 1 above into the right part of your template or website’s HTML code to add it.

Bonus Tips:

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

3 Responses to “How to Add a Facebook Badge Or Fan Box”

  1. Uzi says:

    Thanks for the tips Michelle.

  2. Carmela Tringali says:

    Thanks a lot for this info. :)

Trackbacks/Pingbacks

  1. Tweets that mention How to Add a Facebook Badge Or Fan Box | Michelle Shaeffer -- Topsy.com says:

    [...] This post was mentioned on Twitter by Michelle Shaeffer, Fiona Bosticky. Fiona Bosticky said: RT @SmallBizMuse: Blog: How to Add a Facebook Badge Or Fan Box http://bit.ly/deGp0t [...]


Leave a Reply

CommentLuv Enabled

What I'm Blogging About

Get the Blog by Email or RSS

Email:

Or RSS:

Connect With Me Online

Get Your Blog Moving with Me!


Rather Listen than Read?

Follow the Blog

Follow this blog

Chatty

Top Commenters This Month - Leave a comment or two or three and you can have a link here to your site!
  • Melanie Kissell Melanie Kissell (10)
  • Andreas Andreas (4)
  • Amy Amy (3)
  • Evelyn Roberts Brooks Evelyn Roberts Br... (3)
  • Ken Montville Ken Montville (3)
  • MJ Schrader MJ Schrader (3)
  • Slava Slava (3)
  • Uzi Uzi (3)
  • Bonnie Bonnie (2)
  • Janis Bennett Janis Bennett (2)
  • Kathryn Griffiths Kathryn Griffiths (2)
  • Kimberly Kimberly (2)
  • Leanne Chesser Leanne Chesser (2)
  • Mark Mark (2)
  • Suzie Cheel Suzie Cheel (2)

Find Me At…

Michelle Shaeffer, EzineArticles.com Platinum Author
Get Free Business-Building, Overwhelm-Reducing Resources for Entrepreneurs