INTEGRATING FACEBOOK MESSENGER WITH YOUR WEBSITE

Install Facebook Messenger onto your site to talk directly with your website customers.

🔎Note: The Facebook chat integration requires a Facebook Business Manager account.

Skip ahead to

 

What is Facebook Business Manager?

Facebook Business Manager is a tool that helps organize and manage your business. You can:

  • Separate your personal profile from your business page for more privacy.
  • Manage multiple Facebook pages, business assets, ad accounts, Instagram accounts, and product catalogs in one place.
  • Securely share full or partial access to team members.
  • Build different custom audiences for different ad campaigns.

Creating a Facebook Business Manager account

  1. Log in to business.facebook.com and click Create Account.

    Screen Shot 2020-08-31 at 2.15.19 PM
  2. In the required fields, add your business and account name, personal name, and business email.
  3.  Click Next.

    Screen Shot 2020-08-31 at 2.28.24 PM-1
  4. On the next page, add your business's address, phone number, website information, and select the business use case for the Facebook account.   
  5.   Click Submit

    Screen Shot 2020-08-31 at 2.33.42 PM-1
  6. Confirm your email address and click Done.

Screen Shot 2020-08-31 at 2.51.13 PM-2

Viewing your Facebook Business Manager page

To access your Facebook Business Manager page follow these steps: 
  1. Click Business Settings.
    Screen Shot 2020-08-31 at 3.20.43 PM-1
  2. Click Pages and select Add a Page

    Screen Shot 2020-08-31 at 4.02.02 PM
  3. Add your Facebook Page name or URL and click Add Page.

    Screen Shot 2020-08-31 at 4.13.01 PM
  4. Click View Page to see your Facebook Business Manger page.

Screen Shot 2020-08-31 at 4.52.17 PM

 

Integrating Facebook Messenger with your site

  1. From the Facebook Business Manager page, click Settings

    Screen Shot 2020-08-31 at 5.25.00 PM
  2. Click Messaging.

    Screen Shot 2020-08-31 at 5.52.09 PM
  3. Scroll down to Add Messenger to your website and click Get Started.
    Screen Shot 2020-08-31 at 5.58.26 PM
  4. Click Next.

    tempsnip
  5. To change the default greeting, click Change and enter the message you would like customers to see.
  6. Click Next.

    QWDQWD
  7. To customize the colors on your chat plugin, turn on Custom colors and choose the color that matches your brand or website.
  8. Click Next.

    dcWDCWE
  9. Add the domain(s) the chat plugin will be using and click Save

    3
  10. Choose an option to install the plugin's code snippet on your website.
    1. If you choose I'll install the code by myself, copy the code snippet and insert it directly in the HTML of every page where you want the plugin to appear. Place the code snippet after the opening <body> tag of the HTML document.    
    2. If you select Email instructions to your developers, email the code snippet to the lead builder of your website.
  11. Click Finish.

    5-1