Magento 2 Facebook Store Integration

1. Facebook Store Integration for Magento 2 User Guide Table of Content 1.Extension Installation Guide 2.Configuration 3.Set Google Product Category 4.Bulk Update Facebook Product Status 5.Bulk Update Facebook Store Attributes 6.Facebook Attribute Mapping 7.Product Feed File Generation & Log 8.Add Shop Tab in Facebook Page 9.Set up the catalog feed on Facebook 10.Setting Facebook Product Feed Update and Replace Schedule 11.Turn on Instagram Shopping Facebook Store Integration for Magento2 © Meetanshi

2. 1.Extension Installation For Magento Marketplace Customers oCreate a folder structure in Magento root as app/code/Meetanshi/FaceBookShop oDownload and extract the zip folder and upload our extension files to the app/code/Meetanshi/FaceBookShop via FTP. oLogin to your SSH and run below commands step by step: php bin/magento setup:upgrade For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f php bin/magento cache:flush For Meetanshi Customers oExtract the zip folder and upload our extension to the root of your Magento 2 directory via FTP. oLogin to your SSH and run below commands step by step: php bin/magento setup:upgrade For Magento version 2.0.x to 2.1.x - php bin/magento setup:static-content:deploy For Magento version 2.2.x & above - php bin/magento setup:static-content:deploy –f php bin/magento cache:flush Facebook Store Integration for Magento2 © Meetanshi

3. 2.Configuration To configure the extension, login to Magento 2 backend, move to Stores  Facebook Store Integration where you can find various settings to configure the extension. Generate CSV Manually: Click to generate CSV having the product feed data. Schedule Periodic CSV Generation: Set YES to schedule product feed CSV generation on a regular basis. This setting sets up the cron that keeps regenerating the product feed file (CSV) that Facebook fetches to update your Facebook shop. Frequency: Set frequency for the periodic CSV generation. Start Time: Set start time of the CSV generation on a specified frequency. Remove Out of Stock Products from CSV: Set YES to remove out of stock products while creating product feed CSV and restrict those products display in the Facebook store. Apply Catalog Rules on Product Price: Select “Yes” if you want the catalog rules to be reflected in the product prices shown in the Facebook shop.  Configuration   Facebook Store Integration for Magento2 © Meetanshi

4. 3.Set Google Product Category The extension requires to set Google Product Category (ID or Name) for your Magento categories based on Google Product Taxonomy. For Magento Categories Go to Catalog > Categories, select the categories you want to show in Facebook store, find the tab “Facebook Shop Integration”, and set the ID or name of the Google product category listed here that best fits with your Magento category. This helps when you want to run dynamic ads. Facebook Store Integration for Magento2 © Meetanshi

5. For Magento Products Go to Catalog > Products, select the products you want to show in Facebook store, find the tab “Facebook Shop Integration”. oFacebook Shop Product: Enable the product to show in the Facebook store. oProduct Condition: Select one of the product conditions to show in the Facebook store. The extension fills “New” by default. oGoogle Product Category: Set the ID or name of the Google product category listed here that best fits with your Magento product. Note: The Google Product category will be prioritized in Product >> Category. If you have set Google Product category for the product, it will be shown, else the ID of the category in which the product resides will be shown. Facebook Store Integration for Magento2 © Meetanshi

6. 4.Bulk Update Facebook Product Status The extension facilitates to update the Facebook product status using the mass action. If you want to only show some of the products in Facebook store, set their product status to YES. Go to Catalog > Products, select the products to update their Facebook product status and select the “Facebook Product Status” mass action from the Actions dropdown and set the required status in bulk. Facebook Store Integration for Magento2 © Meetanshi

7. 5.Bulk Update Facebook Store Attributes You can bulk update Facebook store attributes. Go to Catalog > Products, select the products for which you want to update attributes, select “Update Attributes” mass action, set values for the options “Facebook Shop Product”, “Product Condition” and “Google Product Category”, and save to assign the values in bulk to selected products. Facebook Store Integration for Magento2 © Meetanshi

