InternetTechnologyWordPress
How to integrate Facebook Messenger in your website ( Embed Messenger)

How to integrate Facebook Messenger in your website ( Embed Messenger)

By: SolutionsHint    60 views Updated: 06th Dec, 2017

In this tutorial i am going to explain ” How to integrate Facebook Messenger in your website “
in our website . Facebook have many integration Api with the help of that we can embed Facebook like, Facebook share, Facebook post button in our website .
But here i will guide you how to integrate Facebook Messenger in your website easily with in some steps .

How to How to Integrate Facebook Messenger in your website

  1. Go to https://developers.facebook.com/apps  and create New App if you have not created yet.
  2. Create App , after successfully creation Facebook will provide you Facebook App ID.
  3. Now go https://developers.facebook.com/docs/reference/javascript/ and copy Facebook  Java Script SDK.
  4.  Add following Java script code inside the body tag <body> Just after opening body tag .

  5. <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId : ‘240319579784628’,
    xfbml : true,
    version : ‘v2.6’
    });
    }
    (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 = “//connect.facebook.net/en_US/sdk.js”;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));
    </script>
  6. Notes  : Above same script you can use in your blog and website but don’t forget to replace App ID with your App ID .
  7. Add following line in your page where you want to basically show you Messenger box .
  8.  Put bellow code into the footer area before </body> tag.
  9.  <a href=”https://m.me/websitesdevelopmenthub” target=”_blank”></a>

Step 1 : First create App ID from https://developers.facebook.com/apps .

How to integrate Facebook Messenger in your website ( Embed Messenger)

Step 2 : Replace  appId : ‘240319579784628’ with your App ID .

How to integrate Facebook Messenger in your website

” Congratulation you have successfully integrate Facebook messenger in your application “

About the Author

I am a professional blogger from my heart, I am going through all the possible ways that can help to audience. I am trying my best to write content that my readers will like me. I will really be happy when my readers will become more happy with my blog.

Leave a Reply

Your email address will not be published. Required fields are marked *