Tips for Creating an Online Store

How to add a Facebook “Like” button to your online store

You have probably noticed the Facebook “Like” button showing up a lot on various websites while browsing online. This button has become a popular and simple way for website owners to build an online following. All you need is a Facebook account, and a little bit of code to add to your Flying Cart HQ, and you can have a working Facebook “Like” button of your very own! We recently implemented one of these buttons for one of our stores – vintageapartment.flyingcart.com

How to implement in your own Flying Cart store:
1. Create an Online Store with Flying Cart
2. Login to your Flying Cart HQ
3. Navigate to “Pages > Homepage”
4. For the “Welcome Message” section, click the “HTML” icon in the upper right corner of the Welcome Message text editor box.
5. Paste the following code for your HTML:
<p><iframe src=”http://www.facebook.com/plugins/like.php?href=vintageapartment.flyingcart.com&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80″ scrolling=”no” frameborder=”0″ style=”border: none; overflow: hidden; width: 450px; height: 80px;” allowTransparency=”true”></iframe></p>

Note: You can alternatively go to http://developers.facebook.com/docs/reference/plugins/like/ and use “Step 1 – Get Like Button Code” to generate your HTML code for you.  In this case, make sure to select the “iframe code” section that is presented to you.

6. Replace “vintageapartment.flyingcart.com” with “[yourstorenamehere].flyingcart.com” (if you are using our supplied HTML code sample in step 5).
7. Click the “Update” button at the bottom of the HTML window (this will close the HTML window).
8. Click the “Update Homepage” button below the Welcome Message text editor box.

That’s it. Now you will have your very own Facebook “Like” button on your online store that you created with Flying Cart!

This entry was posted on Tuesday, May 3rd, 2011 at 6:42 pm and is filed under News. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

4 Responses to “How to add a Facebook “Like” button to your online store”

  1. Rishi says:
    May 3, 2011 at 7:30 pm

    Awesome addition to the Vintage Apartment Store!

  2. Neil says:
    May 4, 2011 at 9:25 am

    Thanks for the info, I was also wondering that as well.

  3. Laura says:
    June 7, 2011 at 4:34 pm

    I keep trying to add a Facebook Like Button to my store, but I keep getting a “fatal error” message. I copied and pasted your code exactly as you have it, but it doesn’t seem to work. Please help!

  4. rishi says:
    June 8, 2011 at 5:19 pm

    Hi Laura, please check your store, the button is working ok now. Sometimes the quotation marks can be interpreted incorrectly when pasted into the text editor. We will look into this further. But you should be all set now.