Adding Facebook Like and Send buttons to a Product

You've probably seen these buttons on many web pages.

The Like button enables people with Facebook accounts to immediately post a link (with an image and descriptive text) and their own comments to their Facebook page. The Send button is similar, except that it gives them the opportunity to send the link to Facebook friends, to the group wall of any Facebook group of which they are a member, or as an email to any email address. This enables you to send a link to a smaller group of people (or just one person).

You can add the Like or the Like and Send buttons to your product pages, or with just a little HTML code editing to any page on your storefront. Note that the Send button cannot be used without the Like button.

To Enable the Facebook Like button

  1. Go to Settings > Config Variables.  Show
  2. Check the Enable Facebook Like Button box.  Show
  3. Click Save.

 

And that's it! The Facebook Like button will now appear beneath each product image. Show

What the Customer Sees

When a customer clicks on the Facebook Like button a popup is opened, allowing them to enter their comment.  Show

When they have posted this comment, it appears on their Facebook wall and in the News Feed of everyone who has "friended" them. It shows the comment and a link (the product name) back to the product. Show

A customer can only click on the Like button once. After that it displays an icon showing how many Facebook users have "liked" this product.

Enabling the Facebook Like and Send buttons

  1. Go to Settings > Config Variables.  Show
  2. Check the Enable Facebook Like Button box.  Show
  3. Check the Enable Facebook Send Button box.  Show
  4. Click Save.

 

The Facebook Like and Send buttons will now appear beneath each product image. Show

What the Customer Sees

In addition to functionality of the Like button described above, When a customer clicks on the Facebook Send button a popup is opened.  Show

In the To box, enter the name of a friend on Facebook, the name of any Facebook group to which you belong or any email address. You can enter combinations of these, and multiples. Show

In the message box, enter any message you want to accompany this link, then click Send.

Displaying the buttons on non-product pages

Customers with a knowledge of HTML can add the following code to their templates to display these Facebook buttons on any page on their site so that people can post or send links to any page rather than just products. Note that using this code will display the button even if the config variables Enable Facebook Like Button and Enable Facebook Send Button are disabled.

Insert the following tag wherever you want the Facebook Like (or Send) buttons to appear.

  • The code for the long form displays are: <fb:like></fb:like>
  • The code for the short form displays are: <fb:like layout="button_count"></fb:like>
  • Changing the code to <fb:like colorscheme="dark" layout="button_count"></fb:like> will apply a darker format to the button if preferred.

Notes

Facebook's own help pages for the Like and Send features are located here and here.

If visitors do not have Facebook accounts, or do but are not logged in it, a popup asking them to log in or register for an account is displayed when they click either button.

Live Chat Software