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.

anonymous said...

Thanks for sharing such type post,All things considered, this isn't the best possible examination and it isn't useful for the police division but you can check out find out this here for all type of thesis work. I figure this examination should proceed and police should locate the total truth.

anonymous said...

Excellent post,Here in this article, you talk about pretty much every imperative thing which can make individuals life flawless and here is esy to browse navigate here for unique task. I figure individuals ought to be certain and endeavor to look through the better approaches to begin their legitimate life.

Wirtz said...

With this area of the facebook and the other area of the website you can get the new pages in the better term. You can move with click here and can learn the new update form with the nice package. You can also get more previous posts here.

ammie jackson said...

In the past few years, people's lifestyle has undergone a massive change. Interestingly, that change has made a significant effect on the education sector as well, and the increasing demand for primary homework help in the UK is only a symptom of it. recognizes the challenges that influence a student's homework solving abilities, and offer a significant amount of support to help the student to overcome those challenges with confidence.

avalee said...

Not sure if you're going in the right direction with your personal statement? Here are some personal statement examples to inspire you. Our ghostwriter takes the valuable information from you and put them impeccably in the personal statement. We never miss deadline for any of the essay. Essay help service has a reputation of delivering the work within the stipulated time.

Anonymouse said...

On the off chance that we go a few decades sooner, individuals lived and kicked the bucket in standard course without giving weight on scanning for learning and getting their kids instructed but this site helpful to manage your work at this point the entire model has changed and individuals are particularly aware of its centrality and they can additionally be propelled through our site channel.

Anonymouse said...

It is rapture for me to talk about and confer this data to the understudies that understudies would now have the ability to carry on their instructive costs by online occupation programs which keep them weight free from their site is helpful to manage your work and for such exercises the understudies can visit the close-by goals.

Amanda Cross said...

Sometimes it is hard to get into a cool college, but here is a a nice tip that will get you into harvard!

Jacob Ethan said...

I find this article useful. Kindly share more such articles so that I can get better insight.
Dissertation Writing Services
Academic Writing Service PhD
Dissertation Writing Service
Coursework Writing Service
Thesis Writing Service

Unknown said...

If you too are concerned about the fact that the essay topic assigned to you is kind of complicated, or in case there’s little time left for you to finish the task and submit it back to your teacher, then instead of worrying “who’s going to do my essay”, simply place an order with us and ask our experts to do my essay for me UK. We are a team of best essay experts from U.K.

Harrison Walker said...

Very Informative and nice blog. Keep sharing the blog like this.

Coursework Help UK

Online Assignment Help said...

Once you complete the payment, our assignment experts start working on your assignment and you get a first class nursing assignment help from us that fulfills your assignment requirements. A simple definition of Nursing is Care towards the society using appropriate diagnosis and treatment facilities.

kristen said...

Students Assignment Help provides MBA assignment help services to the students at a reasonable price. We supply the best homework help services to the college students, and delivers original content which is free from plagiarism.

Unknown said...

While there are students in the United Kingdom who can manage to draft assignments perfectly on their own, some of them tend to look for assignment help online writers to have the task finished with precision.

ammie said..., you can totally get the perfect ghost writers who can be the real essay helpers in your academic career. You do not have to think about your any assignment work once you have chosen us. Our service has a pool of ghostwriter in UK who are actually expertise in these fields. We have 4000+ writers who are very much flexible and also professionals. Thus, they know every tricks and tips of accomplishing academic tasks.

Jean Watson said...

This is awesome blog with smart content, Nice to see your post. It is really very interesting. cause and effect essay

uae assignment help said...

It is safe to say that you need an online research paper assignment? We include an outstanding group of specialists to determine all your essay paper composing issues. Our journalists give the best assignment services. Just drop an email

Stefan Carl said...

If you want help in your assignment writing then hire our assignment writers on assignment writers Sydney and get the finest assignment help with 100% unique content and it is absolutely free from plagiarism. We provide 100% guaranteed privacy of your data.

Stanton Hoover said...

Thanks for sharing this knowledgeable blog with us, truly a great informative site. It is very helpful for us. argumentative essay

kristen said...

Students Assignment Help provides proofreading services to the students at a reasonable price. We supply the best homework help services to the college students and delivers original content which is free from plagiarism.

Kathy said...

Thanks for the post. You have clarified the subject in very simple and step by step.Minneapolis Web Development

Online Assignment Help said... has only experts to cater to ‘do my assignment for me UK’ request. We term them ‘experts’ because they are multitalented and are the perfect people to handle the assignment requests.

my assignment help said...

Matlab Assignment Help
Powerpoint Presentation Services
Programming Assignment Help
Essay Writing Help
My assignment help
پروژه آماده
پروژه آماده آباکوس
پروژه آماده سالیدورک
پروژه آماده متلب

meldaresearch said...

Find the best Legitimate Online Essay Writing Service Provider for all your Custom Essay Writing Service and Online Essay Writing Help?