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 [COMMENTS CLOSED] 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 website and learn more about Tennis Lessons in Boca Raton

4-Star Rating

Great Article would have like to see more screen shots.

Robert [Jun. 26, 2019]
Visit my website and learn more about Self improvement for sports and coaching

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 website and learn more about Morning Beans blog for woman ages 30 and up.

Newest Articles...
Inappropriate Photos
Kids Are Putting You, Themselves, and Their Future at Risk.
[Security] Sep-17-2019: Kids are prone to sharing photos, problem is some may be breaking the law, and you may be held liable.
Angry customer
Train Your Employees on How to Talk to Customers
[Business] Sep-16-2019: If you don't take care to train employees on how to treat customers with respect you are losing business and your reputation suffers.
Don't Play Doctor Online
Do Not Play Doctor Online You May Get More Than You Bargained For
[Online Shopping] Sep-10-2019: Be careful when purchasing medical or dental supplies online. Some products are not meant for consumers.
Business Cards
The Real Cost of Buying Business Cards Online
[Online Shopping] Sep-06-2019: The prices sound too good to be true, if you're willing to wait 2-3 weeks and avoid any additional charges you can save.
No Phishing No Spam
Email is Your Greatest Risk and You Cannot Live Without It
[Security] Sep-05-2019: Email is the weakest point in your enterprise or home environment and accounts for most malware.
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