Shopify themes, liquid, logos, and UX
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.
please send screenshot where you insert the code?
Try this,
You mean here. I added not showing.
that is closing head, look for <head> not </head>
Not Working,
did you hit save in theme.liquid,
after that did you click finish and done in facebook business page?
Yes, No results.
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.
Thanks for the support. I tried every possible way.
Same issue. Were you able to solve it ?
I'm having the same issue.. please let me know what worked for you
website URL?
it's working now.
hi, please wanted to ask if this issue was resolved, having same problem with my installation too. thank you
How could you do it? I'm having the same issue here.
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
Have you found the solution?
How'd you do this one? Tis also my problem. Prestige theme.
Does anyone got a solution for Minimal theme?
please hire shopify expert to fix the issue, https://community.shopify.com/c/jobs-and-careers/bd-p/shopify-job-board
Mine is also not working for minimal theme.
please connect me to fix the issue.
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.
thank you. it worked!!!
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?
This also worked for us! Thank you for posting your solution, it was driving me mad!
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.
THIS!!!! Worked a treat.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024