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 31 (31)
aio_xp
Pathfinder
99 11 28

please send screenshot where you insert the code?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on kuparkoti@gmail.com regarding any help
| Whatsapp: 00971568836211

tharaka911
Excursionist
31 0 5

tharaka911_0-1623589728828.png

 

aio_xp
Pathfinder
99 11 28

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on kuparkoti@gmail.com regarding any help
| Whatsapp: 00971568836211

tharaka911
Excursionist
31 0 5

 

You mean here. I added not showing. 

 

tharaka911_1-1623590168222.png

 

aio_xp
Pathfinder
99 11 28

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on kuparkoti@gmail.com regarding any help
| Whatsapp: 00971568836211

tharaka911
Excursionist
31 0 5

Not Working,

 

tharaka911_0-1623591381935.png

 

aio_xp
Pathfinder
99 11 28

did you hit save in theme.liquid,

 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on kuparkoti@gmail.com regarding any help
| Whatsapp: 00971568836211

tharaka911
Excursionist
31 0 5

Yes, No results. 

aio_xp
Pathfinder
99 11 28

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Feel free to contact me on kuparkoti@gmail.com regarding any help
| Whatsapp: 00971568836211