{"id":1818,"date":"2022-05-17T07:31:25","date_gmt":"2022-05-17T07:31:25","guid":{"rendered":"https:\/\/coral100.com\/?p=1818"},"modified":"2024-07-24T11:31:21","modified_gmt":"2024-07-24T11:31:21","slug":"how-to-add-facebook-chat-widget-coral100","status":"publish","type":"post","link":"https:\/\/coral100.com\/index.php\/how-to-add-facebook-chat-widget-coral100\/","title":{"rendered":"How to add Facebook Chat Widget ?"},"content":{"rendered":"

How to add Facebook Chat Widget ?<\/h2>\n

If you have a blog or website. Facebook Chat Widget Or you are providing any service through your website. So it is important that you have a connectivity facility on your site. To get in touch, you will find contact forms on almost all sites or blogs. Live chat option is a must for quick resolution of your visitor\u2019s or clients\u2019 problems. So today we tell you how to embed Facebook Chat Widget in your website?<\/p>\n

<\/span>How to add Facebook Chat Widget to your website?<\/h2>\n

Everyone who uses an online service today, or is connected to the Internet, has a Facebook page or profile. You can quickly answer your visitor\u2019s or customer\u2019s questions or feedback by embedding your Facebook Messenger into your website. You don\u2019t need to embed any other company\u2019s chatbox on the website.<\/p>\n

When you use another company\u2019s chatbox on your website, you need to have an assistant. Which can give correct answers to your visitors.<\/p>\n

Here I am telling 2 ways. One for WordPress users and with the second method you can use it on any CMS.<\/p>\n

<\/span>WordPress User How To Embed Facebook Chat Widget In Your Website?<\/h2>\n

If your site is WordPress then it is very easy for you. You can embed Facebook Chat on your site just by using a plugin.<\/p>\n

1 First you download the\u00a0Facebook Chat Plugin \u2013 Live Chat Plugin for WordPress<\/a>\u00a0plugin.<\/p>\n

\"Facebook<\/p>\n

<\/span>Installation<\/h2>\n

<\/span>PRE-REQUISITES<\/h4>\n

Requires WordPress Version:<\/strong>\u00a03.9 or higher<\/p>\n

Requires PHP Version:<\/strong>\u00a05.2.4 or higher<\/p>\n

Facebook Presence<\/strong>
\nIn order to use the Chat Plugin, you will need to have a published Facebook Page. You can find a list of your Facebook Pages by following this\u00a0link<\/a>. If you do not have a Facebook Page, you can create one for free\u00a0here<\/a>.
\nOnce you have your Facebook Page ready, you will be asked to log in to Facebook on the computer or device you are using to install the plugin. You can then follow the directions below.<\/p>\n

<\/span>INSTALLING<\/h4>\n

To install the Chat Plugin:
\n1. Log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.
\n2. In the search field, type \u2018Facebook Chat Plugin\u2019 and click \u2018Search Plugins\u2019. Select the plugin authored by \u2018Facebook\u2019. You can install it by simply clicking \u2018Install Now.<\/p>\n

<\/span>UPDATING<\/h4>\n

Following the\u00a0Facebook platform and versioning<\/a>, all versions will be supported for 2 years from launch. Updating should be safe and easy.<\/p>\n

\"Facebook
Facebook Chat Widget<\/figcaption><\/figure>\n

<\/span>CONFIGURE PLUGIN FOR FIRST USE<\/h4>\n

After navigating to the Chat Plugin settings page, click on \u2018Setup Customer Chat.\u2019 A new window will appear for setting up the plugin and you will be asked to select the Facebook<\/p>\n

Page you want to use. Next, you will go through the plugin setup with the following steps:
\n1. You will be asked to select the language and you can customize the greeting message. The default greeting is \u201cHi! How can we help you?\u201d
\n2. The next screen allows you to select your response time and chat color. By setting the response time, you can set expectations with your customers on when they will receive a response
\n3. Next, click on \u2018Finish\u2019 to save these settings and click \u2018Done\u2019 to close this window. The Messenger customer chat plugin should now be installed.
\n4. You can rerun the setup by clicking \u2018Edit Customer Chat\u2019. To remove the plugin, you can deactivate the plugin\/uninstall it.<\/p>\n

\"Facebook<\/p>\n

That\u2019s it! You\u2019re all set. Now all visitors to your WordPress website will see the Messenger customer chat plugin and can message you.<\/p>\n

<\/span>How To Install Without Plugin Facebook Chat Widget In Your Website?<\/h2>\n

So let\u2019s make Facebook Chat Widget without Plugin. Which you can embed in any website.<\/p>\n

<\/span>Create Facebook App ID or login<\/h3>\n
    \n
  • First of all hit this URL in the new tab https:\/\/developers.facebook.com\/apps\/<\/li>\n
  • Select the type of your app.<\/li>\n
  • Click on \u201c+ Add New App\u201d.<\/li>\n
  • Enter Display Name and Contact Email in your App ID.<\/li>\n
  • Then click on Create App ID.<\/li>\n<\/ul>\n

    \"Facebook<\/p>\n

      \n
    • Now you have to open Facebook Business Suite.<\/li>\n
    • Select your business account here.<\/li>\n
    • After this open the Chat Plugin tab.<\/li>\n
    • In Setup Your Chat Plugin, you have to give the domain of the website.<\/li>\n<\/ul>\n

      \"Facebook<\/p>\n

      After clicking on Setup, you have to complete all the steps. After adding the domain, the code will appear in front of you. You have to paste this code into your website.<\/p>\n

      \"Facebook<\/p>\n","protected":false},"excerpt":{"rendered":"

      How to add Facebook Chat Widget ? If you have a blog or website. Facebook Chat Widget Or you are providing any service through your website. So it is important that you have a connectivity facility on your site. To get in touch, you will find contact forms on almost all sites or blogs. Live […]<\/p>\n","protected":false},"author":1,"featured_media":2203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[51,48,50,49],"class_list":["post-1818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-chat-widget","tag-facebook","tag-facebook-chat","tag-facebook-chat-widget"],"_links":{"self":[{"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/posts\/1818"}],"collection":[{"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/comments?post=1818"}],"version-history":[{"count":3,"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/posts\/1818\/revisions"}],"predecessor-version":[{"id":2520,"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/posts\/1818\/revisions\/2520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/media\/2203"}],"wp:attachment":[{"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/media?parent=1818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/categories?post=1818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coral100.com\/index.php\/wp-json\/wp\/v2\/tags?post=1818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}