Facebook Shop for Magento 2

Magento 2 Facebook Shop extension helps in synchronizing the products of the Magento 2 store with the Facebook shop. Facebook Shop Integration Extension helps the store owner to sell their products on Facebook.

The admin can decide whether to redirect the customers at the checkout page or product page on the store except for bundle and grouped type products. The admin can manually upload or set the cron to update the product on the Facebook shop.

Watch the video tutorial below to understand the Magento 2 Facebook shop integration extension workflow:

• Synchronize the Magento 2 store product with the Facebook shop.
• Now you can sync the Magento 2 store products with Instagram too.
• By default, it redirects the customers directly to checkout except for grouped and bundle type products.
• The admin can redirect the customer to the product page of the store.
• The admin can manually generate the product feed CSV.
• It also allows the admin to generate the periodic CSV.
• Schedule product feeds CSV generation regularly by setting up the cron.
• Set the frequency of the cron for the periodic CSV generation.
• Set the start time of the CSV generation.
• The admin can set the prefix for Facebook products.
• Remove or include the out of stock products while generating product feed CSV.
• Set the default Google Product Category for Facebook products.
• Mass Assign Google Product Categories to the products which are enabled on Facebook.
• Manage the Facebook attribute mapping with the Magento 2 store attributes.
• It supports all product types: Simple, Configurable, Downloadable, Grouped, Virtual, and Bundle.
•  It supports special price imports to the Facebook shop.

Customers will get a zip folder. Then they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder.

You need to transfer this app folder into the Magento2 root directory on the server as shown below:

After that, you have to run these commands in the Magento2 root directory.

First Command –

php bin/magento setup:upgrade

Second Command –

php bin/magento setup:di:compile

Third Command –

php bin/magento setup:static-content:deploy

After running the commands, you have to flush the cache from the Magento admin panel by navigating through System > Cache management as shown below:

Thus, this is all about the procedure of the installation of the module.

For translating the module language, navigate through src/app/code/Webkul/FacebookShop/i18n and edit the en_US.csv file.

Thereafter, rename the CSV as “en_SA.csv” and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.

Then upload it to the path src/app/code/Webkul/FacebookShop/i18n where the Magento2 is installed on the server.

The module gets translated into the Arabic Language. It supports both RTL and LTR languages.

After the successful installation of the Magento 2 Facebook Shop module, the admin can configure the module from the back-end.

For that, the admin needs to navigate through the Store > Configuration > Facebook Shop as shown below:

Under the Facebook Shop, there are two configurations; Facebook Shop Configurations and Product Configurations as shown above.

Facebook Shop Configurations:

Allow Periodic CSV Generation – The admin can enable this option to generate the product feed CSV periodically else not.

If the admin enables this option as shown in the below image, then the admin needs to enter the cron frequency, and opening time.

Cron Frequency – The admin can set the frequency for the periodic CSV generation as Daily, Weekly, and Monthly.

Opening Time – Set the start time of the CSV generation on a specific frequency.

Generate CSV Manually – The admin can click here to generate CSV manually having the product feed data.

Products Configurations:

Prefix for Fb Products – The admin can add the prefix to the products which are listed on the Facebook shop.

Allow Out of Stock products to appear on Facebook Shop – The admin can allow the out of stock products to appear on Facebook Shop.

Default Google Product brand for Products – Enter the default product brand name for the Facebook products.

Click here to see the google taxonomy sheet Google Taxonomy with Id(s).

To show the product on the Facebook Shop the admin needs to enable the product for the Facebook shop and needs to enter some necessary details.

The required details are in the below snapshot:

Facebook Shop

Allow On Facebook Shop – The admin has to enable this option for enabling the product on the Facebook Shop.

Redirect to Product Page – If the admin wants the customer to visit the product page before buying them, then they can enable this option else the customer gets redirected to the checkout page.

Product Condition – Select the product condition as New, Refurbished, Used, Used Fair, Used Good, or Used Like New.

Gender – Here the admin needs to select the gender as Male, Female, or Unisex.

Google Product Category – Here the admin can enter the related product id based on  Google Product Taxonomy.

By default, it fetches the Google Product Category for the product which is set by the admin under the configuration.

Brand – Enter the brand name of the product.

Note-

• Along with the above details, the product description is also required.
• The Redirect to Product Page option will not appear while creating or editing the Grouped or Bundle products. As in both the cases, the customer need to visit the product page to choose the associated products.

Once the admin has entered all the required details for the product, the product gets enabled to add on the Facebook Shop.

The admin can also enable the products in bulk for the Facebook Shop.

For that, the admin needs to select the products and click on the Change Facebook status as enable under the Action button.

Also, the admin can select the product in bulk to redirect Facebook products to the Product page of the store.

For the reference, check the below snapshot:

After that, the admin can manage Facebook Shop from the admin panel. For reference, you can check the below snapshot:

Moreover, the admin can mass assign the Google Product Categories to the products which are enabled on the Facebook shop.

For mass assignment of the category, the admin needs to select the enabled products from the product list.

For reference, check the below snapshots:

Once the admin selects the product, then they need to enter the Google Product Category as shown below:

After entering the Google Product Category, the admin needs to click on the Assign Category button. Then the category gets assigned to the selected products.

Some of the Facebook attributes are not available in default Magento 2. So, the admin can create those attributes from the back end and map the same with the Facebook attributes.

For mapping those attributes, the admin needs to click on the Add Mapping button as shown below:

After that, the admin can choose the Facebook Attributes from the drop-down list and then choose the respective Product Attribute from the Product Attribute drop-down list.

For reference, you can check the snapshot below:

