Friday, 21 January 2011

How to....Add a Facebook 'Like Us' Box to your Website

Happy Friday Folks!

Today I'm going to show you how to add a 'Like Us' bos for your Facebook page to your website. It's a bit of an update from our 'How to add a Find us on Facebook button' post.

Step 1: Go to your business page on Facebook.
(If you haven't already got one, see our guide on how to create a Facebook page for your business.)

Click the button labeled 'Edit Page' in the top right hand corner of the page.

Screenshot of Picseli's Facebook page

Step 2: Click on the Marketing link

From the menu on the left hand side, click on the 'Marketing' link.

Step 3: Get the box

Here you will see a list of the options available to help you market your Facebook page & get more 'likers'.

Click on the 'Add a Like Box to youu Website'

Step 4: Customise your box

On this page you'll see an example box that you can customise to suit your company.

As you make changes to this little form you should see the example box on the right update to reflect your changes. 

- Facebook Page URL: In this box you need to enter the URL or web address of your facebook page. In our case it is

(If you don't have a customised or vanity URL yet, then you'll need to open up another browser window or tab, so you don't lose your current place, and navigate to yoru Facebook page. Then in the address bar at the top of the browser copy the whole text that appears starting with, then paste this into the Facebook Page URL box.)

- Width: If you have a special place for your Facebook box to go, you'll know how wide it needs to be, so enter this width - in pixels - in this box.

- Colour Scheme: You can either have 'Light' (which leaves it white) or 'Dark' (which turns it black), so select dark, see what you think and make your decision. For Picseli, we'll be leaving it as Light.

- Show Faces: If you untick this option, you won't see the icons or avatars of the people who currently like your page.

- Stream: If you untick this option you will be left with just the people who like your page, not the latest posts to your page.

- Show Header: Untick this if you don't want the 'Find us on Facebook' banner at the top of the box.

So you can make your box as complicated or as simple as you like, showing your latest posts and 'likers' - as we have done in the right hand bar on this blog - or just have a simple 'Your Company on Facebook' link, as in the image below.

When you're happy with your box, select the 'Get Code' button.

Step 5: Display on your website

You'll get a pop up box with 2 code options, so copy whichever one suits you best (or copy both & send them to your web developer) and add them to a suitable place on your website or blog.

And there you have it, visitors can Like your Facebook page from the comfort of your own blog. Hope it helps!

P.S If you do enjoy these posts, please do come and like us on Facebook - don't foget to say Hi!


Cupcakeorama said...

thank you! you think i could have found that info on FB? I have been looking all over the FB site for that!! Thanks so much!

Nicole said...

I followed all of this (thank you!) but when I update my website, the code appears, not the actual like box. Why won't the code convert to the box?

Rhian said...

Nicole, can you give me a bit more information? Sorry for very basic question, but have you definitely copied the whole code? :)

Anonymous said...

Thanks so much I couldnt find info on where to find this anywhere on facebook! lol.. Thanks alot! You can view my website at

Anonymous said...

Hi, thanks for the info. But when I tried to paste the url of my facebook page, this message appeared: "Could not retrieve id for the specified page. Please verify correct href was passed in". what did I do wrong?

Rhian said...

Hi Anonymous,
Without seeing the exactly what happened I can't really say. Have you checked that the URL was definitely correct? With no spaces at the end?

Web developer said...

This is exactly what I was looking for. That is very interesting Smile I love reading and I am always searching for informative information like this!

UK Fans said...

Now-a-days, you can find Facebook like button on almost every website and blogs, as people has started realizing that it is extremely valuable from the marketing point of view.

sanam arzoo said...

Great information. Thanks for providing us such a useful information. Keep up the good work and continue providing us more quality information from time to time. Facebook Marketing

Nisar sheikh said...


Richfield Web Design said...

Thanks for the info. It's helpful!

mn web design said...

Thanks for providing us such a useful information.