Social Commerce – WooCommerce Facebook Tab

Facebook Tab for WooCommerce creates a tab on the left side of your Facebook page where customers can view products and add them to their cart. They are then taken to your WooCommerce store to complete the order.

Requirements

SSL Security must be enabled. Speak with your hosting provider to set up SSL on your WordPress site. To check if you have SSL, change “http://” to “https://” in your address bar and see if WordPress loads without errors.

• Latest version of WordPress
• Latest version of WooCommerce
• Facebook account and a Facebook page
• Products you wish to sell via Facebook 🙂

For Facebook Tab to work in the latest version of Internet Explorer, your website needs to send a valid P3P header. If your website doesn’t already send a P3P header, please install this free plugin: https://github.com/dtbaker/wordpress-p3p-plugin

Setup and Configuration

You can find these instructions within the extension itself by navigating to WooCommerce > Facebook.

1. Sign up for a Facebook account if you don’t already have one
2. Create a Facebook page for your business if you don’t already have one ( https://www.facebook.com/pages/create.php )
3. Visit the Facebook Developer App ( https://developers.facebook.com/apps ). If you haven’t created an application before you will be prompted to add the Developer Application (ie: Press Allow)
4. Click the “Add a New App” button
5. Choose the “Website” option
6. Enter your website name (eg: Bobs Online Gift Shop) and click “Create New Facebook App ID”
7. Choose a Category and click “Create App ID”
8. Click “Skip Quick Start” (top right)
9. Choose the “Settings” tab on the left
10. Click “Add Platform” and choose the “Page Tab” option
11. In the “App Domains” box enter your domain name (eg: yourdomain.com)
12. In the “Secure Page Tab URL:” box enter this special URL: https://yourdomain.com/?post_type=product&fbtab
13. In the “Page Tab Name:” box enter a name like “Our Shop”
14. In the “Page Tab Edit URL:” box enter this special URL: http://yourdomain.com/wp-admin/admin.php?page=woocommerce_facebook
15. Click the “Save Changes” button.
16. (optional) Go to the “App Details” tab and upload a logo to match your website/business logo. This logo will be displayed on the Facebook tab.
17. Go back to the “Dashboard” tab and copy the “App ID” and “App Secret” into the WooCommerce > Facebook settings in WordPress
18. Once you have entered these details go to WooCommerce > Facebook and click the link to activate the Page Tab.