Magento 2 Facebook Chat integrates Facebook messenger with Magento 2 to provide live chat support and easy communication to the users.
Table of Content
- Extension Installation Guide
- Some of the Facebook Page Settings you must take care of
- Configuration
- Facebook Chat in Frontend
- For Magento Marketplace Customers
- Create a folder structure in Magento root as app/code/Meetanshi/FacebookChat
- Download and extract the zip folder and upload our extension files to the app/code/Meetanshi/FacebookChat via FTP.
- Login 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
- Extract the zip folder and upload our extension to the root of your Magento 2 directory via FTP.
- Login 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
- Open the Facebook Page and navigate to More > About
- Under Hours, make sure that the “Always Open” option is selected as shown below.
- Facebook Page ID: When you create a new Facebook page, the page ID is given. If you want to find the page ID of the already existing page, visit the page and check the URL. The characters in the URL after the page name is your page ID.
For example, the URL is https://www.facebook.com/Test-Business-2387482487989307
Here the name of the page is “Test Business” and the digits 2387482487989307 is the page ID.
Or, you can get the Page ID from the Page “About” section under “More Info”
- Moreover, under Advanced Messaging tab, scroll down to General Settings. Enter the domain name of your store under the White-listed Domains.
- Configuration
For configuring the extension, login to Magento 2, move to Stores à Configuration à Facebook Chat where you can find various settings to enable the extension.
- Facebook Chat: Enable Facebook Chat extension.
- Facebook Page ID: Enter the Facebook Page ID.
- Theme Color: Set the theme color for the Facebook chat window.
- Login Greeting Text: Set greeting text to show when the users login the Facebook messenger.
- Logout Greeting Text: Set greeting text to show when the users logout the Facebook messenger.
- Facebook Chat in Frontend
Once the extension is configured, Facebook chat button gets enabled with the login screen text in the frontend. The user can login to Facebook messenger or continue as guest to start the chat.
- Facebook Chat Theme
Immediately after a user starts the chat, the Facebook Chat window is shown with the selected theme color.
- Facebook Logout Greeting
Once the chat is over and the user logs out from the Facebook messenger, he is greeted with the logout greeting text.