Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Why isn't my Facebook chat plugin showing?

Why isn't my Facebook chat plugin showing?

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 34 (34)

eComInsider
Shopify Partner
174 15 37

please send screenshot where you insert the code?

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
tharaka911
Excursionist
31 0 5

tharaka911_0-1623589728828.png

 

eComInsider
Shopify Partner
174 15 37

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.

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
tharaka911
Excursionist
31 0 5

 

You mean here. I added not showing. 

 

tharaka911_1-1623590168222.png

 

eComInsider
Shopify Partner
174 15 37

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

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
tharaka911
Excursionist
31 0 5

Not Working,

 

tharaka911_0-1623591381935.png

 

eComInsider
Shopify Partner
174 15 37

did you hit save in theme.liquid,

 

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

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
tharaka911
Excursionist
31 0 5

Yes, No results. 

eComInsider
Shopify Partner
174 15 37

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.

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
tharaka911
Excursionist
31 0 5

Thanks for the support. I tried every possible way. 

meuoi23
Visitor
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

eComInsider
Shopify Partner
174 15 37

website URL?

 

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
FredShane
Visitor
2 0 0
gbc2021
Tourist
5 0 0
eComInsider
Shopify Partner
174 15 37

it's working now.

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
Nenekafor
New Member
5 0 0

hi, please wanted to ask if this issue was resolved, having same problem with my installation too. thank you

Yong_Lee20
New Member
4 0 0

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

FredShane
Visitor
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

Yong_Lee20
New Member
4 0 0

Have you found the solution? 

gbc2021
Tourist
5 0 0
Hi! I ended up updating my website theme ( I have a third party theme, so I
had to go to their website directly to download the update) and then it
magically worked. Not sure if it was just coincidence, but that's what I
did.
Yong_Lee20
New Member
4 0 0
Thank you so much. I try to contact my theme support to see if they can
solve the problem. Best of luck of your ecommerce journey.
jheestoque02
Visitor
1 0 0

How'd you do this one? Tis also my problem. Prestige theme.

IsabelLoureiro
Visitor
1 0 0

Does anyone got a solution for Minimal theme? 

eComInsider
Shopify Partner
174 15 37

please hire shopify expert to fix the issue, https://community.shopify.com/c/jobs-and-careers/bd-p/shopify-job-board

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
bbtemporium
Visitor
2 0 4

Mine is also not working for minimal theme.

eComInsider
Shopify Partner
174 15 37

please connect me to fix the issue.

➡️ Exclusive offer - Shopify Trial 3 Months for $1/Month


➡️ Shopify Blogs (Q&A)

➡️ Your;Coffee Tip: my code = a perfect blend!
Yong_Lee20
New Member
4 0 0
For me, I follow the Video here https://www.youtube.com/watch?v=zw4CvM4vX2c
.
Pay attention to the part "It helps to open Both Shopify and Facebook in
the 2 tabs of the SAME brower". Miraculously, it works.
bbtemporium
Visitor
2 0 4

I finally figured out why mine was not working. In Facebook business, it had automatically added my domain as http://www.bubbleteaemporium.com.au

I then added a new domain in the chat plugin setup https://bubbleteaemporium.com.au notice the https:// and I removed the www

Its now working.

Nenekafor
New Member
5 0 0

thank you. it worked!!!

Winnie6
Visitor
1 0 0

How do you only do it? My FB chat plug-in is displayed on my website, but no chat box will appear when I click it. what do I do?

rishandbhav
Visitor
1 0 0

This also worked for us! Thank you for posting your solution, it was driving me mad!

Djoxy004
Visitor
1 0 0

Hello guys , i have problem with messinger plugin. 

It existon on my website but it always stay bellow footer and dont move it never. 

I copied code bellow <body class="gradient">... 

This is the screenshot : https://prnt.sc/k1inxXZma_w5

If i copy code below <head> than it same but above header.

I ned help.

GWILL82
Visitor
1 0 0

THIS!!!! Worked a treat.