ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Drag and Drop Standard Builder Integrations Center

Using Facebook Comments In A Chat Box?

You can set up Facebook Comments to display in templates that includes a chat box, following the steps below. 

PLEASE NOTE: Facebook Comments are not being updated dynamically in a chat box, so you will not see new comments unless you refresh your page. If you need dynamic updates, please use a chat service such as ChatRoll.  

We do not officially support this process, and it may not work in the future, however if you'd like to give it a try you are more than welcome to do so. 

 

 Step 1: Log into your LeadPages account and click the name of the page you want to use.


Log into your LeadPages Account and click the name of the Page you want to use

Step 2: Copy the URL for the page from the LeadPages Publishing options.

Copy the URL for the page

Step 3: Go to Facebook's Comments plugin page.

You can find the Facebook Comments plugin page here: https://developers.facebook.com/docs/plugins/comments. Click on the "Comments Plugin Configurator" button, as shown below:


 

Step 4: Add your information into the Facebook Comments Code Generator.

Update the fields in Facebook's Code Generator as follows:

  1. Paste your LeadPage URL into the 'URL to comment on' field.
  2. Set the width to '640' in the 'Width' field.
  3. Set the number of comments you want to be visible on your LeadPage in 'Number of Posts'.
  4. Click on the 'Get Code' button.

Add your information into the Facebook Comments Code


Step 5: Copy the top JavaScript code and paste it inside of your LeadPages Tracking Code Section.

Your Facebook top JavaScript code will look similar to this:


Copy the Code from the top box so you can paste it into your LeadPage


To Add the top JavaScript code into the Tracking Code options for your LeadPage:

Step 6: Click on Lead Page Options, then click Tracking Codes.


Add the Facebook Comments code into the Tracking Code for your LeadPage


Step 6b: Paste the top JavaScript code into the Head-Tag section.

Paste the top JavaScript Code into the Head-Tag Tracking Code box as shown, and click Done:


LeadPages™

Step 7: Copy the plugin code from the Facebook Comments Code Generator

Your plugin code will look similar to this:

 

Your Facebook Comments should now appear in your chat box! If you have any questions regarding the Comments Plugin code, please consult Facebook's documentation at https://developers.facebook.com/docs/plugins/comments.

 

(Updated 1/13/16)

Please let us know if you need anything further.

You can always file a support ticket if you have additional questions by clicking the Support button in your dashboard shown here or clicking here to file a support ticket.

Please let us know if you need anything further.
Was this article helpful?
1 out of 1 found this helpful
Powered by Zendesk