Facebook Messenger Chat Box Addon

[greasemonkey 190]

I've developed a neat little header tag module that drops a Facebook messenger chat box into your site - so much easier than trying to get one of the live chat addons to work and its free.

Connects to your Facebook (business) Page simply.

I've tried it on EDGE and PHOENIX and it works perfectly (I'm sure it will work on any version... but haven't tested it).

Configurable to have the chat box open on load or not (showing the Facebook Messenger Icon only).

The only thing you need is your Facebook Page ID which can be found with following instructions:

To find your Page ID:

1. From News Feed, click Pages in the left side menu.
2. Click your Page name to go to your Page.
3. Click About in the left column. If you don't see About in the left column, click See More
4. Scroll down to find your Page ID below More Info.

Quick Edit - some need to whitelist their domains within their Facebook page:

1. Click Settings at the top of your Page
2. Click Messenger Platform on the left
3. Edit whitelisted domains for your page in the Whitelisted Domains section

Screencap attached

Addon found here: https://apps.oscommerce.com/Apps&e18Iy&facebook-messenger-chat-box-addon

Edited July 23, 2019 by greasemonkey
added instructions to whitelist domain

[LeeFoster 219]

I just installed this and the chat box is not showing.

I am using Edge bs4. I have installed the header tags module and entered my Facebook ID what config am I missing?

[greasemonkey 190]

@LeeFoster Have you whitelisted your domain?

On 7/23/2019 at 2:38 PM, greasemonkey said:

Quick Edit - some need to whitelist their domains within their Facebook page:

1. Click Settings at the top of your Page
2. Click Messenger Platform on the left
3. Edit whitelisted domains for your page in the Whitelisted Domains section

 

Edited August 3, 2019 by greasemonkey

[LeeFoster 219]

2 hours ago, greasemonkey said:

@LeeFoster Have you whitelisted your domain?

 

Would that stop the button appearing?

[greasemonkey 190]

8 hours ago, LeeFoster said:

Would that stop the button appearing?

Yes

[LeeFoster 219]

11 minutes ago, greasemonkey said:

Yes

I've done that and still not showing.

[greasemonkey 190]

@LeeFoster I sent you a PM. 

[greasemonkey 190]

@LeeFoster it looks like your page id is not correct.... Use there to find it: https://findmyfbid.com/

 

[greasemonkey 190]

Just making our PM discussion public.... @LeeFoster FB page ID is correct.... Check the sort order to see if there is a conflict.

Lee.... what is your sort order for this header tag? if not 0 please change to 0 and retest....

Quickly looking - do you have a login modal in your head? It has an error.... Maybe try and inactivate it....

[LeeFoster 219]

This module is now 0, I did have a login modal but that has been removed now as it didn't work anyway.

[LeeFoster 219]

Ok so apparently I got distracted when I white listed the site and I didn't save it. It's all working now.

[greasemonkey 190]

@LeeFoster 👍👍 I sent you a test msg

Edited August 3, 2019 by greasemonkey

[LeeFoster 219]

3 minutes ago, greasemonkey said:

@LeeFoster 👍👍 I sent you a test msg

Thanks for your help

[greasemonkey 190]

Ok all reading this - Please confirm you’ve had to whitelist your domain? As I understand it... whitelisting may not have been “required”... but haven’t seen an install yet where it worked WITHOUT whitelisting

On 7/23/2019 at 2:38 PM, greasemonkey said:

Quick Edit - some need to whitelist their domains within their Facebook page:

1. Click Settings at the top of your Page
2. Click Messenger Platform on the left
3. Edit whitelisted domains for your page in the Whitelisted Domains section

 

[LeeFoster 219]

18 minutes ago, greasemonkey said:

Ok all reading this - Please confirm you’ve had to whitelist your domain? As I understand it... whitelisting may not have been “required”... but haven’t seen an install yet where it worked WITHOUT whitelisting

 

And make sure you click save!

[LeeFoster 219]

Installed this on my Phoenix 1.0.5.2 store and back to having no button, it is a local test store and I am getting an error when I check in the console of

Quote

Refused to display 'https://www.facebook.com/v3.3/plugins/customerchat.php?app_id=&attribution=setup_tool&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D45%23cb%3Df3b21b73e37b9d8%26domain%3D127.0.0.1%26origin%3Dhttps%253A%252F%252F127.0.0.1%252Ff1de550b37caccc%26relation%3Dparent.parent&container_width=0&greeting_dialog_display=hide&locale=en_US&page_id=1410543482289434&sdk=joey' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://www.facebook.com".