Facebook Messenger chat on your landing page

08.02.2019

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.

messenger_platform

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

whitelisted_domains

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

customer_chat_plugin

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

code_snippet_messenger

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.

custom_html

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>
fb_code

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

messenger_window_chat

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 article helpful?

You might also check:

chat communication Facebook

Can’t find what you need?

Let us help you!
Send us a message
We are using cookies for analytical purpose. Learn more.