Add Facebook Like Box To Your Website In The Widgets

Showing your social presence matters a lot for your business, website or any other marketing work. In this social world, Facebook has the leading role which can’t be denied by anyone. To provide a way to your readers you have to add Facebook like box to your website. For a WordPress website, this can be done easily.

For a WordPress website, this can be done easily.

A question arises in the mind of beginners as how to add Facebook like box to their website? I have encountered with few of them. Even I was also seeking for the Facebook widget for WordPress when I started my website.

How To Add Facebook Like Box To WordPress?

You may use Facebook for your personal use but when it comes to your website then you need to show your readers about your presence on Facebook. For which, you need to show the page you want people to like on your website which can be done by adding Facebook widget for WordPress.

The question-“how to add Facebook like box” has the answer and you can implement it on your website.

There are some simple steps to follow after which your website will be enabled with a Facebook like box which will show some lovely and a smiling face of the people who have liked your page.

There will show the like button by which visitors of your website can like the page. Now I am going to show you the relevant steps which you need to follow if you wish to add Facebook page to website.

Step 1:- Open your Facebook account and copy the URL of the Facebook page of your website which you want people to like. I don’t think I need to tell you how to copy? Still, just select it by ctrl+a and copy it using ctrl+c.

Step 2:- You have logged in to your Facebook account and now you need to visit Facebook Like Box Plugin Page which has created by Facebook developers. The Like Box widget has filtered into social plugins category which is the way to add Facebook like box to your website.

Step 3:- After visiting the required page you will show many information has to be filled by you. But there is nothing to worry about, you just need to paste the URL you have copied from your Facebook page in the space given under “Facebook Page URL“. You can see many options are there to choose.

add facebook like boxYou can adjust the size of the box by your own choice. You can enable to show the smiling faces of the people who have liked the Facebook page.

There are options by which you can show header or border to the like box. You may have noticed that after adding the URL of your Facebook page in the required field you could see a Facebook like box which will be shown on your website. After filling the required details you need to click at “Get Code” button.

Step 4:- A new screen will appear in front of you in which you will see four option to select like-XFBML, URL and else. From all, you have to select “IFRAME”. You will be provided with the code which you need to copy.

how to add facebook like box

Step 5:- This is the final step after which you don’t need to ask  how to add Facebook widget for WordPress? Now login to your WordPress admin panel and go to appearance->widgets. Select the “text box” and drag it to the widget where you want to show the Facebook box.

After placing the simple text widget into the specific widget you have to paste the code which you have selected provided by Facebook to you in step 4.

From here you can adjust the width, height of the like box. You can adjust the appearance of the like button. The color scheme, border color and many else. There are some integrated option which can be used by you if you want to show them to your website.

Add Facebook Page To Website For Increasing Social Value

You have successfully added Facebook like box to your website and you can see it there showing no. of likes and smiling faces of your friends. As I have mentioned earlier that Facebook has really good social value so it’s a positive point for your website when you add Facebook page to website.

You have your own thoughts as if you have any widget to add in the sidebar or not? Do you want to increase your social value using Facebook? Be social via Facebook and make people aware of it.

Though I am not a regular user of it but still we can’t deny it’s importance for our website or any other business.

by Ravi Chahar

A WordPress Professional and the LinkedIn Influencer. A coder by passion and a blogger by choice. WordPress theme development is his forte. He is your WordPress guy who will teach you how to solve WordPress errors, WordPress security issues, design issues and what not.

Get Free Updates Into Your Inbox

