This is the documentation for concrete5 version 5.6 and earlier. View Current Documentation

Originally posted by Jeremy Werst at werstnet.com. Edited by andrew.

 

Step One - Create a Facebook Page

This is totally neccessary.  Because of the way that the facebook like widget functions, you have to have a page to share.  It would be great if you could just show your personal stream, but that isn't possible.  You need to either use the Open Graph protocol to get the like button working 100% correctly, or make a page on the Facebook website that you can then link to and share.

To make a page for your company or website, you just go here:

http://www.facebook.com/pages/create.php

I went with the "Official Page" option for werstnet.com.  The process is pretty simple.

Step Two - Generate Like Box Code

From the "Get Started" tab on your page, there's a link to set up a like-box that takes you here:

http://developers.facebook.com/docs/reference/plugins/like-box

You'll need to copy and paste the URL of your page, and figure out how wide to make the widget.  Then you just click "Get Code" and copy the iframe code.

Step Three - Add The Code To Your Website

This is really simple, too.  All you have to do is add an HTML block where you want the code to go, then paste in the iframe code. 

Step Four - Profit!

Ok, maybe not really, but that's all the more there is to it.  You now have a widget that shows the latest posts to your facebook page, and who likes it.  It also allows users to like your website and have it actually show up in their profile with other things that they like, and shows up better in their profiles when they like your site. 

It's much better than using just the little like button that you can get from the marketplace, and allows a lot more flexibility.  If you have a business that could benefit from social sharing on facebook, it makes sense that you should have an actual profile on the site for your business. 

You can also do things like hook up your Concrete5 blog to automatically publish to your facebook page using NetworkedBlogs (this will be another blog post) and then have your updates automatically shared to your twitter stream.  This increases the reach of your website, with a minimum of publishing effort.

Loading Conversation