Facebook Chat Plugin Not working

tharaka911
Excursionist
31 0 5

Hi Communit,

 

I just added the Facebook messenger plugin, but it's not showing. I follwed the below article and below code. 

https://www.facebook.com/business/help/1524587524402327

<!-- Messenger Chat Plugin Code -->
<div id="fb-root"></div>

<!-- Your Chat Plugin code -->
<div id="fb-customer-chat" class="fb-customerchat">
</div>

<script>
var chatbox = document.getElementById('fb-customer-chat');
chatbox.setAttribute("page_id", "104808868488151");
chatbox.setAttribute("attribution", "biz_inbox");
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v11.0'
});
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src='https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

 

 

Thank You. 

Replies 33 (33)
TheOfficialBlog
Shopify Partner
111 11 30

please send screenshot where you insert the code?

tharaka911
Excursionist
31 0 5

tharaka911_0-1623589728828.png

 

TheOfficialBlog
Shopify Partner
111 11 30

Try this, 

  1. On the line below the <body> code, paste the code from the Facebook Chat Plugin Settings.
  2. Click Save at the top to complete.
tharaka911
Excursionist
31 0 5

 

You mean here. I added not showing. 

 

tharaka911_1-1623590168222.png

 

TheOfficialBlog
Shopify Partner
111 11 30

that is closing head, look for <head> not </head>

tharaka911
Excursionist
31 0 5

Not Working,

 

tharaka911_0-1623591381935.png

 

TheOfficialBlog
Shopify Partner
111 11 30

did you hit save in theme.liquid,

 

after that did you click finish and done in facebook business page?

tharaka911
Excursionist
31 0 5

Yes, No results. 

TheOfficialBlog
Shopify Partner
111 11 30

please double check facebook business, the code you grabbed, just recheck if everything correct

and try to put code again below </body> if that works, 

if not works, then you have to hire Shopify expert.

tharaka911
Excursionist
31 0 5

Thanks for the support. I tried every possible way. 

meuoi23
New Member
1 0 1

Same issue. Were you able to solve it ?

gbc2021
Tourist
5 0 0

I'm having the same issue.. please let me know what worked for you

FredShane
New Member
2 0 0

Did you use the ella theme? Because I also have this problem, when I switch to the default theme, it can be used normally after pasting the code

TheOfficialBlog
Shopify Partner
111 11 30
FredShane
New Member
2 0 0
gbc2021
Tourist
5 0 0
TheOfficialBlog
Shopify Partner
111 11 30

it's working now.

Yong_Lee20
New Member
4 0 0

How could you do it? I'm having the same issue here.

Yong_Lee20
New Member
4 0 0

Have you found the solution?