WooCommerce Facebook Like Share Button

Description

This is a WooCommerce plugin that implements facebook share and like button on the product page with flexible options. After you activated the plugin, the default option is ‘Enabled’ for all the existing products.
You can use shortcode ‘[fbsharelike]’ or function call ‘fbsharelike()’ to output the button.

Under WooCommerce sidebar panel, there will be a new child menu link called ‘FBShareLike Settings’ section.

The list of options for the section above:

  • Enable the plugin
  • Show in blog post/page (NEW FEATURE)
  • Replace default app id value with yours one, or else just leave it
  • Set width
  • Choose ‘Button Alignment’ – default(left) or right
  • Enable “Show button below product title” option
  • Enable ‘Show Like button only’ option
  • Enable ‘Turn off Open Graph meta values’ option
  • Choose ‘Verb to display’ for LIKE button – default(like) or recommend
  • Choose ‘Color Scheme’ – default(light) or dark button
  • Choose ‘Font’ – default or custom font (Arial, Lucida Grande, Segeo UI, Tahoma, Trebuchet MS, Verdana)
  • Select ‘Language Setting’ for the language for button. (77 languages supported)

Demo Site

Please feel free to visit my online shop where you can test the features of WordPress and all of my extensions. http://shop.terrytsang.com

GET PRO VERSION ( 9 Social Share Buttons )

NEW

  • Coming Soon Product – show ‘Coming Soon’ default message and countdown clock for pre launch product

In addition to these features, over 20 free and premium WooCommerce extensions are available:

and many more…

Screenshots

  • Screenshot Admin Product Enabled Option
  • Screenshot Frontend Product Detail Page
  • Screenshot Admin FbShareLike Settings Option Page
  • Screenshot Frontend - Chinese + Show After Product Title
  • Screenshot Frontend - French + Show Like Button Only + Button Align Right

Installation

  1. Upload the entire woocommerce-facebook-share-like-button folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. A new menu link ‘FbShareLike Setting’ appeared under WooCommerce sidebar panel, you can click that to update options.
  4. That’s it. You’re ready to go and cheers!

FAQ

Installation Instructions
  1. Upload the entire woocommerce-facebook-share-like-button folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. A new menu link ‘FbShareLike Setting’ appeared under WooCommerce sidebar panel, you can click that to update options.
  4. That’s it. You’re ready to go and cheers!
After activated the plugin, do i need to insert facebook javascript after tag?

No, you can straight away use the plugin as the plugin included the script.

If i want to use my own facebook application id, what should i do?

To update your facebook app id for the plugin, go to Admin left sidebar, menu ‘FbShareLike Settings’ under ‘WoocCommerce’ and update option there. (NOTE: This is not your facebook page URL)

If i want to align button to right?

You can select the option ‘Right’ at ‘Button Alignment’ section.

If i want to change the default button position[bottom of product summary] to position after product title, what should i do?

You can check the option ‘Show button after product title’ at ‘FbShareLike Settings’ section.

If i only want to show facebook like button on product page, not the share button.

You can check the option ‘Show only like button’ at ‘FbShareLike Settings’ section.

If i only want to turn off or remove meta og values that were generated by this plugin to avoid conflict with my other plugin.

You can check the option ‘Turn off open graph meta values’ at ‘FbShareLike Settings’ section.

If i only want to show dark color button on product page, not the light color button.

You can select ‘Dark’ at ‘Color Scheme’ option under ‘FbShareLike Settings’ section.

If i only want to change font for the button text.

You can select custom font at ‘Font’ option under ‘FbShareLike Settings’ section.

If i only want to show different language for the button text?

You can select at ‘Language Settings’ option under ‘FbShareLike Settings’ section. (77 Languages Supported Now)

If i want to use the button on sidebar widget or in my php file?

You can use shortcode [fbsharelike] in widget or function ‘fbsharelike()’

If i want to show buttons in blog post/page?

You need to check option “Show in blog post/page”

Reviews

Read all 11 reviews

Contributors & Developers

“WooCommerce Facebook Like Share Button” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.2.3

  • Tested compatibility with WordPress 4.5.3
  • Added icons for plugin page
  • Added additional new plugin link

2.2.2

  • Added Great Deal Bundles links

2.2.1

  • Fixed some og meta tags bugs (og:description and og:image)

2.2.0

  • Added z-index for facebook Like popup box
  • Updated og:description content

2.1.9

  • Added WordPress 4.0 compatibility
  • Turn off open graph meta tags as default

2.1.8

  • Added “Show in blog post/page” option

2.1.7

  • Fixed : Undefined php variables or options warning
  • Updated Facebook Like Button to v2

2.1.6

  • Fixed : Assigning the return value of new by reference is deprecated

2.1.5

  • Updated CSS to fix facebook like popup box cropped issue
  • Remove z-index and old facebook css styling

2.1.3

  • Updated CSS

2.1.2

  • Updated CSS for facebook like and send button box that was cropped
  • Add “Turn off open graph meta values” option to avoid conflict with your other plugin
  • Updated facebook like widget – added data-href parameter in facebook like link

2.1.1

  • Fixed unchecked enabled box problem

2.1.0

  • Add shortcode [fbsharelike] and function call
  • Update css

2.0.11

  • Fixed bugs

2.0.10

  • Updated CSS for facebook like and send button box that was cropped

2.0.9

  • Fixed Double add to cart issues

2.0.8

  • Fixed bugs

2.0.7

  • Updated : updated “overflow: visible;” css for social-button-container
  • NEW : add custom font option for the setting page

2.0.6

  • Fixed : remove additional
    below the button
  • Updated : add “overflow: hidden;” css for social-button-container
  • NEW : add new link for “Get Social Buttons Pro” with more social media

2.0.5

  • Fixed : remove additional bloginfo description output on top page
  • NEW : add new option ‘Button Alignment’ where you can choose to align left or right

2.0.4

  • Fixed : subtitle problem
  • Updated : og:type set to ‘product’

2.0.3

  • Fixed undefined $post
  • Updated facebook application id help description

2.0.2

  • Fixed bugs

2.0.1

  • Fixed missing variables
  • Update Product Description (200 chars limit) for OG description

2.0.0

  • Change menu ‘FbShareLike’ sidebar to ‘FBShareLike Settings’ link under ‘WooCommerce’ sidebar panel
  • Add more options for the setting page (width, languages, verb to display and color scheme)
  • Add OG tags for facebook graph apps

Screenshot WooCommerce Payment Gateways – Custom Payment Option
Screenshot Frontend Payment Gateways – Custom Payment Option
Screenshot Frontend Payment Gateways – After Ordering