8. 6.Facebook Attribute Mapping After the extension installation, the extension automatically creates default mapping between the product attributes and Facebook fields with the same name. You don’t need to create mappings for those fields. For example, product name, ID, availability, price, condition, etc. Add New Mapping Some of the Facebook fields are required (Check the list of required and optional fields here: https://developers.facebook.com/docs/marketing-api/catalog-feed-setup#supported- fields). Therefore, if the extension can’t fill some of the required fields itself, it can’t do mapping for those fields with the Facebook and thus, it displays an error message in the feed generation panel. To solve this issue, you need to create an attribute for the required field and map it with the Facebook field. To add new attribute mapping, simply go to Facebook Store Integration > Facebook Attribute Mapping and Click Add New Mapping. Select the Facebook attribute code and a relevant Magento attribute to create the mapping. Note: By default, the extension cannot create a mapping for the “Brand” field, make sure to create new Magento attribute for the “Brand” Facebook field and create the mapping for it, otherwise it will display error while generation feed.We can only proceed to the next step when all the required fields are mapped. Facebook Store Integration for Magento2 © Meetanshi

9. 7.Product Feed File Generation & Log To synchronize Magento 2 store products with the Facebook store for the first time, you will not wait for the cron to generate the CSV on the scheduled time and thus, you need to generate a CSV using the manual method. All the manual and scheduled CSV file generation log is saved in a separate grid under Facebook Store Integration > Product Feed CSV Log. You can see the log added every time the product CSV gets generated, with the details like started and finished date and time, how the CSV generation took place (manually or using schedule), status and other details. 8.Add Shop Tab in Facebook Page The products you integrate using the Facebook store will be shown under the “Shop” tab of your Facebook page. To add the “Shop” tab in your Facebook page, log in to your Facebook account using the credentials. Make sure you are admin of the page. Go to your page and click “Settings”. Facebook Store Integration for Magento2 © Meetanshi

10. Click on “Templates and Tabs”, and scroll to the bottom. Click “Add a Tab” button. Facebook Store Integration for Magento2 © Meetanshi

11. Click on the “Add Tab” button next to the “Shop”. Close the popup and go back to your Facebook page. You can now see the “Shop” tab. Click it and a popup will be opened, tick the checkbox to agree to the Seller’s Terms and Policies and click Continue. Facebook Store Integration for Magento2 © Meetanshi

12. After agreeing, you can see another popup to select the checkout method for the Facebook store products. Select “Check Out on Another Website” and click “Continue”. Next, another popup shows up, asking to choose the shop currency. Select the currency of your Magento 2 store, and click “Save”. Facebook Store Integration for Magento2 © Meetanshi

13. 9.Set up the catalog feed in Facebook To setup the catalog feed on Facebook, Go to the Facebook business manager. If you don’t have a business manager account, log in to Facebook, go to https://business.facebook.com/, and follow the sign-up process. After login, click the Business Manager and from the menu, click “Catalogues” under the Assets.  Here, you should see a catalog with the name of your page. If not, you can always create new using the “Create Catalogue” button. Facebook Store Integration for Magento2 © Meetanshi

14.  Click the catalog of your page and click “Products and Data Sources” tab. From here, select the “Use Data Feed” method to upload the product CSV we generated and add products to the Facebook store. Click next. Facebook Store Integration for Magento2 © Meetanshi

15.  Select the upload method, enter data feed URL, here the URL of the CSV you created. It gets stored at yoursite.com/var/export/FBProductUpload.csv. Also, you can set auto-update product feed CSV file schedule, to get your Facebook store inventory updated on a regular basis. Lastly, click the “Start Upload” button. Facebook Store Integration for Magento2 © Meetanshi

16. Immediately after you start uploading the product feed CSV file, you can see the status of the upload in a separate window. Once the product feed upload is done, you can click to “View Feeds” in the Facebook shop tab. Facebook Store Integration for Magento2 © Meetanshi

17. Once the product feed is uploaded and processed completely by Facebook, users can see products under the “Shop” tab of your Facebook page. Click to see the product details. Click “Checkout on Website” to add a product to the cart and check out directly on the website. Facebook Store Integration for Magento2 © Meetanshi

18. Once the user clicks “Check Out on Website” from the Facebook store product, he will be redirected to the website having the product added to cart. He can continue and finish the order process hereafter. Note: For grouped and bundled products, to select the custom options, users will be redirected to the product page instead of the cart page. Facebook Store Integration for Magento2 © Meetanshi

19. 10.Setting Facebook Product Feed Update and Replace Schedule To keep the product feed updated in the Facebook store, you need to setup update and replace schedule to keep on updating the product CSV generated in Magento 2 store with the Facebook store on a regular basis. Facebook, by default, provides setting up 2 different schedules to keep the Facebook store updated with the products. Replace Schedule Every time the replace schedule is run; it processes all the products again from the product feed CSV URL added while scheduling. This might cause the disappearing of images and products from the Facebook store for a short while. Thus, it’s recommended to run the replace schedule once a week (if you don’t make frequent changes to store products) or once a day (if you make frequent changes to store products). To configure the replace schedule, go to the Facebook Business Manager > Catalogues > Select Catalogue Name of your Page >Products and Data Sources > Select Data Source Name > Settings > Replace Schedule. Facebook Store Integration for Magento2 © Meetanshi

20. Update Schedule Every time the update schedule is run; it makes faster changes to selected products in your feed. This is the recommended way of sending price and availability updates.Thus, it’s recommended to run the update schedule on an hourly basis to keep the minor changes like product availability and pricing updated. To configure the update schedule, go to the Facebook Business Manager > Catalogues > Select Catalogue Name of your Page > Products and Data Sources > Select Data Source Name > Settings > Update Schedule. Facebook Store Integration for Magento2 © Meetanshi

21. 11.Turn on Instagram Shopping As you have the Facebook store live, you are automatically eligible for the Instagram Shopping feature. It allows you to tag your products with your Instagram posts, so when someone browses your Instagram posts can click the tagged products to get redirected to the website for purchase. Open the Instagram app and go to settings Facebook Store Integration for Magento2 © Meetanshi

22. Click on Business. This option will only show up here if your account is a business account. Facebook Store Integration for Magento2 © Meetanshi

23. Click on shopping. This option will only be available if your account is approved for the Instagram Shopping. Facebook Store Integration for Magento2 © Meetanshi

24. Select a product catalogue which in your case, would be the one you created in Facebook. Facebook Store Integration for Magento2 © Meetanshi

25. After selecting the Facebook catalogue, go to your account, add an image and click “Tag Products”. Facebook Store Integration for Magento2 © Meetanshi

26. Now select products from the catalogue or by searching, to tag with the image. Facebook Store Integration for Magento2 © Meetanshi

27. Once you have tagged a product with the image, it will show like this. Facebook Store Integration for Magento2 © Meetanshi

28. Once you have posted the Instagram image, customers can tap “View Products” to have a look at tagged products. Facebook Store Integration for Magento2 © Meetanshi

29. Customers can click to view the product details. Facebook Store Integration for Magento2 © Meetanshi

30. Customers can see product details and click on “Visit on Website” to purchase. Facebook Store Integration for Magento2 © Meetanshi