Facebook Messenger chat on your landing page

Last updated: July 2, 2020 Written by: Avatar Teresa
Table of contents
Table of contents

If you want your user chat with you in a landing page via messenger, you can add a chat plugin to your LP.

How to add messenger chat to landing page?

1. Log in to your facebook fanpage and go to Settings -> Messenger platform.


2. Find Whitelisted Domains field and paste there a domain on which you want to place the chat.


3. Find Customer Chat Plugin and click “Set up” button.


4. Go through all steps, type your domain again and copy the code that appears.


5. Add the code to your landing page with a custom HTML widget, right click on them and move it to the top of the page.


Remember: don’t forget to click “Move to top”, so the chat will be visible above other elements on your page.

6. Finally, add the code below in the Javascript Code section (in the dashboard) on body top of your landing page.

<script>   window.fbAsyncInit = function() {     FB.init({       autoLogAppEvents : true,       xfbml            : true,       version          : 'v3.2'     });   }; </script>

7. Now the chat plugin should be visible on your landing page.


If you do not want the chat plugin to be visible in the mobile devices (smartphones and tablets), switch off mobile and tablet views for the custom HTML widget with the pasted code.


Was this manual helpful?