{"id":597,"date":"2022-05-11T13:04:07","date_gmt":"2022-05-11T13:04:07","guid":{"rendered":"https:\/\/chatsupport.co\/blog\/?p=597"},"modified":"2022-05-11T14:39:41","modified_gmt":"2022-05-11T14:39:41","slug":"add-live-chat-support","status":"publish","type":"post","link":"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/","title":{"rendered":"How to Add Live Chat Support to Your Website"},"content":{"rendered":"\n<p>Did you know that <a href=\"https:\/\/techjury.net\/blog\/live-chat-statistics\/\" target=\"_blank\" rel=\"noreferrer noopener\">75% of today\u2019s customers<\/a> prefer live chat support to any other channel of communication? What\u2019s more, 44% of online shoppers say that receiving live human support during an online purchase is among a website\u2019s most important features.<\/p>\n\n\n\n<p>With eye-opening statistics like this, you\u2019re probably wondering why you haven\u2019t added chat support to your website already. Since you\u2019ve gone out of your way to find out how, here\u2019s the guidance your business needs to start taking advantage of all the benefits live chat has to offer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"678\" src=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Woman-smiling-on-laptop-in-office-setting.jpg\" alt=\"Smiling woman in office setting with laptop\" class=\"wp-image-600\" srcset=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Woman-smiling-on-laptop-in-office-setting.jpg 1024w, https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Woman-smiling-on-laptop-in-office-setting-300x199.jpg 300w, https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Woman-smiling-on-laptop-in-office-setting-768x509.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">But first\u2026 select your chat software<\/h2>\n\n\n\n<p>Before you get around to adding your software of choice to your website, you need to select the provider that best meets your needs. There are many options available, each offering its own features, functionality, and additional services.&nbsp;<\/p>\n\n\n\n<p>It\u2019s important to first establish your key business requirements and objectives, before settling on the best chat software for you.<\/p>\n\n\n\n<p>For the purposes of this article, we\u2019ll explain how to add a live chat widget to your website using (surprise, surprise) <a href=\"https:\/\/chatsupport.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">ChatSupport<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"678\" src=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Woman-sat-on-laptop-with-live-chat-support-on-website.jpg\" alt=\"Woman browsing website with live chat support\" class=\"wp-image-601\" srcset=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Woman-sat-on-laptop-with-live-chat-support-on-website.jpg 1024w, https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Woman-sat-on-laptop-with-live-chat-support-on-website-300x199.jpg 300w, https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Woman-sat-on-laptop-with-live-chat-support-on-website-768x509.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Install your live chat widget in 5 easy steps<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">#1 Create An Account<\/h3>\n\n\n\n<p>Your first step is to create an account. ChatSupport is completely free, so you won\u2019t even need to bring out your credit card. As an account owner, you also get full control over adding team members to your dashboard according to your requirements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/Screenshot-of-ChatSupport-setup-page.jpg\" alt=\"Sign up page for ChatSupport\" class=\"wp-image-602\" width=\"825\" height=\"500\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">#2 Go to your widget settings<\/h3>\n\n\n\n<p>Once you\u2019ve entered your credentials and logged into your account, go to <strong>Settings<\/strong> (the gear icon located on the left-hand side of your dashboard), and click <strong>Manage Widgets<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/4.3.jpg\" alt=\"Personlizing the live chat support widget for your website\" class=\"wp-image-603\" width=\"833\" height=\"500\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">#3 Select the relevant widget<\/h3>\n\n\n\n<p>When you click <strong>Manage Widgets<\/strong>, you will land on a screen displaying your chat widgets. Choose the relevant one to ensure that you capture the right code to add to your website.<\/p>\n\n\n\n<p>There are three options to choose from:<\/p>\n\n\n\n<ul><li><strong>Chat widget<\/strong> &#8211; instantly notifies an agent of an incoming chat request once a user clicks on the widget.<\/li><li><strong>Proactive chat widget<\/strong> &#8211; automatically opens the chat widget so that a visitor can engage with the support team. An agent is notified of the incoming chat request as soon as the user begins typing.<\/li><li><strong>Lead capture widget<\/strong> &#8211; enables website visitors to submit contact information such as a name and email address for contact later. It is designed to facilitate conversions and drive business growth.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/5.1.jpg\" alt=\"Customizing your live chat support widget\" class=\"wp-image-604\" height=\"500\" srcset=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/5.1.jpg 1024w, https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/5.1-300x169.jpg 300w, https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/5.1-768x432.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">#4 Copy the widget code under widget installation<\/h3>\n\n\n\n<p>At this stage, you will be presented with a screen that enables you to adjust different widget settings like the behavior and style. Here, you simply need to go to the <strong>Widget Installation <\/strong>option, and then click <strong>Copy code<\/strong> at the bottom. This will copy the widget code to your clipboard so that you can easily add it to your website in the next step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#5 Add the widget code to your site\u2019s source code<\/h3>\n\n\n\n<p>Now all that\u2019s left to do is add the widget code in the back end of your website. To do this, simply paste the code before the <strong>&lt;\/body&gt;<\/strong> tag of your website\u2019s source code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/7.1.jpg\" alt=\"Adding live chat support to your website source code\" class=\"wp-image-605\" width=\"1000\" height=\"500\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">That\u2019s all she wrote &#8211; installation complete!<\/h2>\n\n\n\n<p>And voila! Just like that, you\u2019ve embedded the live chat widget into your website. It couldn\u2019t be any easier!<\/p>\n\n\n\n<p>With your live chat support now firmly in place, you may be wondering how to get more potential customers to your website. If so, we have even more good news! Check out our guide on <a href=\"https:\/\/chatsupport.co\/blog\/business-tips\/how-to-get-leads-online\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>how to get more leads online<\/strong><\/a>. This will put you in a strong position to leverage the full benefits of your latest software addition.<\/p>\n\n\n\n<p>For additional guidance on adding live chat to your website, don\u2019t hesitate to get in touch with our friendly support team.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know that 75% of today\u2019s customers prefer live chat support to any other channel of communication? What\u2019s more, 44% of online shoppers say<\/p>\n... <a href=\"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/\">read more<\/a>.","protected":false},"author":4,"featured_media":599,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[10,16,12,20,15],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Live Chat Support to Your Website - Blog<\/title>\n<meta name=\"description\" content=\"Want to add live chat support to your website? Check out our quick &amp; easy guide and start chatting with website visitors today.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Live Chat Support to Your Website - Blog\" \/>\n<meta property=\"og:description\" content=\"Want to add live chat support to your website? Check out our quick &amp; easy guide and start chatting with website visitors today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-11T13:04:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-11T14:39:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/IT-workers-sat-at-desks-on-desktop-PCs.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ben Graham\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Graham\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/\",\"url\":\"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/\",\"name\":\"How to Add Live Chat Support to Your Website - Blog\",\"isPartOf\":{\"@id\":\"https:\/\/chatsupport.co\/blog\/#website\"},\"datePublished\":\"2022-05-11T13:04:07+00:00\",\"dateModified\":\"2022-05-11T14:39:41+00:00\",\"author\":{\"@id\":\"https:\/\/chatsupport.co\/blog\/#\/schema\/person\/4b85e7d61da772f191345eca628dece8\"},\"description\":\"Want to add live chat support to your website? Check out our quick & easy guide and start chatting with website visitors today.\",\"breadcrumb\":{\"@id\":\"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/chatsupport.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Live Chat Support to Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/chatsupport.co\/blog\/#website\",\"url\":\"https:\/\/chatsupport.co\/blog\/\",\"name\":\"Blog\",\"description\":\"ChatSupport\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/chatsupport.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/chatsupport.co\/blog\/#\/schema\/person\/4b85e7d61da772f191345eca628dece8\",\"name\":\"Ben Graham\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/chatsupport.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ded63a59e83a4fdd2a2d75462c5151f9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ded63a59e83a4fdd2a2d75462c5151f9?s=96&d=mm&r=g\",\"caption\":\"Ben Graham\"},\"url\":\"https:\/\/chatsupport.co\/blog\/author\/ben-graham\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Live Chat Support to Your Website - Blog","description":"Want to add live chat support to your website? Check out our quick & easy guide and start chatting with website visitors today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Live Chat Support to Your Website - Blog","og_description":"Want to add live chat support to your website? Check out our quick & easy guide and start chatting with website visitors today.","og_url":"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/","og_site_name":"Blog","article_published_time":"2022-05-11T13:04:07+00:00","article_modified_time":"2022-05-11T14:39:41+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/storage.googleapis.com\/chatsupport-liveblog\/1\/2022\/05\/IT-workers-sat-at-desks-on-desktop-PCs.jpg","type":"image\/jpeg"}],"author":"Ben Graham","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ben Graham","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/","url":"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/","name":"How to Add Live Chat Support to Your Website - Blog","isPartOf":{"@id":"https:\/\/chatsupport.co\/blog\/#website"},"datePublished":"2022-05-11T13:04:07+00:00","dateModified":"2022-05-11T14:39:41+00:00","author":{"@id":"https:\/\/chatsupport.co\/blog\/#\/schema\/person\/4b85e7d61da772f191345eca628dece8"},"description":"Want to add live chat support to your website? Check out our quick & easy guide and start chatting with website visitors today.","breadcrumb":{"@id":"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/chatsupport.co\/blog\/business-tips\/add-live-chat-support\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chatsupport.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add Live Chat Support to Your Website"}]},{"@type":"WebSite","@id":"https:\/\/chatsupport.co\/blog\/#website","url":"https:\/\/chatsupport.co\/blog\/","name":"Blog","description":"ChatSupport","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chatsupport.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/chatsupport.co\/blog\/#\/schema\/person\/4b85e7d61da772f191345eca628dece8","name":"Ben Graham","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/chatsupport.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ded63a59e83a4fdd2a2d75462c5151f9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ded63a59e83a4fdd2a2d75462c5151f9?s=96&d=mm&r=g","caption":"Ben Graham"},"url":"https:\/\/chatsupport.co\/blog\/author\/ben-graham\/"}]}},"_links":{"self":[{"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/posts\/597"}],"collection":[{"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/comments?post=597"}],"version-history":[{"count":4,"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/posts\/597\/revisions"}],"predecessor-version":[{"id":609,"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/posts\/597\/revisions\/609"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/media\/599"}],"wp:attachment":[{"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/media?parent=597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/categories?post=597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chatsupport.co\/blog\/wp-json\/wp\/v2\/tags?post=597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}