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?
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
Try this,
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
You mean here. I added not showing.
that is closing head, look for <head> not </head>
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
Not Working,
did you hit save in theme.liquid,
after that did you click finish and done in facebook business page?
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
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.
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
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?
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
it's working now.
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
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
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
Mine is also not working for minimal theme.
please connect me to fix the issue.
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip;, my code - a perfect blend!
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.
User | RANK |
---|---|
150 | |
125 | |
80 | |
71 | |
66 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023