How To Add Facebook Live Chat To Your Website in 10 Minutes


lakhvinder
By lakhvinder | Last Updated on October 15th, 2021 7:16 am
How to add Facebook Live chat to your website in 10 minutes - Appy Pie

How To Add Facebook Live Chat To Your Website in 10 Minutes?

Facebook Live Chat Website Feature is a great tool. If you are looking to add it to your website, then follow these easy steps.

1. Go To Facebook Developers Page

Sign in with your Facebook account and go to developers page. Then, click on create a new app button that is located in top righthand corner of the page.

2. Fill Out The App Details

Once you have clicked the “create a new app” button, you will be directed to the next screen where you must fill out some basic information about your business/website. Once you have filled out the correct category, name of your organization etc., click next. You will be asked to enter your website URL along with upload an image for your business/website. This will be shown in the live chat feature when someone taps on it from their smartphone or desktop device.

3. Create A Webhook And View Your Webhook Code

After creating an app, you will be provided with a webhook code which can be later used while adding the Facebook Live Chat feature to your website. You will also be given other options like setting up Callback URL but for this tutorial, we won’t need this option since we are doing everything on our own domain i.e. www.example.com (without www). So once you see this message, type example into Callback field and press “Create Webhook” button at the bottom of the page:

4. Install Livechat Plugin

Now, go to WordPress dashboard, install and activate the Livechat plugin. Once you have activated it, login to your Facebook page or profile that you want to add the feature on its website. Go to “Settings” menu on the left side of your Facebook page > click on “Live Video” option at the top of the page > then click on the “Get Started” button right next to the live chat icon.

5. Paste The Webhook Code You Got From Facebook

After clicking on the Get Started button, you will be asked to paste your webhook code which is located at Step 3 of this tutorial. Once you press “Connect With Webhook” button, you will be redirected back to Facebook where you can see that your webhook has been successfully initialized. If not, then double check if everything is entered properly and try again until it works fine. While trying this process for first time, some people reported that their app called xxxxxxxxxxxxxxxx has been disabled by Facebook due to security reasons even though they have followed all steps properly from this tutorial. In such case, just wait for a few hours and try again after cache/cookie expires from your browser or device. You may also try refreshing your page or clearing browser cache before trying again.

6. Add Facebook Live Chat To Your Website

Once you have successfully activated your app, go back to WordPress > go to “Livechat” menu item in left side of the page > click on “Facebook Live Chat” option > select “Add To Website” option from the list > paste the code in