Learn Everything Just Like I Did



  1. Hi Ravi,

    Thank you so very much for that. I have never read a blog post that explained how to add a facebook like box on your blog. I am going to get rid network box and replace it with facebook like box, which is much better.

    Thank you so much for this tip, I’m going to bookmark the post.

    1. Hey Sylviane,

      First of all I would like to thank you for giving your input here at my blog.
      Yes, you are right Facebook like box is pretty good but network is having it’s own importance.

      Thanks a lot for coming here.
      Enjoy your stay.:)


  2. Hi Ravi,

    This will be my first comment on your blog. You have a great looking and clean blog. All the best for you.

    This is really a great tutorial on how to add a Facebook Like Box to your website. I think it is important to get more targeted fans who are interested in what you have to offer through your blog. If they visited your blog, they were looking for something you are offering and it is wise to make them like your fan page while they are in your site.

    This also add some social proof to your blog readers that you have presence on social media.

    Thanks Ravi for a great share!! Have yourself a great weekend!!

    Be Blessed,


    1. Hello Neamat,

      It’s really great to see you here at my blog. It’s my honour to welcome you.
      Thanks a lot for your blessings. They mean a lot to me. When I get appreciated by any famous person like you I really feel happy.:)
      Thank you.

      I hope to see you here again.;)

      Enjoy your weekend.


  3. Hi Ravi, This is very helpful for bloggers to set up a Facebook Like box in their side bars. Chances are your readers are your biggest fans so you should make it easy for them to Like your Facebook page. But adding the box isn’t automatic so this article will be very instructional for people to add this to their websites.

    1. Hi Carolyn,

      Yes it’s really good to provide an extra field to approach our blog with via Facebook.
      Thanks for your input.

      Have a nice day.:)


  4. Great share Ravi!

    I had to go an hunt how to do this back when I wanted it on my blog so I found the instructions but so many people aren’t that lucky. You’ve just walked them through how to easily install this Facebook code into a widget and it’s done. Love it and so easy to do too.

    Great share, thank you and enjoy your weekend.


    1. Hey Adrienne,

      Today is somehow a great day for me.:)
      I have found some famous personalities here at my blog. And you are one of them.
      Though you always visit my blog but today it’s something good to see you around.
      Thanks for appreciating.

      You too have a wonderful weekend.:)


  5. Hi Ravi,

    This is a great tutorial for beginners who want to set up a Facebook lightbox. I wish I had a guide like this when I got started. You have done a great job by hang out every step very clearly in an easy to understand format.

    Many people think that doing such a thing is so complicated and they don’t even try and next time when I come across someone who feels that way about Facebook lightbox, guess what? I am going to send them here!

    Have a great weekend!


    1. Hey Kumar,

      It’s great to know that you liked the way I have explained.
      For bloggers Facebook is an another way to connect with their blog readers and adding Facebook like box is an good approach.

      Thanks for being so kind to me Kumar.
      You too have a nice weekend.:)


  6. Ravi — thanks for the simple explanation. Facebook is not my primary social media network and I wouldn’t want to imply that it is by including a Facebook Like Box on my site. But this a great way to wave a flag if you are a big Facebook user.

    1. Hi Jeannette,

      Welcome to my blog.:)
      I understand your words and you are right. If someone is a regular user of Facebook then only it’s good to add the like box.

      Thanks for your comment.
      Enjoy the weekend.


  7. Hi Ravi,
    You did a great job writing this tutorial and I’m sure many bloggers will find it helpful. It’s amazing that Facebook themselves do such a poor job of explaining this.

    Quite a while ago, I wrote a similar article on this. The funny thing is that I no longer display the FB like box on my site. I’ve pretty much abandoned my Facebook business page and I stick to my personal account (on which I still share blogging/business related content occasionally).

    The main reason that I stopped displaying the like box is because it added to my page load time. Still, for people who are using Facebook to promote their site, it can be something valuable to add.

    1. Hi Sherryl,

      Yes for people who wants to promote their website via Facebook then they must use this like box so that their readers can connect with them.
      May be it increase load time. I didn’t notice it. But still it is useful.
      Thanks for telling.

      Enjoy the weekend.:)

  8. Hi Ravi

    That’s a really helpful explanation. I already had the FB box on my blog, but I certainly wish I had had such a detailed explanation when I was originally trying to do it.

    Look forward to reading more of your posts. Joy

    1. Hey Joy,

      First od all I would like to welcome you at my blog.
      This is first visit here and I hope to see you again.;)
      Thanks for stopping and dropping your input.

      Have a good day.:)


  9. Hey Ravi,

    This is a great post for those that want to keep installing plugins as a limitation.

    I thought this would require a lot of programming, which I’m not comfortable with, but I see that the coding is already done for you. All you have to do is copy and paste! Very simple enough! Thanks for the share and I hope your having a great weekend!

    1. Hi Sherman,

      For bloggers it’s really important to take care that they shouldn’t bug their website with plugins. It is required to use minimum number of plugins.
      Facebook like can be added just by pasting simple code.

      Thanks for your comment.
      Ya I am enjoying my weekend. I hope you are having the same like me.;)


Leave a Reply

Your email address will not be published. Required fields are marked *