Add Facebook Messenger Popup to Your Site

Competetive Marketing

Add Facebook Messenger Popup to Your Site

[Category: Programming]
Jun. 24, 2019

Messenger

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"
 page_id="9999990000088888"
 minimized="true"›
‹/div›
‹script›
  window.fbAsyncInit = function() {
    FB.init({
      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); 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>

‹pre›‹!-- Your customer chat code --›
‹div class="fb-customerchat"
  attribution=setup_tool
  page_id="9999990000088888"
  theme_color="#000000"›
‹/div›
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 https://tennisinboca.com 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 https://hk-relax.com 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 https://www.morningbeansblog.com and learn more about Morning Beans blog for woman ages 30 and up.


Newest Articles...
Fake Ads
Are Ads No Longer Reasonable for the Sane Person
[Shopping] Dec-27-2019: Today's ads are so out there it's getting really difficult to believe anything.
Focus on sales not solutions
Amazon is Too Busy Pushing Sponsors to Give Good Results
[Shopping] Dec-09-2019: Instead of focusing on better search results there is a focus on pushing Sponsored vendors.
2016 Kia Soul EV and charger
After Two Years The Kia Soul EV Still The Right Choice
[Shopping] Dec-02-2019: Driving an electric car other than a Tesla is not as crazy as the media would have you believe.
Save on Outdoor Signs
Using Yard Signs for Indoor or Outdoor Security Warning Sings
[Shopping] Nov-26-2019: Try PVC instead of aluminum and you can save money plus customize the signs.
MailChimp Free Hosting
Plenty of ways to publish a website for FREE
[Web SEO] Nov-21-2019: Domain hosting is available for the masses with easy to use and set up and you can even get your domain name.
Additional Articles Continued...
Robert Furst Competitive Marketing • 22052 Las Brisas Circle • Boca Raton • Florida • 33433 (754) 307-4954
LinkedIn    Twitter    Messenger    Facebook    Pintrest
©2020 -
RF-. All rights reserved.   Privacy & Usage