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”

  2. Wonderful blog! Do you have any hints for aspiring writers?
    I’m planning to start my own blog soon but I’m a little lost on everything.

    Would you recommend starting with a free platform like WordPress or
    go for a paid option? There are so many choices out there
    that I’m completely confused .. Any tips? Kudos!

    Feel free to surf to my site click here

  4. 突然のコメントでごめんなさい。

    仕事替えしたいけど急には募集が見当たらない時もありますよね。

    オイラがやった方法ですが、現職が忙しかったので日中は何もできないのでもう端から転職エージェントにサイトで登録してパターン通りにエージェントさんやキャリアのカウンセラーさんの言うことをきいてメールや留守番電話を使いながら活動しましたよ。

    やってみるとうまくいくもんですねｗ

    オッケーけつかっちん

  7. I need to to thank you for this fantastic read!! I definitely enjoyed every
    bit of it. I’ve got you book-marked to look at new stuff you post…

  8. I’ve been browsing online more than three hours today, yet I never found any interesting article like yours.

    It’s pretty worth enough for me. Personally, if all webmasters and bloggers made good
    content as you did, the web will be a lot more useful than ever before.|
    I couldn’t resist commenting. Perfectly written!|
    I will immediately seize your rss as I can not find your email subscription hyperlink or newsletter service.
    Do you’ve any? Kindly permit me recognise so that I may subscribe.
    Thanks.|
    It’s perfect time to make some plans for the future and it’s time to
    be happy. I’ve read this post and if I could I want
    to suggest you few interesting things or tips. Perhaps you can write next articles
    referring to this article. I desire to read even more things about it!|
    It’s perfect time to make some plans for the future and it is time to be happy.

    I’ve read this post and if I could I want to suggest you some fascinating things or advice.

    Perhaps you can write next articles regarding this article.
    I wish to read even more things about it!|
    I have been surfing online greater than 3 hours these
    days, but I never discovered any attention-grabbing article
    like yours. It’s beautiful value enough for me. Personally, if all site owners and bloggers made good content as you did, the
    internet can be a lot more helpful than ever before.|
    Ahaa, its pleasant conversation on the topic of this
    piece of writing here at this web site, I have read all that, so at this time me also commenting here.|
    I am sure this post has touched all the internet visitors, its really really
    good post on building up new web site.|
    Wow, this piece of writing is nice, my sister
    is analyzing such things, thus I am going to inform her.|
    bookmarked!!, I really like your site!|
    Way cool! Some very valid points! I appreciate you penning this post plus
    the rest of the website is also really good.|
    Hi, I do believe this is an excellent web site. I stumbledupon it 😉 I am going to return once
    again since I book-marked it. Money and freedom is the best way to change, may you be rich and continue
    to help others.|
    Woah! I’m really enjoying the template/theme of this site.
    It’s simple, yet effective. A lot of times it’s very
    difficult to get that “perfect balance” between superb usability and
    visual appeal. I must say you have done a great job with this.
    In addition, the blog loads very fast for me on Chrome.

    Exceptional Blog!|
    These are actually impressive ideas in concerning blogging.
    You have touched some fastidious factors here. Any way keep up wrinting.|
    I love what you guys tend to be up too. This kind of clever work and reporting!
    Keep up the excellent works guys I’ve included you guys
    to blogroll.|
    Hello! Someone in my Myspace group shared this website with us so I came to give it a look.
    I’m definitely loving the information. I’m book-marking and will
    be tweeting this to my followers! Wonderful blog and brilliant design.|
    I enjoy what you guys tend to be up too. Such clever work and
    reporting! Keep up the wonderful works guys I’ve incorporated you guys to my own blogroll.|
    Howdy would you mind stating which blog platform you’re using?
    I’m planning to start my own blog in the near future but
    I’m having a hard time deciding between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design seems different then most blogs and I’m looking for something completely
    unique. P.S Apologies for getting off-topic but I had to ask!|
    Howdy would you mind letting me know which web host you’re working with?
    I’ve loaded your blog in 3 different browsers and I must say this blog loads a lot quicker then most.
    Can you suggest a good internet hosting provider at a reasonable price?
    Thanks, I appreciate it!|
    I like it when individuals come together and share views.
    Great site, keep it up!|
    Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to more added agreeable from you!
    However, how could we communicate?|
    Hey just wanted to give you a quick heads up. The
    words in your article seem to be running off the screen in Opera.
    I’m not sure if this is a format issue or something to do with
    internet browser compatibility but I figured I’d post to let you know.
    The design look great though! Hope you get the issue
    resolved soon. Thanks|
    This is a topic which is close to my heart… Take care! Exactly where are your
    contact details though?|
    It’s very straightforward to find out any matter on net as compared to
    books, as I found this paragraph at this site.|
    Does your website have a contact page? I’m having
    trouble locating it but, I’d like to shoot you an e-mail.

    I’ve got some ideas for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it grow over time.|
    Hi! I’ve been following your site for a while now and finally got the courage to go ahead and
    give you a shout out from Austin Tx! Just wanted to tell you keep up the excellent job!|
    Greetings from Ohio! I’m bored to tears at work so I decided to browse your blog on my iphone during lunch break.
    I really like the info you present here and can’t wait to take a look when I get home.
    I’m shocked at how quick your blog loaded on my cell
    phone .. I’m not even using WIFI, just 3G ..
    Anyhow, superb site!|
    Its such as you learn my mind! You appear to understand a lot approximately this, like you wrote the e book in it or
    something. I think that you just can do with some % to
    drive the message house a bit, however instead
    of that, this is fantastic blog. A fantastic read.
    I’ll certainly be back.|
    I visited several sites except the audio feature for audio songs existing at this website is truly fabulous.|
    Hi there, i read your blog from time to time and i
    own a similar one and i was just curious if you
    get a lot of spam remarks? If so how do you reduce it, any plugin or
    anything you can advise? I get so much lately it’s driving me crazy so any help is very much
    appreciated.|
    Greetings! Very useful advice in this particular post! It’s
    the little changes that make the greatest changes. Thanks a
    lot for sharing!|
    I absolutely love your blog.. Great colors & theme. Did you build this website yourself?

    Please reply back as I’m planning to create my own personal blog and would love to learn where
    you got this from or just what the theme is named.
    Appreciate it!|
    Hi there! This article couldn’t be written much better!
    Going through this article reminds me of my previous roommate!
    He constantly kept talking about this. I am going to forward
    this post to him. Fairly certain he’ll have a great read.
    Thank you for sharing!|
    Whoa! This blog looks just like my old one!
    It’s on a completely different topic but it has pretty much the same page layout and design. Great choice of colors!|
    There’s definately a lot to find out about this topic. I love all of the points you
    have made.|
    You’ve made some good points there. I looked on the net for additional information about the issue
    and found most people will go along with your views on this web site.|
    Hi, I log on to your new stuff on a regular basis. Your story-telling style
    is witty, keep up the good work!|
    I simply couldn’t go away your site prior to suggesting that I
    really loved the usual information an individual supply on your visitors?
    Is gonna be back ceaselessly to check up on new posts|
    I need to to thank you for this good read!!

    I definitely enjoyed every little bit of
    it. I have you saved as a favorite to check out new things you post…|
    What’s up, just wanted to say, I loved this post. It was inspiring.
    Keep on posting!|
    Hello, I enjoy reading all of your post. I like to write a little comment to support you.|
    I always spent my half an hour to read this weblog’s posts daily along with a
    mug of coffee.|
    I every time emailed this weblog post page
    to all my associates, for the reason that if like to read it next my
    links will too.|
    My programmer is trying to persuade me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using Movable-type on various websites for about a year and am anxious about switching to another
    platform. I have heard good things about blogengine.net.
    Is there a way I can import all my wordpress posts into it?
    Any help would be really appreciated!|
    Hi! I could have sworn I’ve been to this website before but after going through some of
    the articles I realized it’s new to me. Regardless, I’m definitely delighted I discovered it and I’ll be bookmarking it and checking back frequently!|
    Wonderful article! That is the kind of information that are meant to be shared across the web.
    Shame on Google for no longer positioning this post higher!
    Come on over and seek advice from my web site . Thank you =)|
    Heya i’m for the first time here. I found this board and I find It truly useful & it helped me out a lot.
    I hope to give something back and aid others like you helped me.|
    Hello there, I do think your web site could possibly be having browser compatibility issues.
    When I take a look at your web site in Safari, it looks fine but when opening in Internet Explorer, it has some overlapping issues.
    I merely wanted to provide you with a quick heads
    up! Apart from that, wonderful blog!|
    A person essentially help to make seriously articles I
    would state. This is the first time I frequented your website page and so far?
    I surprised with the analysis you made to
    create this actual put up extraordinary. Excellent process!|
    Heya i am for the first time here. I found this board and I in finding It really useful & it helped
    me out a lot. I hope to give something again and aid
    others such as you aided me.|
    Howdy! I just wish to offer you a huge thumbs up for your excellent info you have right here on this post.
    I will be coming back to your site for more soon.|
    I always used to read article in news papers but now as I am a user of internet
    so from now I am using net for posts, thanks to web.|
    Your means of telling the whole thing in this article is in fact fastidious,
    all be able to simply be aware of it, Thanks a lot.|
    Hello there, I discovered your site by the use of
    Google while looking for a related matter, your web site got here up, it seems to be great.
    I have bookmarked it in my google bookmarks.

    Hello there, just became alert to your weblog via Google,
    and found that it’s truly informative. I’m gonna
    watch out for brussels. I’ll appreciate if you proceed this
    in future. Lots of other folks can be benefited from your writing.

    Cheers!|
    I am curious to find out what blog platform you have been using?
    I’m having some minor security problems with my latest website and I’d
    like to find something more secure. Do you have
    any suggestions?|
    I’m extremely impressed with your writing skills as well as with the layout on your weblog.
    Is this a paid theme or did you customize it yourself? Anyway keep up the nice quality writing, it is rare to see a great blog
    like this one these days.|
    I am extremely impressed along with your writing abilities and also
    with the structure on your weblog. Is that this a
    paid theme or did you customize it your self? Either way keep up the excellent high quality writing, it’s uncommon to
    peer a great weblog like this one nowadays..|
    Hello, Neat post. There is a problem together with your web
    site in internet explorer, might check this? IE still is the market leader
    and a huge component to folks will miss your great writing because of this problem.|
    I am not sure where you’re getting your info,
    but good topic. I needs to spend some time learning more or understanding
    more. Thanks for excellent information I was looking for this info for my mission.|
    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 site!I suppose its ok to use {some of|a few of\

  10. I just like the valuable information you supply in your articles.
    I’ll bookmark your blog and check once more right here regularly.
    I am rather sure I’ll be informed plenty of new stuff proper here!
    Good luck for the next!

    Feel free to visit my blog post: coworking space

  11. Excellent beat ! I wis to apprentice while yoou amend your web site, how
    can i subscribe for a blopg web site? The account aided me a acceptable deal.
    I had been a little bit acquainted of this your broadccast provided
    bright clear concept

    Look at my web site online fitness certification (Francesco)

  12. Howdy! This post couldn’t be written any better!
    Looking through this article reminds me of my previous roommate!
    He always kept preaching about this. I will send this post to him.
    Fairly certain he’ll have a very good read. I appreciate you for sharing!

  15. Hello There. I found your blog using msn. This
    is a very well written article. I’ll make sure
    to bookmark it and come back to read more of your useful information. Thanks for the
    post. I’ll certainly comeback.

    Check out my blog post; website appraisal

  16. Thanks for one’s marvelous posting! I definitely enjoyed reading it, you are a great author.I will make sure to bookmark your blog and may come back later in life.

    I want to encourage you to ultimately continue your great
    job, have a nice evening!

  21. Its like you learn my thoughts! You appear to grasp a lot
    about this, such as you wrote the e-book in it or something.
    I feel that you just could do with a few % to drive the message home
    a little bit, however instead of that, this is fantastic blog.

    An excellent read. I’ll certainly be back.

    Here is my page – http://binhhungtravel.com/

  22. Wow, marvelous blog layout! How long have you
    been blogging for? you made blogging look easy. The overall
    look of your site is fantastic, as well as the content!

    Take a look at my blog – lyxvistelse

  23. Usually I don’t read article on blogs, however
    I would like to say that this write-up very pressured me to
    check out and do so! Your writing taste has been surprised me.
    Thanks, very great post.

  24. I’m now not positive the place you are getting your information, but good topic.
    I needs to spend some time learning more or understanding more.

    Thank you for fantastic info I used to be looking for this info for my mission.

  26. This is the perfect web site for everyone who really
    wants to find out about this topic. You understand a whole lot its
    almost tough to argue with you (not that I really will need
    to…HaHa). You definitely put a new spin on a topic which has been written about for years.
    Excellent stuff, just great!

    Feel free to surf to my weblog :: deko giraffe holz

  29. Usually I don’t learn post on blogs, but I would like
    to say that this write-up very forced me to try and do so!
    Your writing taste has been amazed me. Thank you, quite nice article.

  31. Hi there! Thiss article could not be written any better!
    Reading through this post reminds mme of my previous roommate!

    He constantly kept talking about this. I’ll senbd
    this information to him. Pretty sure he willl have a
    very good read. Many thanks for sharing!

  32. I don’t know if it’s just me or if perhaps everyone else experiencing problems with your blog.
    It seems like some of the text within your content are running off the screen. Can somebody else please comment and let me know if this is happening to them too?
    look at this website may
    be a issue with my web browser because I’ve had this happen before.
    Cheers

  33. It’s the best time to make some plans for the future and it is time to be happy.
    I have read this post and if I could I desire to
    suggest you few interesting things or suggestions. Perhaps you can write next articles referring to this article.
    I wish to read even more things about it!

    Check out my web page: linkedin profile tips

  35. Right here is the perfect site for anybody who wants to find out about
    this topic. You realize a whole lot its almost hard
    to argue with you (not that I really would want to…HaHa).
    You definitely put a new spin on a topic which has been written about for many years.
    Great stuff, just great!

    Look into my blog post … houston car insurance

  37. Dumb and Dumber To Full Movie Download Free, Dumb and Dumber To (2014) Download Free
    in HD, DVD, 720p BRRip, 1080p Bluray, DivX, CamRip, Mp4, AVI, IMAX 3D or Watch Dumb and Dumber
    To Full Movie Free.

    Film Information:

    Directors: Bobby Farrelly, Peter Farrelly
    Writers: Sean Anders, Mike Cerrone, Bobby Farrelly, Peter Farrelly,
    John Morris, Bennett Yellin
    Stars: Jim Carrey, Jeff Daniels, Laurie Holden, Kathleen Turner, Angela Kerecz, Rachel Melvin, Rob Riggle,
    Paul Blackthorne, Carly Craig, Lauren Henneberg, Erika Bierman

    Country: USA
    Language: English
    Genres: Comedy
    Release Date: 14 November 2014 (USA)
    Also Known As: Dumb and Dumber 2
    Filming Locations: Atlanta, Georgia, USA
    Runtime: 110 min

    My blog post :: stream dumb and dumber to

  38. What i do not understood is if truth be told how you’re no longer really a lot more neatly-appreciated than you
    might be now. You are so intelligent. You realize thus significantly in the case of
    this matter, made me personally consider it from a lot of numerous
    angles. Its like men and women don’t seem to be fascinated until it is one thing to do with Girl gaga!
    Your own stuffs great. Always maintain it up!

  41. Having read this I thought it was really enlightening.
    I appreciate you spending some time and effort to put this informative article together.

    I once again find myself spending a lot of time both reading and leaving comments.
    But so what, it was still worth it!

    Feel free to surf to my web blog; houston auto insurance

  42. Just desire to say your article is as astounding. The clarity in your post is just cool and i can assume
    you are an expert on this subject. Well with your permission allow me to grab your feed to keep up
    to date with forthcoming post. Thanks a million and please keep up the enjoyable work.

  46. You actually make it seem so easy with your presentation but I find this matter to be really something which I think I would never understand.
    It seems too complex and very broad for me. I am looking
    forward for your next post, I’ll try to get the hang of
    it!

    Visit my page seo companies nyc – http://webtrue.ru/ –

  49. If there are then these are the points that the hinge ought to be screwed to.
    If not, firstly position the hinges on the front of the gable end and screw
    them on, creating sure that the hinges are fixed square
    and that the joint of the hinge is just on the lip of the
    door opening (so that the door does not bind) and also that their position lines up with
    the ledges on the inside of the door so that you can screw into them.

    Also visit my web-site wood sheds rent to own

Leave a Reply