Once the admin selects the Facebook attribute and the respective product attribute for that, then they need to click on the Save button.

After that, the mapping is successfully created as shown below:

The admin can see all the product feed CSV files under the Catalog Feed CSV Logs. Under this list, they can see all the manual and scheduled generated CSV files.

The admin can see the log added every time the product CSV gets generated, with the details like Triggered By, Log Message, Created At, CSV path, Status, and the Added Products.

For reference, you can check the below snapshot:

Note:

Images and additional images on a product can be only imported to the Facebook shop feed via HTTPS URL. 
If the URL will be HTTP, then the product will appear on the shop with blank images (default FB image icon)

Multi Website Mapping

Through multi-website mapping, the store owner will be allowed to map Facebook stores with the multiple sites on this panel.

Now the store owner can see all the Facebook stores mapped through the website and can export the CSV accordingly from here.

By Clicking on the Add website the store owner will be able to see the required fields in order to create the store as per the Facebook stores.

For creating the page on Facebook, the admin needs to click on the Create tab and then on the Page tab as shown below:

After that, they have to enter the Page Name and choose the category of the page accordingly.

At last, they need to click on the Create Page button to create the page as shown below:

In the above snapshot, the page has been created by the admin.

The products which the admin integrates to the Facebook store will be shown under the Shop tab of their Facebook page.

To add the Shop tab on the Facebook page, the admin needs to go to their page and click on Settings as shown below:

After clicking on Settings, the admin needs to click on the Templates and tabs and then on the Add a Tab button as shown below:

Once the admin clicks on the Add a Tab button, then they need to select the Shop Tab and then click on the Close button as shown below:

Now the Shop Tab will start appearing on the page. When the admin clicks on the shop tab a popup will appear as shown below:

Here the admin needs to tick the checkbox to agree to the Seller’s Terms and Policies and click Continue button.

After agreeing with the Seller’s Terms and Policies to Set up the shop section, the admin can see another popup to select the checkout method for the Facebook store products as shown below:

Here the admin needs to select Check Out on Another Website and click Continue button.

Next, another popup shows up, asking to choose the shop currency as shown below:

Here the admin needs to select the currency of their Magento 2 store and then clicks on the Save button.

Once the admin has done with all the settings, the Shop gets created as shown below:

To set up the catalog feed on Facebook, Go to the Facebook business manager. Click the Business Manager and from the menu, click All Tools as shown below:

Then in All Tools go to Commerce.

After that, to add the Catalogues, Go to the Catalogue Section the admin needs to click on the +Add catalogue button.

Once the admin has clicked on that, a popup will appear. Here they need to select the Type and Name from the drop-down list, After Finishing this

For the reference, check the below snapshot:

Now, the admin needs to Add people and set permissions and then click on the Assign button as shown below:

For adding the products to the Catalogue, the admin needs to click on the Add Item button.

Under Add Products to Your Catalog, they need to select the Use Data Feeds option as shown below:

In the below section, the admin needs to enter their Magento 2 CSV URL.

• Example: storefront@example.com/pub/media/facebookshop/export/webkulshopping.csv

From here, the admin can Upload the data feed file manually or can set an automatic file upload schedule.

For manually uploading the file, the admin needs to select Upload file manually as shown below:

Then, they need to upload the file under the File Upload. In the below image a file is already added.

Now, the admin needs to click on the Start Upload button to start uploading the product on the Facebook shop.

Once all the products get uploaded on Facebook Shop, the admin can see the upload session as below:

The admin can also see all the data sources with their name, source type, status under a list as shown below:

From here, the admin can also add more products by clicking on the Add Products button. Also, they can upload the feed file to update.

For scheduling the automatic file upload, the admin needs to select Set automatic file upload schedule as shown below:

Here, the admin needs to enter the Data feed URL. If the data feed URL is password protected, then they need to enter the login details of the same.

Then, they can select when they want to automatically upload their inventory data from the URL. Available options are Hourly, Daily, and Weekly.

After entering all the necessary details, they need to click on the Start Upload button to schedule an auto-update of the product feed CSV.

Once the admin uploads the product on the Facebook Shop, the customer would be able to see all the products on the Facebook Shop.

From here, the customer can click on the product and see the details related to the product as per below image:

If the admin has enabled the redirect to the product page option for the selected product, then the customer can check the product page as per below image:

Else they can make checkout directly from the website.

Note – In Bundle and Grouped product cases, the customer will redirect to the product page by default.

Special Price Imports to the Facebook Shop

The customer can see all the special prices of the products on the Facebook Shop and this extension supports special price imports to the Facebook shop.

From here, the customer can click on the product and see the details of the product as shown in the image below:-

The admin can see all the product details in the CSV file, such as special price, Id, description, etc.

How To Link Facebook Shop With Your Instagram?

With the help of Facebook shop integration module, you can easily showcase your Facebook shop products on your Instagram. For that, you need to link up your catalog with Instagram.

So after logging into your Facebook account, you need to click on all tools.

Now from here you need to click on “Commerce”

Now to set up an Instagram account you need to go to the Catalogue and choose the Catalogue from the list of products.

Then click on Setting.

Now click on Business Assets. Then in ad and sales channels click on Edit in business manager.

Now: click on the Instagram account and then add the Instagram account.

From here after making your Instagram business profile you can able to see the profiles you have connected to the link Facebook catalog & even can add new ones from here as well.

Note:- It is mandatory that your Instagram account should be a Business profile so for that follow these steps- How to set up your business account on Instagram.

Support

Thus, that’s all for the Facebook Shop module for Magento 2. If you face any issues, feel free to add a ticket to our HelpDesk system.