How to Add a Facebook Like Button or Like Box

by Posted on

The Easiest Way to Add a Facebook Button to Your WordPress Site

In this post, I’ll explain the differences in the Facebook Like Button and the Facebook Like Box. I will also explain the step-by-step process of adding this functionality to your website using WordPress as an example.

Button vs Box

 
The Facebook Like Button is used for visitors of your website to ‘like’ a particular post, page, site or any other criteria a website has to offer. This is done by assigning a URL to ‘like’. Do not confuse this with a ‘Share’ button which allows Facebook users to share a post, video etc. with their Facebook friends.


I am currently using the Socialize plugin on the Ask Adam League that is running on WordPress.

The Facebook Like Button has some great advantages. It allows users of the Facebook community to ‘like’ something which in turn shares that something and broadcasts it out to all of their Facebook friends via their News Feed. Also, this something that they like will remain on their profile for other people to see and visit.

The Facebook Like Box on the other hand allows visitors to ‘Like’ a Facebook Fan Page. It also has other functions such as showing the faces of people on Facebook who like the Fan Page and it can also display the latest post on the Fan Page.

Important:

An interesting note here is that you can use the Facebook Like Button as a Facebook Like Box but only a Facebook Like Box can be used as a Facebook Like Box. This is how it works. In the Facebook Like Box Generator you are prompted to add a Facebook Page URL in the respective field pigeonholing the developer into using the Facebook API strictly for users to ‘like’ a Facebook Page. However, in the Facebook Like Button Generator the user is allowed to add any URL they want. This makes it possible for users to ‘like’ the corresponding page that the developer is suggesting. How a Facebook Like Button can be used as a Facebook Like Box is simple; add a Facebook URL to the URL field and how you are on your way to making a Facebook Like Button that when clicked will allow a Facebook user to ‘like’ your Facebook page. For example, the Ask Adam League currently has a Facebook Like Button on the site. When clicking on this Like Button, the visitor will be Liking the Facebook Fan page for the Ask Adam League. They will also be able to see other friends of theirs that like the Ask Adam League Facebook Fan Page.

How to Add a Facebook Like Button to a WordPress Site

Adding either the Facebook Like Box or Button is very similar so instead of writing War and Peace here I’ll show you the steps for the Like Button.
Notes: These steps include using the code from the Facebook Developers website and not a WordPress plugin as I’ve found many of the plugins to be confusing or very spotty with their functions.
These steps will show you how to add a Facebook Like Box to your WordPress sidebar using a text widget; the simplest way I have found to add the Like Button.

Generate the Code:

  1. Go to the Facebook Like Button generator. This is where you will set the parameters for your Facebook Like Button and generate the code for your WordPress widget.
  2. The first step for generating the code is to get the URL for your page. I will choose to use the Ask Adam League Facebook page in this example since I want my site visitors to ‘like’ my Facebook page. Just visit the page and grab the full URL there and paste it into the ‘URL to Like’ field. (I’ve noticed that Firefox 3 on my Mac did not generate the Like Button example. It wasn’t until I updated to Firefox 4 that this happened).
  3. Select the different parameters for your Like Button such as pixel width and color scheme. You can also toggle on or off Faces which just displays the faces of the users who like your page.Click ‘Get Code’ and you’ll be presented with two different types of code; iFrame and XFBML. XFBML works for me (I’ll let the coder community explain the differences).
  4. Copy the XFBML code.

Insert the Code:

  1. Login to your WordPress CMS and go to ‘Widgets’ under the ‘Appearance’ pulldown on the right.
  2. Here you’ll have all of your widgets available that can be installed in your sidebar. If you don’t know what these do just think of them as little applications that do things on your sidebar.
  3. Grab the ‘Text’ widget and drag-and-drop it to anywhere you want the Facebook Like Button to be with all of your other widgets on the sidebar respectively. (if there is currently a text widget on your sidebar that you would like to install the Facebook Like Box code to with some other code there will be no problem at all).
  4. Crack open the Text widget by clicking on the pulldown. Your text widget will open up exposing the field where you will enter the code.
  5. Paste the code that you copied from the code generator.
  6. Click ‘save’.
  7. Bring up the page(s) that has your new Facebook Like Button to check it out.

Yeah yeah. I know we only have 12 people who like us on Facebook. Give us a sec.
Now anyone that visits your site will be able to like your Facebook Fan page. You can follow these same steps with the Facebook Like Box generator to make a Like Box if you wish.

Send me a comment if you guys have any questions. Good luck!

Note: My first time adding the Like Button it took almost 2 hours for it to show up on my page. Whether it took the Facebook API a million years to work or whatever else was going on I do not know.

Published by Donald Sinatra

