Add Facebook Messenger Popup to Your Site

Competetive Marketing

Add Facebook Messenger Popup to Your Site

[Category: Programming]
Jun. 24, 2019


Before you begin, you have to have a Facebook account to create the Facebook App ID that is required. You are also going to need to create a business Page so that your Messenger account is under your business name. Prepare for at least 30 minutes to set this up.

Facebook offers instructions on connecting Messenger to your website. Unfortunately, they are difficult to follow, and the code contains typos. Feel free to give the Facebook instructions a try; they may finally fix the instructions so you may be in luck.

Step 1. If you have already created a Facebook business page, skip the rest of this step. Log unto this Facebook link to create a business page.

Step 2. Get your Facebook page ID. To find your Facebook ID number "9999990000088888"(a) Go to Business Settings, (b) Click Business Info, (c) Below the Business Manager Info section, you'll see your ID number. Copy that number you are going to need it.

Step 3. Create an App ID. Note: This is not connected to your business page yet. Don't get lost here; stick to the script. Visit Facebook Developer Page for Apps. You will be asked to give the App a name; it is only for you so that you can easily identify the App. Next, enter your email address, use the one associated with your Facebook account; it is only for notification purposes. Facebook will give you an App ID # something like App ID: 0000000000111111. Copy that number you are going to need it later on. You can at this time connect the App if you like to your business page, but it is not necessary.

Step 4. Insert the code just before ‹/body› tag on your HTML page, the reason is you want the messenger icon to load after the rest of the page has loaded.

Before placing: Bold numbers need to be changed. 9999990000088888 (swap with the Facebook Page ID), 0000000000111111 (swap with App ID), #000000 (theme color - change it to match your website).

‹div class="fb-customerchat"
  window.fbAsyncInit = function() {
      appId            : '0000000000111111',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
(function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); = id;
     js.src = "";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

‹pre›‹!-- Your customer chat code --›
‹div class="fb-customerchat"
Share this page now!

Visitor Comments: Average Rating - 4 Stars [Comment] Note: Pages are moderated.

3-Star Rating

Just thought you might want to mention that when the visitor is not signed into Facebook the popup does not appear.

Hal [Jul. 03, 2019]
Visit my webpage at

4-Star Rating

Great Article would have like to see more screen shots.

Robert [Jun. 26, 2019]
Visit my webpage at

5-Star Rating

Nice. Better than paying for a service no one uses.

Jack123 [Jun. 26, 2019]

5-Star Rating

The only reason Facebook continues to get away with this is that they are so big.

Jack [Jun. 26, 2019]
Visit my webpage at

Newest Articles...
Free stuff same price
Save when shopping online
[Online Shopping] Jul-19-2019: You can save nearly $200 on a $799 purchase but it's going to require research.
Angry former employee
Former Employees Posting Really Bad Reviews
[Web SEO] Jul-12-2019: Employees are fighting back when fired posting negative comments about their former employers.
Are you getting the best price
Thanks to the Internet You Are Paying More
[Online Shopping] Jul-09-2019: Amazon is not the cheapest and just because a website lists a price doesn't mean you have to pay that amount.
Criminals Stay Out
Adult Websites Are Too Risky
[Fraud] Jul-05-2019: Many people seek to hide their activities online and end up getting scammed.
Editing Content
No More Mr. Nice Guy
[Web SEO] Jun-30-2019: Allowing someone without training tell you how do do your job is not doing your job at all.
Additional Articles Continued...
Robert Furst Competitive Marketing • 22052 Las Brisas Circle • Boca Raton • Florida • 33433 (754) 307-4954
LinkedIn    Twitter    Messenger    Facebook    Pintrest    Alexa
©2019 -RF-. All rights reserved.   Privacy & Usage