how to integrate facebook messenger on website

Nowadays every website owner likes to find the best way to contact their customers so that he/she can contact them easily. There are many chat options are available but most of them are paid. So Facebook Messenger is the best way to interact with your website visitors because most of the people in this world have their Facebook accounts. So using Facebook messenger will make easy for both website owner and website visitor to contact each other.

In this article, I will show you steps to integrate Facebook messenger to your website so that your website visitors can contact you easily via Facebook Messenger:

Step 1: Install WP Chatbot Plugin

We will use WP Chatbot plugin to add facebook messenger on the website. So firstly we will install this plugin. In order to install this plugin you need to go to Plugins >> Add New.

Then search for ‘WP Chatbot’ in the plugin search box and then you will see this plugin. Click on Install Now and then Activate button.

use facebook messenger on website

  • Bluehost

  • Step 2: Login to the developer account.

    Click here to login to facebook developer account. If you are already logged in in facebook then you don’t need to log in again to developer again. You will be automatically logged in to the developer account.

    login to facebook developer account

    Step 3: Create a New App

    At the top right corner of Facebook Developer Account you will see ‘My Apps‘ click on it and then click on Add a new app.
    create new app on facebook

    After Clicking on Add a New App you will see this popup window. You need to give a name to your app and then click on Create App ID button.

    give facebook app a name

    Step 4: Enter code for Security Check

    After click on the Create App ID button, it will perform a security check. So you need to enter given code or text and then click on Submit button.

    enter text to create facebook app

    Once you will click on Submit button, then on the next screen you will see App id at the top of your screen. You need to copy this App id because we need this ID in order to use facebook chatbox on our website.

    Step 5: Copy APP ID

    find app id in facebook

    Step 6: Go to Chatbot and Enable it

    If you have installed and activated WP Chatbot plugin then you will see WP Chatbot panel on WP Dashboard. Click on it and you will be redirected to WP Chatbot settings page. Firstly enable this plugin. Now we need two things to make this plugin work. First, is Facebook APP ID which we have already created. Enter App ID here and the second thing we need is Facebook page ID. In the next step, I will show you that how can you find facebook Page ID.

    Step 7: Find Facebook Page ID

    We have our App id and now we need facebook page ID. So in order to find facebook page ID, we need to go to our page and then click on About from the left menu(Please check below image).

    find page id in facebook

    Then on about page, you need to scroll down where you will find your Facebook Page ID. We need this ID so that we will be able to complete facebook messenger installation on the website.

    how to find facebook page id

    Step 8: Enter Facebook Page ID

    Now again go to WP Chatbot from WordPress dashboard and then enter this page id on Facebook Page ID textbox and then scroll down and click on Save Changes button.

    facebook page id

    WP Chatbot Setting page

    After Clicking Save Changes button goes to your website and then you will see that facebook chatbox is installed on your website. Now, you will be able to chat with your website visitors directly from your facebook messenger.

    facebook messenger chatbox on website

    Sharing is caring!

    Rishab Kapoor on FacebookRishab Kapoor on LinkedinRishab Kapoor on TwitterRishab Kapoor on Youtube
    Rishab Kapoor
    A Blog writer, a Web developer and a passionate teacher. Teaching on YouTube from last 7 years. Like to write articles about Web designing, Web development, Digital Marketing, and Online money making techniques. If you have any question about Web technologies and your career then you can contact me via above my social media profiles.