Facebook chat! Simply the best way for your business to communicate in real time with your visitors.  

Facebook has developed a Messenger Chat system that makes it easy to integrate chat services on your listing pages.  

Use it as a widget or as a clickable button below your profile image!


  1. Facebook does sometimes make changes to their UI.  Facebook provided instructions for configuring and white-listing chat on your site can be found here. 

  2. Use of the Facebook Messenger Chat system requires use of a facebook business page.  This is not available for connection to your personal facebook profile. 

  3. The Facebook Chat system when in use on your site will appear similarly to the example below.

Obtaining your Facebook Page ID#

Before you can enable this feature as a button or as a widget, you'll need to create an ID to use from your Facebook profile.  To use this feature, you must have a Facebook Business page. 

Step 1:

Whitelist your website domain in your facebook business account. 

Go to Facebook page and click Settings at the top of the page.

Click Messenger Platform on the left.

Scroll down to Whitelisted Domains section, add site url and click Save button.

STEP 2: 

Obtain your Page ID from your Facebook profile.  

Click Page button at the top of the page.

Click About button on the left.

Copy your page ID.

Using Facebook Chat as a clickable button: 

An easy way to make sure your visitors do not miss your facebook chat availability, you may integrate a Facebook button directly into the hero section of your team member profile. 

In the "Design" Tab of your AF Editor, open the Header Subcategory. 

Select Facebook Chat from the Chat Button dropdown option. 

Place your Facebook Page ID. 

Your button will now be displayed in the header area of your profile.  You may additionally update the button label text as desired.  

Using Facebook Chat as an on page chat widget

In the Call to Action tab, enable the Facebook Messenger. 

Place your Facebook Page ID

Be sure to save your work! 

The Facebook chat button will appear in bottom right corner!

Further Education: 

  1. Connecting your agent photo

  2. Configuring your Agent Attributes

  3. Dial in your SEO and Page Settings

  4. Building your Team Member Page Content

  5. Displaying Testimonials

  6. Integrating Facebook Chat

  7. Integrating Calendly

  8. Connecting ShowcaseIDX

  9. Connecting Listings V2/V3

  10. Connecting Diverse Solutions 

  11. Creating a Team Roster page

  12. Changing the logo in the roster filters

Did this answer your question?