{"id":165,"date":"2018-02-03T12:23:19","date_gmt":"2018-02-03T12:23:19","guid":{"rendered":"https:\/\/customers.ai\/wp-chatbot\/?p=165"},"modified":"2018-08-28T10:08:51","modified_gmt":"2018-08-28T04:38:51","slug":"messenger-theme-color","status":"publish","type":"post","link":"https:\/\/customers.ai\/wp-chatbot\/messenger-theme-color\/","title":{"rendered":"Change Messenger Theme Color"},"content":{"rendered":"\n<p>To change the Messenger theme color<\/p>\n\n\n\n<p>At the plugin Settings page, at the color field<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/customers.ai\/wp-chatbot\/wp-content\/uploads\/2018\/02\/change_messenger_color.png\"><img loading=\"lazy\" width=\"734\" height=\"364\" src=\"https:\/\/customers.ai\/wp-chatbot\/wp-content\/uploads\/2018\/02\/change_messenger_color.png\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/customers.ai\/wp-chatbot\/wp-content\/uploads\/2018\/02\/change_messenger_color.png 734w, https:\/\/customers.ai\/wp-chatbot\/wp-content\/uploads\/2018\/02\/change_messenger_color-300x149.png 300w\" sizes=\"(max-width: 734px) 100vw, 734px\" \/><\/a><\/figure>\n\n\n\n<p>Add any Hex color code. ( except white,\u00a0 Facebook\u00a0highly recommend to choose a color that has a high contrast to white )\u00a0<\/p>\n\n\n\n<p>The given color effect on<\/p>\n\n\n\n<ul><li>The background color of messenger icon<\/li><li>Chat\u00a0 link text color<\/li><li>The background color of the message sent by a user<\/li><li>Icons that appear in the chat window &#8211; like an icon, info icon, send icon.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/customers.ai\/wp-chatbot\/wp-content\/uploads\/2018\/02\/custom_color.png\"><img loading=\"lazy\" width=\"421\" height=\"650\" src=\"https:\/\/customers.ai\/wp-chatbot\/wp-content\/uploads\/2018\/02\/custom_color.png\" alt=\"\" class=\"wp-image-176\" srcset=\"https:\/\/customers.ai\/wp-chatbot\/wp-content\/uploads\/2018\/02\/custom_color.png 421w, https:\/\/customers.ai\/wp-chatbot\/wp-content\/uploads\/2018\/02\/custom_color-194x300.png 194w\" sizes=\"(max-width: 421px) 100vw, 421px\" \/><\/a><\/figure>\n\n\n\n<p>Leave the field empty, for default messenger color theme.<\/p>\n\n\n\n<p>( Best color is the color which represents your brand )<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[chatbot color=\"#59d600\"]<\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>If you like this plugin,<\/p>\n\n\n\n<p>Please give a\u00a0<a href=\"https:\/\/wordpress.org\/support\/plugin\/wp-chatbot\/reviews\/#new-post\" target=\"_blank\" rel=\"noreferrer noopener\">5-star rating<\/a>,<\/p>\n\n\n\n<p>Friend on <a href=\"https:\/\/www.facebook.com\/holithemes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a>, Subscribe on <a href=\"https:\/\/www.youtube.com\/channel\/UC2Tf_WB9PWffO2B3tswWCGw\/\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube<\/a>, <a href=\"https:\/\/twitter.com\/holithemes\" target=\"_blank\" rel=\"noreferrer noopener\">Twitter<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n","protected":false},"excerpt":{"rendered":"<p>To change the Messenger theme color At the plugin Settings page, at the color field Add any Hex color code. ( except white,\u00a0 Facebook\u00a0highly recommend to choose a color that has a high contrast to white )\u00a0 The given color effect on The background color of messenger icon Chat\u00a0 link text color The background color &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/customers.ai\/wp-chatbot\/messenger-theme-color\/\"> <span class=\"screen-reader-text\">Change Messenger Theme Color<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","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":""},"categories":[8],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/posts\/165"}],"collection":[{"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":11,"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/posts\/165\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/posts\/165\/revisions\/539"}],"wp:attachment":[{"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/media?parent=165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/categories?post=165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/customers.ai\/wp-chatbot\/wp-json\/wp\/v2\/tags?post=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}