11,483 Replies to “How to Add a Facebook Like Button or Like Box”

  1. Ahaa, its pleasant dialogue about this article here at this weblog, I have read all
    that, so now me also commenting at this place.

  2. Hey there are using WordPress for your blog
    platform? I’m new to the blog world but I’m trying to get started and set up my own. Do you require any coding
    knowledge to make your own blog? Any help would be greatly appreciated!

  3. Every weekend i used to go to see this site, for the reason that i
    want enjoyment, for the reason that this this web site conations in fact pleasant
    funny information too.

  4. Hello to every body, it’s my first pay a quick visit of this blog; this website carries awesome and truly excellent stuff in favor of readers.

  5. I love your blog.. very nice colors & theme. Did you make this website
    yourself or did you hire someone to do it for you?
    Plz reply as I’m looking to design my own blog
    and would like to know where u got this from. many thanks

  7. If you desire to improve your knowledge only keep visiting this
    site and be updated with the most up-to-date news update posted here.

  9. I want to to thank you for this great read!! I certainly loved every bit of it.

    I have you book-marked to check out new stuff you post…

  11. Awesome blog! Do you have any suggestions for aspiring writers?
    I’m hoping to start my own website soon but I’m a little lost on everything.
    Would you suggest starting with a free platform like WordPress or go for a paid option?
    There are so many options out there that I’m completely
    confused .. Any tips? Kudos!

  12. That is very interesting, You’re an overly professional blogger.
    I have joined your feed and stay up for looking for more of your great
    post. Additionally, I have shared your web site in my social networks

  15. Link exchange is nothing else but it is simply placing the other person’s weblog link on your
    page at proper place and other person will also do similar for you.

  16. Excellent website. Lots of useful information here.
    I am sending it to some friends ans also sharing in delicious.
    And of course, thank you on your sweat!

  17. The Saracione Mark IV and Deluxe II Trout as well as Salmon fly
    reels are the practical and collectible option worldwide, by far, so these are absolutely
    worth a great appearance.

    Also visit my weblog: reelchase.com (Lashawn)

  18. Howdy! Quick question that’s completely off topic. Do you know how to make your site mobile friendly?
    My blog looks weird when viewing from my iphone4.
    I’m trying to find a template or plugin that might be able to correct this issue.
    If you have any recommendations, please share. With thanks!

  19. The Caddis Fly offers excellent fly attracts the entry-level” cost variety, knowing that these fly reels are fantastic fishing devices, beautifully engineered and also completed, fun to fish, as well as every fly reel is backed by a strong warranty.

    my homepage … Click Here, Amy,

  20. I really like your blog.. very nice colors & theme. Did you make this website yourself or did you hire someone to do it for you?
    Plz respond as I’m looking to create my own blog and would like to find out where
    u got this from. thanks a lot

  22. Hello There. I discovered your blog the usage of msn. That is a really well written article.
    I’ll make sure to bookmark it and return to read extra of your helpful info.
    Thanks for the post. I’ll definitely comeback.

  23. I do believe all the concepts you have offered on your post.
    They’re very convincing and can definitely work.
    Nonetheless, the posts are very quick for newbies.
    May you please prolong them a bit from subsequent time?
    Thank you for the post.

  24. Hello, i think that i saw you visited my website
    thus i came to “return the favor”.I’m
    attempting to find things to improve my web site!I suppose its ok to use a few
    of your ideas!!

  26. My seniors were really truthful when they made their statement.
    Wholesale evening gowns help in raising the
    monetary constraints with less expensive dresses and offer you with
    an array of options. These types of choices are mainly a matter
    of individual preference however what’s in fashion at this time
    performs a big part within the choices a lady makes.
    Grab a chic clutch bag and be a sure traffic stopper.
    There are a lot of lore about what dreams mean a wedding.
    You will feel better about wearing it, and it will last longer anyway.

    My web page – can you wear black dress at wedding

  29. I blog often and I genuinely thank you for your information.
    The article has really peaked my interest. I am going to book mark your website and keep checking for new details
    about once a week. I subscribed to your RSS feed too.

  30. Great items from you, man. I have consider your
    stuff prior to and you are simply too fantastic. I really like what you’ve obtained right
    here, certainly like what you’re saying and the best way by which you assert it.
    You make it enjoyable and you continue to care for to keep it smart.
    I can not wait to read much more from you. This is really a great site.

  31. Thank you, I have recently been looking for
    info about this subject for a long time and yours is the greatest
    I have found out so far. But, what about the conclusion? Are you certain concerning
    the supply?

  33. Very nice post. I simply stumbled upon your blog and wished to mention that I’ve truly enjoyed surfing around your blog posts.
    After all I’ll be subscribing to your rss feed and I’m hoping you write again very soon!

  34. I have to thank you for the efforts you have put in penning this
    website. I’m hoping to check out the same high-grade blog
    posts by you in the future as well. In truth, your creative writing abilities has encouraged me to get my
    own, personal blog now 😉

  35. Wow! This blog looks exactly like my old one! It’s on a entirely different subject but it has pretty much the same layout and design. Great choice of colors!

  38. Hi there to evrry , for the reason that I am truly eager of reading this weblog’s post to be updated on a regular
    basis. It consists off good material.

    Here is my web pae :: vtc nice

  42. Hey! I know this is somewhat off topic but I was wondering which blog platform are you using for this website?
    I’m getting sick and tired of WordPress because I’ve had problems
    with hackers and I’m looking at alternatives for another
    platform. I would be fantastic if you could point me in the direction of a good platform.

  43. Thanks for one’s marvelous posting! I definitely enjoyed
    reading it, you will be a great author. I will ensure that I bookmark
    your blog and may come back someday. I want to encourage you to ultimately continue your great
    posts, have a nice evening!

  46. Excellent blog you have here but I was wanting to know if you knew of any community forums that
    cover the same topics talked about in this article?
    I’d really love to be a part of online community where I
    can get comments from other experienced people that share the
    same interest. If you have any suggestions, please let me know.
    Many thanks!

  47. You ought to take part in a contest for one of the greatest sites on the net.
    I am going to highly recommend this site!

  49. Hi! I simply would like to give you a big thumbs up for the excellent info
    you’ve got here on this post. I will be returning to your site for more
    soon.

Leave a Reply