{"id":2365,"date":"2018-06-18T20:13:51","date_gmt":"2018-06-18T14:43:51","guid":{"rendered":"http:\/\/holithemes.com\/blog\/?p=2365"},"modified":"2018-06-18T20:13:51","modified_gmt":"2018-06-18T14:43:51","slug":"add-facebook-messenger-on-your-website","status":"publish","type":"post","link":"https:\/\/holithemes.com\/blog\/add-facebook-messenger-on-your-website\/","title":{"rendered":"Add Facebook Messenger on your Website"},"content":{"rendered":"\n<p>By adding Facebook Messenger on your WordPress Website, your Website vistors can interacting with the people who visited your website.<\/p>\n\n\n\n<p>To Install WP-Chatbot on WordPress Website.<\/p>\n\n\n\n<p>From WordPress Dashboard<\/p>\n\n\n\n<p>Navigate to\u00a0 Plugins -> Add New<\/p>\n\n\n\n<p>Search for the keyword &#8220;WP Chatbot&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/2.png\"><img decoding=\"async\" width=\"656\" height=\"308\" src=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/2.png\" alt=\"Add facebook messenger on your website\" class=\"wp-image-2369\" srcset=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/2.png 656w, https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/2-300x141.png 300w\" sizes=\"(max-width: 656px) 100vw, 656px\" \/><\/a><\/figure>\n\n\n\n<p>Now install the plugin and click on activate.<\/p>\n\n\n\n<p>After activate the plugin go to the settings.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/3.png\"><img decoding=\"async\" width=\"878\" height=\"85\" src=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/3.png\" alt=\"Add facebook messenger on your website\" class=\"wp-image-2370\" srcset=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/3.png 878w, https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/3-300x29.png 300w, https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/3-768x74.png 768w\" sizes=\"(max-width: 878px) 100vw, 878px\" \/><\/a><\/figure>\n\n\n\n<p>Plugins Settings<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"937\" height=\"907\" src=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/07\/WP-Chatbot_settings.png\" alt=\"WP-Chabot Settings\" class=\"wp-image-3386\" srcset=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/07\/WP-Chatbot_settings.png 937w, https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/07\/WP-Chatbot_settings-300x290.png 300w, https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/07\/WP-Chatbot_settings-768x743.png 768w\" sizes=\"(max-width: 937px) 100vw, 937px\" \/>\n\t<figcaption>WP-Chabot Settings<\/figcaption>\n<\/figure>\n\n\n\n<p>WP &#8211; Chatbot provides many customise settings. <\/p>\n\n\n\n<p>Enable &#8216;Yes&#8217;,<\/p>\n\n\n\n<p>All the fields are not mandatory and only one field is required &#8216;Facebook Page Id&#8217;. Don&#8217;t forget to add the <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/whitelisted-domains\/\">whitelist domain name<\/a> at facebook page settings.<\/p>\n\n\n\n<p>Add Facebook Page Id. Click on save changes.<\/p>\n\n\n\n<p>Find <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/find-facebook-page-id\/\">Facebook Page ID<\/a>\u00a0<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Whitelist\u00a0domain name<\/h4>\n\n\n\n<p>Don&#8217;t forget to add the domain name to the Facebook page settings.<\/p>\n\n\n\n<p>To add the domain name, go to the facebook page settings, click on messenger platform, scroll down you can find the field named Whitelisted Domain, add the domain name of your website in that particular field. Click on save changes.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/6.png\"><img decoding=\"async\" width=\"609\" height=\"174\" src=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/6.png\" alt=\"add facebook messenger on your website\" class=\"wp-image-2372\" srcset=\"https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/6.png 609w, https:\/\/holithemes.com\/blog\/wp-content\/uploads\/2018\/06\/6-300x86.png 300w\" sizes=\"(max-width: 609px) 100vw, 609px\" \/><\/a><\/figure>\n\n\n\n<p>Now visit your website you can find the Facebook messenger on your web page.<\/p>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Other Plugin Settings<\/h3>\n\n\n\n<p><strong>Facebook App-Id:<\/strong><br\/><a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/facebook-app-id\/\">Facebook App-Id<\/a> is not mandatory, but by adding app-id analytics page can be viewed.<br\/><br\/><strong>Color:<br\/><\/strong>Can\ufeff change the <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/messenger-theme-color\/\">Messenger theme color<\/a> by selecting the various colors and is the field is left blank default color will appear.<br\/><br\/><strong>Logged in Greeting:<br\/><\/strong>This field is left empty for default message and displays the greeting message when the user is <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/change-facebook-messenger-greetings-text\/\">logged in<\/a>.\u00a0<br\/><br\/><strong>Logged out Greeting:<\/strong><br\/>This field is left empty for default message and displays the greeting message when the user is <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/change-facebook-messenger-greetings-text\/\">logged out<\/a>. <br\/><br\/><strong>Greeting Dialogue Display:<\/strong><br\/>By default, <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/greeting-dialog-display\/\">Greeting Dialogue Display\u00a0<\/a>will display on Desktops, and hide on Mobile Devices.<br\/><br\/><strong>Greeting Dialogue Delay:<\/strong><br\/>Set the number of seconds of delay before the <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/greeting-dialog-delay\/\">greeting dialog<\/a> is shown after the Facebook SDK is loaded.<br\/><br\/><strong>Messenger Language:<\/strong><br\/>Most of the <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/messenger-language\/\">languages<\/a> are not been added yet, as\u00a0Facebook SDK doesn&#8217;t support all the languages.<br\/><br\/><strong>Ref:<\/strong><br\/>There are multiple ways to use\u00a0<strong>ref<\/strong>\u00a0attribute.<br\/>Based on the <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/messenger-ref\/\">Ref<\/a> value, you can arrange the bot to start the chat from a specific place.<br\/><br\/><strong>Hide Based on Post Type:<\/strong><br\/>Can hide the messenger based on the type of the page.<br\/>If it is checked ( ticked ) it means <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/show-hide-messenger-based-on-type-of-the-page\/\">Hide Messenger<\/a>.<br\/><br\/><strong>Post, Page Id&#8217;s to Hide:<\/strong><br\/>To Hide Messenger on selected posts, pages or any post type, Add post ID in \u2018<a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/hide-messenger-based-on-post-id\/\">Post, Page ID\u2019s to Hide<\/a>\u2018 field.<br\/><br\/><strong>Categories to Hide:<\/strong><br\/>Based on Category name, we can hide Messenger.<br\/>To <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/hide-messenger-based-on-category\/\">hide multiple categories<\/a> \u2014 Separate each category with a comma (,)<br\/><br\/><strong>Hide Based on Devices:<br\/><\/strong>Can <a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/show-hide-messenger-based-on-type-of-the-page\/\">hide the messenger<\/a> based on the type of the device that is checked\/ticked.<br\/><br\/><strong>Shortcode name:<br\/><\/strong>Default shortcode name is \u2018chatbot\u2019.<br\/>Can change the name, by adding some value at \u2018<a href=\"https:\/\/holithemes.com\/blog\/wp-chatbot\/change-shortcode-name\/\">Shortcode name<\/a>\u2019 field and save.<br\/><br\/><strong>\ufeff<\/strong><\/p>\n\n\n\n<p><br\/><\/p>\n\n\n\n<p><br\/><br\/><br\/><br\/><\/p>\n\n\n\n<p><br\/><\/p>\n\n\n\n<p><br\/><br\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>By adding Facebook Messenger on your WordPress Website, your Website vistors can interacting with the people who visited your website. To Install WP-Chatbot on WordPress Website. From WordPress Dashboard Navigate to\u00a0 Plugins -> Add New Search for the keyword &#8220;WP Chatbot&#8221; Now install the plugin and click on activate. After activate the plugin go to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"no-ads-template.php","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7],"tags":[23,24,25],"class_list":["post-2365","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-facebook-messenger","tag-messenger-for-website","tag-wp-chatbot"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/posts\/2365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/comments?post=2365"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/posts\/2365\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/media?parent=2365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/categories?post=2365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/blog\/wp-json\/wp\/v2\/tags?post=2365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}