{"id":8946,"date":"2023-03-26T17:56:33","date_gmt":"2023-03-26T15:56:33","guid":{"rendered":"https:\/\/vetrinalive.com\/?post_type=news&#038;p=8946"},"modified":"2023-03-26T17:56:33","modified_gmt":"2023-03-26T15:56:33","slug":"how-to-add-facebook-chat-to-your-online-store","status":"publish","type":"news","link":"https:\/\/vetrinalive.com\/da\/news\/how-to-add-facebook-chat-to-your-online-store\/","title":{"rendered":"How to add Facebook Chat plugin to your online store"},"content":{"rendered":"<p>Now you can add Facebook Chat plugin to your vetrinalive ecommerce in few, easy steps.<br>With this new feature you will be able to offer to you customers a direct channel to talk with you both for sales and support questions.<\/p>\n\n\n\n<p>Before to start the configuration, <strong>remember to update your Privacy Policy<\/strong>, clarifying how you will use data collected through the Facebook chat. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Facebook Chat: setup guide for your online store<\/h2>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>To install Facebook Chat on your online shop vetrina live, you have to follow these steps:<\/p>\n\n\n\n<ol class=\"index wp-block-list\"><li>Copy your Vetrina Live online store URL<\/li><li>Setup the Facebook Chat plugin on your FB business page<\/li><li>Add the Facebook Chat Page ID in your vetrinalive Admin Panel<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">1. Copy your Vetrina Live online store URL<\/h3>\n\n\n\n<p>Probably you will already know your shop URL (<strong>https:\/\/app.vetrinalive.com\/shop-name<\/strong>), but if it&#8217;s not the case, you can copy it from your Dashboard in admin panel. Just copy it and go to the next step.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"549\" height=\"283\" src=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-10.00.43.png\" alt=\"\" class=\"wp-image-9011\" title=\"\" srcset=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-10.00.43.png 549w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-10.00.43-300x155.png 300w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-10.00.43-150x77.png 150w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-10.00.43-16x8.png 16w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-10.00.43-350x180.png 350w\" sizes=\"(max-width: 549px) 100vw, 549px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Setup the Facebook Chat plugin on your FB business page<\/h3>\n\n\n\n<p>To setup the Facebook Chat Plugin, from your facebook business page, <strong>click on Inbox<\/strong> on the left and then on <strong>Chat Plugin<\/strong> at the bottom.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-09.58.52-1024x461.png\" alt=\"Facebook Chat plugin setup, how to start\" class=\"wp-image-8983\" title=\"\" srcset=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-09.58.52-1024x461.png 1024w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-09.58.52-300x135.png 300w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-09.58.52-150x68.png 150w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-09.58.52-16x7.png 16w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-09.58.52-700x315.png 700w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-09.58.52.png 1264w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To start the configuration, click on <strong>Setup<\/strong>. In the window opened, choose your language and click on Save &amp; Continue. In the second step, paste or write your shop URL in domain field and go on. In the third step you&#8217;ll see the code that must be added to your website.<\/p>\n\n\n\n<p>For your vetrinalive ecommerce, you don&#8217;t need to copy all the code but just the <strong>Page ID<\/strong> that you will find scrolling the code to the end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"724\" height=\"453\" src=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.36.27.png\" alt=\"copy your facebook chat page id at the end of the code\" class=\"wp-image-9032\" title=\"\" srcset=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.36.27.png 724w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.36.27-300x188.png 300w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.36.27-150x94.png 150w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.36.27-16x10.png 16w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.36.27-575x360.png 575w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/><\/figure>\n\n\n\n<p>To continue with setup, you must click on Copy code but, remember, we will need only the <strong>page_id<\/strong> to install the plugin on your online store. So let&#8217;s complete the setup and click on Finish. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Add the Facebook Chat Page ID in your vetrinalive Admin Panel<\/h3>\n\n\n\n<p>Saved the<strong> Page ID<\/strong>, go back to Vetrina Live admin panel, in Settings &#8211;> Analytics. Scrolling the page you&#8217;ll see the Facebook Chat Extension.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"549\" height=\"431\" src=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.43.47.png\" alt=\"Facebook chat extension in vetrina live admin panel\" class=\"wp-image-9033\" title=\"\" srcset=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.43.47.png 549w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.43.47-300x236.png 300w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.43.47-150x118.png 150w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.43.47-16x12.png 16w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.43.47-459x360.png 459w\" sizes=\"(max-width: 549px) 100vw, 549px\" \/><\/figure>\n\n\n\n<p>Just paste or write your page_id and click on Save.<\/p>\n\n\n\n<p>Facebook chat installation on your ecommerce ends here and you can check it simply accessing your online store.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"662\" src=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.47.35-1024x662.png\" alt=\"and example of vetrina live ecommerce with a facebook chat installed\" class=\"wp-image-9034\" title=\"\" srcset=\"https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.47.35-1024x662.png 1024w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.47.35-300x194.png 300w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.47.35-150x97.png 150w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.47.35-16x10.png 16w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.47.35-556x360.png 556w, https:\/\/vetrinalive.com\/wp-content\/uploads\/2021\/05\/Schermata-2021-05-19-alle-12.47.35.png 1535w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The Facebook Chat is customizable directly on Facebook, going again on the facebook chat plugin. You will be able to move it right (recommended) or left and to change its color at your wish. After you complete this procedure, you can come back to the plugin and explore all the settings and automated messages, in order to make it perfect for your customers.<br><br>Vetrinalive<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/admin.vetrinalive.com\">Admin Panel<\/a><\/div>\n<\/div>","protected":false},"featured_media":9035,"template":"","category_news":[],"class_list":["post-8946","news","type-news","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vetrinalive.com\/da\/wp-json\/wp\/v2\/news\/8946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vetrinalive.com\/da\/wp-json\/wp\/v2\/news"}],"about":[{"href":"https:\/\/vetrinalive.com\/da\/wp-json\/wp\/v2\/types\/news"}],"version-history":[{"count":2,"href":"https:\/\/vetrinalive.com\/da\/wp-json\/wp\/v2\/news\/8946\/revisions"}],"predecessor-version":[{"id":9036,"href":"https:\/\/vetrinalive.com\/da\/wp-json\/wp\/v2\/news\/8946\/revisions\/9036"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vetrinalive.com\/da\/wp-json\/wp\/v2\/media\/9035"}],"wp:attachment":[{"href":"https:\/\/vetrinalive.com\/da\/wp-json\/wp\/v2\/media?parent=8946"}],"wp:term":[{"taxonomy":"category_news","embeddable":true,"href":"https:\/\/vetrinalive.com\/da\/wp-json\/wp\/v2\/category_news?post=8946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}