{"id":407,"date":"2023-06-08T10:23:17","date_gmt":"2023-06-08T10:23:17","guid":{"rendered":"https:\/\/nt.jaygregorio.com\/support\/?post_type=ht_kb&#038;p=407"},"modified":"2024-02-27T08:38:09","modified_gmt":"2024-02-27T08:38:09","slug":"how-to-add-live-chat-on-the-negosyo-toolkit-website","status":"publish","type":"ht_kb","link":"https:\/\/nt.jaygregorio.com\/support\/knowledge-base\/how-to-add-live-chat-on-the-negosyo-toolkit-website\/","title":{"rendered":"Live Chat Setup: A Simple Guide for Your Toolkit"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">To add a live chat feature to your Negosyo Toolkit website using a snippet code, you can follow these steps:<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">1. <strong>Choose <\/strong>a Live Chat Service Provider, and <strong>select <\/strong>a <em>live chat service<\/em> provider that offers a snippet code installation option. Some popular providers that offer snippet codes include Tawk.to, Crisp, or <strong><em>Brevo<\/em><\/strong> (my recommendation). Sign up for an account with your chosen provider.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Once you have signed up with the live chat service provider, locate the option to generate the snippet code. In most cases, you&#8217;ll find this option in the \u201c<strong><em>Conversations\u201d<\/em><\/strong> section of your account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo1-1024x421.webp\" alt=\"\" class=\"wp-image-408\" style=\"width:768px;height:316px\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo1-1024x421.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo1-300x123.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo1-768x316.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo1-50x21.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo1-1536x632.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo1.webp 1610w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Follow the instructions provided to generate the snippet code specific to your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo2-1024x468.webp\" alt=\"\" class=\"wp-image-409\" style=\"width:512px;height:234px\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo2-1024x468.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo2-300x137.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo2-768x351.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo2-50x23.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo2-1536x702.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo2.webp 1718w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"645\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo3.webp\" alt=\"\" class=\"wp-image-410\" style=\"width:525px;height:484px\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo3.webp 700w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo3-300x276.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo3-50x46.webp 50w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. After generating the snippet code, copy it to your clipboard. The code is usually a JavaScript code snippet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo4-1024x498.webp\" alt=\"\" class=\"wp-image-411\" style=\"width:768px;height:374px\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo4-1024x498.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo4-300x146.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo4-768x373.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo4-50x24.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/06\/brevo4.webp 1253w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. Log in to your toolkit and navigate to &#8220;<strong>Page Builder<\/strong>&#8221; > &#8220;<strong>Custom Code<\/strong>.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"424\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/one-1024x424.png\" alt=\"\" class=\"wp-image-643\" style=\"width:768px;height:327px\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/one-1024x424.png 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/one-300x124.png 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/one-768x318.png 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/one-50x21.png 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/one-1536x636.png 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/one.png 1867w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">6. Click &#8220;<strong>Add New<\/strong>&#8220;<br><br>On the <strong><em>Location <\/em><\/strong>tag within the editor, choose &#8220;<strong>&lt;\/body> &#8211; End<\/strong>&#8220;. This designates the footer section for your code placement. Proceed to paste the <strong><em>live chat snippet code<\/em><\/strong> into this designated area. <br><br>Save the changes or click on the &#8220;<strong>Publish<\/strong>&#8221; button to make the modifications live on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/1.1-1-1024x489.png\" alt=\"\" class=\"wp-image-644\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/1.1-1-1024x489.png 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/1.1-1-300x143.png 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/1.1-1-768x367.png 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/1.1-1-50x24.png 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/1.1-1-1536x733.png 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2024\/02\/1.1-1.png 1847w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">7. <strong>Test <\/strong>the <em>Live Chat<\/em>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your website in a new browser window or tab.<\/li>\n\n\n\n<li>You should now see the live chat widget on your website.<\/li>\n\n\n\n<li>Initiate a test chat to ensure it reaches your live chat service provider&#8217;s dashboard.<\/li>\n\n\n\n<li>Respond to the test chat from the live chat service provider&#8217;s dashboard to ensure the communication works both ways.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s it! Using the snippet code, the live chat feature should now be added to your Toolkit. Visitors will be able to use the live chat widget to communicate with you in real-time. Make sure to monitor the live chat service provider&#8217;s dashboard and respond promptly to any incoming chats.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><br><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To add a live chat feature to your Negosyo Toolkit website using a snippet code, you can follow these steps: 1. Choose a Live Chat Service Provider, and select a live chat service provider that offers a snippet code installation option. Some popular providers that offer snippet codes include Tawk.to, Crisp, or Brevo (my recommendation)&#8230;.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"ht-kb-category":[],"ht-kb-tag":[],"class_list":["post-407","ht_kb","type-ht_kb","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/comments?post=407"}],"version-history":[{"count":3,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/407\/revisions"}],"predecessor-version":[{"id":645,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/407\/revisions\/645"}],"wp:attachment":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/media?parent=407"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=407"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}