How to Add Facebook Messenger Plugin to your Shopify Store

Shopify Partner
15 0 1

Hi Team 

I am created Facebook messenger bot I want to add that bot in my Shopify website. I did this following steps but it's not showing messenger logo on the website.

Steps are as follow:

1. On Facebook 

  • Select page -> Setting -> Messenger Platform
  • In this added my storeurl in the whitelist domain 
  • Then click on Customer chat plugin - set up  
  • click next get the code in last copy that code then click finish -> done

2. On Shopify

  • click on the Online store -> Themes ->  edit code
  • In that past the code which is copied from facebook messenger after starting of body tag

Then also it's not showing the messenger icon on website. Can you please guide me to resolve this? 

0 Likes
Shopify Partner
15 0 1

Hi

Please reply if anyone faces this issue and know how to solve this?

 

0 Likes
Shopify Partner
15 0 1

Hi solve the error by the changing the script 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script> $(document).ready(function() { $.ajax( { url: '//connect.facebook.net/en_US/sdk.js', dataType: 'script', cache: true, success:function(script, textStatus, jqXHR) { FB.init( { appId : '{your-app-id}', xfbml : true, version : 'v2.8' } ); $('#loginbutton,#feedbutton').removeAttr('disabled'); FB.getLoginStatus(updateStatusCallback); } }); }); </script>
0 Likes
Highlighted
Excursionist
17 1 2

Same problem here...

What exactly did you change?

0 Likes