Guide for Magento 2 Multi Vendor Facebook Shop

Magento 2 Multi Vendor Facebook Shop extension allows to synchronize the products of the Adobe Commerce marketplace with the Facebook shop.

This extension helps the marketplace admin and vendors to sell their products on Facebook shop.

Vendors can decide whether to redirect the customers at the checkout page or product page on the store except for bundle and grouped type products.

Marketplace vendors and admin both can manually upload or set the cron to update the product on the Facebook shop.

You can also check the Magento 2 Multi Vendor Shopify Connector if you want to sell your products on Shopify.

• Synchronize the Adobe Commerce 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.
• Vendors can redirect the customer to the product page of the store.
• Sellers can manually generate the product feed CSV.
• It also allows the vendor and 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.
• 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 Adobe Commerce root directory on the server as shown below:

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

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:<strong>static</strong>-content:deploy

php bin/magento indexer:reindex

php bin/magento cache:flush

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 Multi Vendor Facebook Shop module, the vendor can configure it from their dashboard.

For that, the vendor will navigate to My Account > Facebook Shop > Facebook Shop Configurations as shown below:

The following configurations are available,

Generate CSV Manually – Seller will click here to generate CSV manually having the product feed data.

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

Cron Frequency – Vendor 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.

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

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

Default Google Product category for products – Enter the default google product category code for the facebook products.

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

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

Facebook Shop

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

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

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

Gender – Vendor can select the gender as Male, Female, or Unisex.

Google Product Category – Vendor will check and 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 vendor 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 vendor has entered the required details for the product, the product gets enabled to add on the Facebook Shop.

Vendor can also enable the products in bulk for the Facebook Shop.

For that, the vendor will select the products and click on the Change Facebook status as enable under the Action button.

Also, vendor will select the product in bulk to redirect Facebook products to the Product page of the store as per the below image,

After that, the vendor can manage Facebook Shop from the vendor panel.

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

For mass assignment of the category, vendor will select the enabled products from the product list as per the below image,

Next, the vendor selects the product, then they need to enter the Google Product Category.

After entering the Google Product Category, the vendor will click on the Save button after which the category gets assigned to the selected products.

Some of the Facebook attributes are not available in default Adobe Commerce. So, the seller can map those attributes with the Facebook attributes.

For mapping those attributes, tap on the Add Mapping button as shown below:

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

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

Seller 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.

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

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)

Through multi-website mapping, the vendor can map Facebook stores with the multiple sites on this panel.

By Clicking on the Add website, vendor can view the required fields in order to create the store as per the Facebook stores.

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

Similar to the above seller end configurations, the marketplace admin also gets the same configurations to list and sell their products on the Facebook shop.

They will navigate to Stores>Configuration>Facebook Shop to access the configuration section,

Next, they can also set the Products Configuration as per the below image,

Further, they can access the Facebook Shop settings from the admin side panel by tapping on Facebook Shop and can configure the settings accordingly.

For creating the page on Facebook, the admin/vendor 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/vendor.

The products which the admin/vendor 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/vendor needs to go to their page and click on Settings as shown below:

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

Once the admin/vendor 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/vendor clicks on the shop tab a popup will appear as shown below:

Here the admin/vendor 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/vendor can see another popup to select the checkout method for the Facebook store products as shown below:

Here the admin/vendor 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/vendor needs to select the currency of their Magento 2 store and then clicks on the Save button.

Once the admin/vendor 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/vendor needs to click on the +Add catalogue button.

Once the admin/vendor 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/vendor 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/vendor 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/vendor needs to enter their Magento 2 CSV URL.

Note: Exported CSV file will be saved in two directories: var/facebookshop/export and pub/media/facebookshop/export

• Example: [email protected]/pub/facebookshop/export/webkulshop.csv

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

For manually uploading the file, the admin/vendor 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, 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/vendor can see the upload session as below:

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

From here, they 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/vendor needs to select Set automatic file upload schedule as shown below:

Here, the admin/vendor 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/vendor 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/vendor 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.

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/vendor can see all the product details in the CSV file, such as special price, Id, description, etc.

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.

That was much about the Magento 2 Multi Vendor Facebook Shop extension, for any queries you can drop us an email at [email protected] or raise a ticket.