How to add Facebook Like app into your VPASP site

Wednesday, October 13, 2010

I stumbled across a new VP-ASP Cart site this week that had a great new feature added.

It was the FaceBook like module and as I had not seen this in a VPASP site before I decided to look a  little deeper.

The site was http://www.metalscooters.com.au/

Viewing the source I saw the FaceBook section was included using an iframe into the FreeText container in the Layout Manager.

Wow! It was that easy.

As a test I copied the iframe code and pasted it into a demo store I had running locally and voila! The FaceBook app was now nicely displayed on my site as well.

I then went to the FaceBook page and did a test sign up:

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

Changed the width of the iframe and clicked Get Code.

I copied the code in the top box and then went back to the VP-ASP Cart's admin console and into the Layout Manager.

In the left column, can be right or center though if you like, I added a new FreeText Container.

In the text box I pasted the FaceBook code and Saved my changes.

I now had my very own FaceBook like box on my site!

Hope this is useful to everyone.

Thanks and happy seling.

Cam Flanigan

Comments