January 25, 2019

Facebook Messenger Chatwebkul.com/blog/magento2-facebook-chat-messenger/

Facebook Messenger Chat: Using this extension, the admin of the webstore will be ableto integrate Facebook Messenger Chat within his webstore thus allowing the customersto chat with the admin. After configuring the extension, the Facebook Messenger Chatwidget will be visible at the webstore frontend.

Features

Allow the admin to enable or disable Facebook Messenger ChatAllow the admin to set theme of Facebook Messenger ChatCustom color theme can be set by the adminAllow the admin to set logged in greeting message of Facebook Messenger ChatAllow the admin to set logged out greeting message of Facebook Messenger Chat

Module Configuration

After the successful installation of the extension, the admin will configure the module.To do so, navigate through Stores->Configuration->FB Messenger Chat Module.

Here, the admin will –

Enable:Select Yes to enable the extension else select No to disable it.FB Page Id:The admin needs to enter the page ID of the page that the admin wants tointegrate with the Magento 2 store.

1/9

Logged In GreetingEnter the greeting message that will get displayed on login.Logged Out GreetingEnter the greeting message that will get displayed on logout.Theme ColorEnter the theme color for the messenger.

How to Get the Facebook Page ID?

The admin will login to his Facebook account. After that, create a new page or select anexisting page by navigating to Pages section.

Here, select the page for which the admin wants thepage Id.

Now, after reaching the required page navigate to it’s About Page. And here the adminwill be able to find the Page ID.

2/9

How to Add Magento 2 Store to Your Facebook Page?

On the Facebook page, the admin will navigate to the top right-hand settings section.

On the setting page in the Left Navigation Drawer, the admin needs to select theMessenger Platform.

3/9

After this, scroll down and navigate to the section “White-listed domains“. Here, enterthe website addresses/domain name where the admin is going to use the chat extensionand click the save button thereafter. The admin can also add multiple domains asrequired.

How to Add Customer Chat Plugin?

Just below the White-Listed Domains option the admin will find the Customer Chatplugin. Tap the Set Up button thereafter.

Tapping the Set Up button brings up another section. Here, tap the Next button.

4/9

Now, select when can people expect a response. So, select an appropriate one and ifthe admin want to change the appearance color of the messenger icon then change it,and lastly tap the Next button.

5/9

After this, we have to add the website or the domain name where we will be using thisFacebook messenger. This will allow the customer to see the messenger icon at thestore frontend.

Workflow – Store Frontend

The customers will be able to see the messenger icon on the webstore frontend.

Now, if the customer is not already logged into Facebook then he can see the “Log IntoMessenger” button as shown below in the snapshot.

6/9

Tapping the Log into Messenger button, a pop-up window will appear. Here, thecustomer has to enter his email address and the password to continue.

After login, the customer will be able to chat with the admin of the store as shown belowin the snapshot.

7/9

Apart from allowing the chat, the customers can also send in images, emojie, and sendlikes.

After clicking on the Information Icon(i) on the top right-hand header of this chatwindow there area few options as shown below in the snapshot.

8/9

Here, we have few options to check –

1. Turn On/Off Messages:Turning this option to On willallow the message transmissionand selecting it as No stopsmessage transmission.

2. Mute Conversation: If this option is enabled thenthe customer will be able tomute the conversations.

3. View On Messenger:Clicking this link will redirect thecustomer to the installedFacebook messenger on hismobile device.

4. Visit Facebook PageClicking on this option willredirect to the Facebook pagefor which configuration hasbeen made.

5. Add Messenger to YourWebsite:Redirects to the “AddMessenger to your website” page. Here, you can know how the messengerworks.

That’s all for the Facebook Messenger Chat extension. Still have issues, get back to us atsupport@webkul.com or send in a ticket at webkul.uvdesk.com

9/9