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,
that is closing head, look for <head> not </head>
did you hit save in theme.liquid,
after that did you click finish and done in facebook business page?
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.
I'm having the same issue.. please let me know what worked for you
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
How could you do it? I'm having the same issue here.
User | RANK |
---|---|
176 | |
159 | |
77 | |
31 | |
30 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023