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 http://www.facebook.com/picseli.

(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 http://www.facebook.com/....., 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!

17 comments:

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 www.pcupandgo.co.uk

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...

nice

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. MyAssignmenthelp.com 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.