{"id":1401,"date":"2024-12-17T07:27:56","date_gmt":"2024-12-17T07:27:56","guid":{"rendered":"https:\/\/interkeykb.eoceandemo.com\/?p=1401"},"modified":"2025-10-01T13:29:18","modified_gmt":"2025-10-01T13:29:18","slug":"add-live-chat-as-a-digital-connect-channel","status":"publish","type":"post","link":"https:\/\/help.eocean.net\/knowledge\/add-live-chat-as-a-digital-connect-channel\/","title":{"rendered":"Add Live Chat as a Digital Connect"},"content":{"rendered":"<div id=\"pl-gb1401-69ea491d2e5b4\"  class=\"panel-layout\" ><div id=\"pg-gb1401-69ea491d2e5b4-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb1401-69ea491d2e5b4-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb1401-69ea491d2e5b4-0-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"0\" ><div id=\"pl-w675fe75737088\"  class=\"panel-layout\" ><div id=\"pg-w675fe75737088-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-w675fe75737088-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w675fe75737088-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><div class=\"inner_banner_section\">\n   <div class=\"custom_container\">\n      <div class=\"search_box_section\">\n\t\t\t\t\t<div class=\"asl_w_container asl_w_container_1\" data-id=\"1\" data-instance=\"1\">\n\t<div id='ajaxsearchlite1'\n\t\tdata-id=\"1\"\n\t\tdata-instance=\"1\"\n\t\tclass=\"asl_w asl_m asl_m_1 asl_m_1_1\">\n\t\t<div class=\"probox\">\n\n\t\n\t<div class='prosettings' style='display:none;' data-opened=0>\n\t\t\t\t<div class='innericon'>\n\t\t\t<svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"22\" height=\"22\" viewBox=\"0 0 512 512\" enable-background=\"new 0 0 512 512\" xml:space=\"preserve\">\n\t\t\t\t\t<polygon transform = \"rotate(90 256 256)\" points=\"142.332,104.886 197.48,50 402.5,256 197.48,462 142.332,407.113 292.727,256 \"\/>\n\t\t\t\t<\/svg>\n\t\t<\/div>\n\t<\/div>\n\n\t\n\t\n\t<div class='proinput'>\n\t\t<form role=\"search\" action='#' autocomplete=\"off\"\n\t\t\t\taria-label=\"Search form\">\n\t\t\t<input aria-label=\"Search input\"\n\t\t\t\t\ttype='search' class='orig'\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\tname='phrase'\n\t\t\t\t\tplaceholder='Search for Answers'\n\t\t\t\t\tvalue=''\n\t\t\t\t\tautocomplete=\"off\"\/>\n\t\t\t<input aria-label=\"Search autocomplete\"\n\t\t\t\t\ttype='text'\n\t\t\t\t\tclass='autocomplete'\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tname='phrase'\n\t\t\t\t\tvalue=''\n\t\t\t\t\tautocomplete=\"off\" disabled\/>\n\t\t\t<input type='submit' value=\"Start search\" style='width:0; height: 0; visibility: hidden;'>\n\t\t<\/form>\n\t<\/div>\n\n\t\n\t\n\t<button class='promagnifier' tabindex=\"0\" aria-label=\"Search magnifier\">\n\t\t\t\t<span class='innericon' style=\"display:block;\">\n\t\t\t<svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"22\" height=\"22\" viewBox=\"0 0 512 512\" enable-background=\"new 0 0 512 512\" xml:space=\"preserve\">\n\t\t\t\t\t<path d=\"M460.355,421.59L353.844,315.078c20.041-27.553,31.885-61.437,31.885-98.037\n\t\t\t\t\t\tC385.729,124.934,310.793,50,218.686,50C126.58,50,51.645,124.934,51.645,217.041c0,92.106,74.936,167.041,167.041,167.041\n\t\t\t\t\t\tc34.912,0,67.352-10.773,94.184-29.158L419.945,462L460.355,421.59z M100.631,217.041c0-65.096,52.959-118.056,118.055-118.056\n\t\t\t\t\t\tc65.098,0,118.057,52.959,118.057,118.056c0,65.096-52.959,118.056-118.057,118.056C153.59,335.097,100.631,282.137,100.631,217.041\n\t\t\t\t\t\tz\"\/>\n\t\t\t\t<\/svg>\n\t\t<\/span>\n\t<\/button>\n\n\t\n\t\n\t<div class='proloading'>\n\n\t\t<div class=\"asl_loader\"><div class=\"asl_loader-inner asl_simple-circle\"><\/div><\/div>\n\n\t\t\t<\/div>\n\n\t\t\t<div class='proclose'>\n\t\t\t<svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\"\n\t\t\t\ty=\"0px\"\n\t\t\t\twidth=\"12\" height=\"12\" viewBox=\"0 0 512 512\" enable-background=\"new 0 0 512 512\"\n\t\t\t\txml:space=\"preserve\">\n\t\t\t\t<polygon points=\"438.393,374.595 319.757,255.977 438.378,137.348 374.595,73.607 255.995,192.225 137.375,73.622 73.607,137.352 192.246,255.983 73.622,374.625 137.352,438.393 256.002,319.734 374.652,438.378 \"\/>\n\t\t\t<\/svg>\n\t\t<\/div>\n\t\n\t\n<\/div>\t<\/div>\n\t<div class='asl_data_container' style=\"display:none !important;\">\n\t\t<div class=\"asl_init_data wpdreams_asl_data_ct\"\n\tstyle=\"display:none !important;\"\n\tid=\"asl_init_id_1\"\n\tdata-asl-id=\"1\"\n\tdata-asl-instance=\"1\"\n\tdata-settings=\"{&quot;homeurl&quot;:&quot;https:\\\/\\\/help.eocean.net\\\/knowledge\\\/&quot;,&quot;resultstype&quot;:&quot;vertical&quot;,&quot;resultsposition&quot;:&quot;hover&quot;,&quot;itemscount&quot;:4,&quot;charcount&quot;:0,&quot;highlight&quot;:false,&quot;highlightWholewords&quot;:true,&quot;singleHighlight&quot;:false,&quot;scrollToResults&quot;:{&quot;enabled&quot;:false,&quot;offset&quot;:0},&quot;resultareaclickable&quot;:1,&quot;autocomplete&quot;:{&quot;enabled&quot;:false,&quot;lang&quot;:&quot;en&quot;,&quot;trigger_charcount&quot;:0},&quot;mobile&quot;:{&quot;menu_selector&quot;:&quot;#menu-toggle, .menu-toggle&quot;},&quot;trigger&quot;:{&quot;click&quot;:&quot;results_page&quot;,&quot;click_location&quot;:&quot;same&quot;,&quot;update_href&quot;:false,&quot;return&quot;:&quot;results_page&quot;,&quot;return_location&quot;:&quot;same&quot;,&quot;facet&quot;:true,&quot;type&quot;:true,&quot;redirect_url&quot;:&quot;?s={phrase}&quot;,&quot;delay&quot;:300},&quot;animations&quot;:{&quot;pc&quot;:{&quot;settings&quot;:{&quot;anim&quot;:&quot;fadedrop&quot;,&quot;dur&quot;:300},&quot;results&quot;:{&quot;anim&quot;:&quot;fadedrop&quot;,&quot;dur&quot;:300},&quot;items&quot;:&quot;voidanim&quot;},&quot;mob&quot;:{&quot;settings&quot;:{&quot;anim&quot;:&quot;fadedrop&quot;,&quot;dur&quot;:300},&quot;results&quot;:{&quot;anim&quot;:&quot;fadedrop&quot;,&quot;dur&quot;:300},&quot;items&quot;:&quot;voidanim&quot;}},&quot;autop&quot;:{&quot;state&quot;:true,&quot;phrase&quot;:&quot;&quot;,&quot;count&quot;:&quot;1&quot;},&quot;resPage&quot;:{&quot;useAjax&quot;:false,&quot;selector&quot;:&quot;#main&quot;,&quot;trigger_type&quot;:true,&quot;trigger_facet&quot;:true,&quot;trigger_magnifier&quot;:false,&quot;trigger_return&quot;:false},&quot;resultsSnapTo&quot;:&quot;left&quot;,&quot;results&quot;:{&quot;width&quot;:&quot;auto&quot;,&quot;width_tablet&quot;:&quot;auto&quot;,&quot;width_phone&quot;:&quot;auto&quot;},&quot;settingsimagepos&quot;:&quot;right&quot;,&quot;closeOnDocClick&quot;:true,&quot;overridewpdefault&quot;:false,&quot;override_method&quot;:&quot;get&quot;}\"><\/div>\n\t<div id=\"asl_hidden_data\">\n\t\t<svg style=\"position:absolute\" height=\"0\" width=\"0\">\n\t\t\t<filter id=\"aslblur\">\n\t\t\t\t<feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"4\"\/>\n\t\t\t<\/filter>\n\t\t<\/svg>\n\t\t<svg style=\"position:absolute\" height=\"0\" width=\"0\">\n\t\t\t<filter id=\"no_aslblur\"><\/filter>\n\t\t<\/svg>\n\t<\/div>\n\t<\/div>\n\n\t<div id='ajaxsearchliteres1'\n\tclass='vertical wpdreams_asl_results asl_w asl_r asl_r_1 asl_r_1_1'>\n\n\t\n\t<div class=\"results\">\n\n\t\t\n\t\t<div class=\"resdrg\">\n\t\t<\/div>\n\n\t\t\n\t<\/div>\n\n\t\n\t\n<\/div>\n\n\t<div id='__original__ajaxsearchlitesettings1'\n\t\tdata-id=\"1\"\n\t\tclass=\"searchsettings wpdreams_asl_settings asl_w asl_s asl_s_1\">\n\t\t<form name='options'\n\t\taria-label=\"Search settings form\"\n\t\tautocomplete = 'off'>\n\n\t\n\t\n\t<input type=\"hidden\" name=\"filters_changed\" style=\"display:none;\" value=\"0\">\n\t<input type=\"hidden\" name=\"filters_initial\" style=\"display:none;\" value=\"1\">\n\n\t<div class=\"asl_option_inner hiddend\">\n\t\t<input type='hidden' name='qtranslate_lang' id='qtranslate_lang'\n\t\t\t\tvalue='0'\/>\n\t<\/div>\n\n\t\n\t\n\t<fieldset class=\"asl_sett_scroll\">\n\t\t<legend style=\"display: none;\">Generic selectors<\/legend>\n\t\t<div class=\"asl_option\" tabindex=\"0\">\n\t\t\t<div class=\"asl_option_inner\">\n\t\t\t\t<input type=\"checkbox\" value=\"exact\"\n\t\t\t\t\t\taria-label=\"Exact matches only\"\n\t\t\t\t\t\tname=\"asl_gen[]\"  checked=\"checked\"\/>\n\t\t\t\t<div class=\"asl_option_checkbox\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"asl_option_label\">\n\t\t\t\tExact matches only\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"asl_option\" tabindex=\"0\">\n\t\t\t<div class=\"asl_option_inner\">\n\t\t\t\t<input type=\"checkbox\" value=\"title\"\n\t\t\t\t\t\taria-label=\"Search in title\"\n\t\t\t\t\t\tname=\"asl_gen[]\"  checked=\"checked\"\/>\n\t\t\t\t<div class=\"asl_option_checkbox\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"asl_option_label\">\n\t\t\t\tSearch in title\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"asl_option\" tabindex=\"0\">\n\t\t\t<div class=\"asl_option_inner\">\n\t\t\t\t<input type=\"checkbox\" value=\"content\"\n\t\t\t\t\t\taria-label=\"Search in content\"\n\t\t\t\t\t\tname=\"asl_gen[]\"  checked=\"checked\"\/>\n\t\t\t\t<div class=\"asl_option_checkbox\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"asl_option_label\">\n\t\t\t\tSearch in content\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"asl_option_inner hiddend\">\n\t\t\t<input type=\"checkbox\" value=\"excerpt\"\n\t\t\t\t\taria-label=\"Search in excerpt\"\n\t\t\t\t\tname=\"asl_gen[]\"  checked=\"checked\"\/>\n\t\t\t<div class=\"asl_option_checkbox\"><\/div>\n\t\t<\/div>\n\t<\/fieldset>\n\t<fieldset class=\"asl_sett_scroll\">\n\t\t<legend style=\"display: none;\">Post Type Selectors<\/legend>\n\t\t\t\t\t<div class=\"asl_option_inner hiddend\">\n\t\t\t\t<input type=\"checkbox\" value=\"post\"\n\t\t\t\t\t\taria-label=\"Hidden option, ignore please\"\n\t\t\t\t\t\tname=\"customset[]\" checked=\"checked\"\/>\n\t\t\t<\/div>\n\t\t\t\t<\/fieldset>\n\t<\/form>\n\t<\/div>\n<\/div>\n\n      <\/div>\n   <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n\n<div id=\"pl-gb1401-69ea491d2e90d\"  class=\"panel-layout\" ><div id=\"pg-gb1401-69ea491d2e90d-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb1401-69ea491d2e90d-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb1401-69ea491d2e90d-0-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"mobile_section custom_container panel-widget-style panel-widget-style-for-gb1401-69ea491d2e90d-0-0-0\" ><div id=\"pl-w68628107581f8\"  class=\"panel-layout\" ><div id=\"pg-w68628107581f8-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-w68628107581f8-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w68628107581f8-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\">[mobile_menu]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n\n<div id=\"pl-gb1401-69ea491d2eb42\"  class=\"panel-layout\" ><div id=\"pg-gb1401-69ea491d2eb42-0\"  class=\"panel-grid panel-has-style\" ><div class=\"custom_container panel-row-style panel-row-style-for-gb1401-69ea491d2eb42-0\" ><div id=\"pgc-gb1401-69ea491d2eb42-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb1401-69ea491d2eb42-0-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"0\" ><div id=\"pl-w68dd2cadf1715\"  class=\"panel-layout\" ><div id=\"pg-w68dd2cadf1715-0\"  class=\"panel-grid panel-has-style\" ><div class=\"getting_started_section panel-row-style panel-row-style-for-w68dd2cadf1715-0\" ><div id=\"pgc-w68dd2cadf1715-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w68dd2cadf1715-0-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"0\" ><div id=\"pl-w68dd2cadf1721\"  class=\"panel-layout\" ><div id=\"pg-w68dd2cadf1721-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-w68dd2cadf1721-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w68dd2cadf1721-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><div class=\"breadcrumb_section\">\n\t<ul>\n\t\t<li>\n\t\t\t<a href=\"\/\">Help Center<\/a>\n\t\t<\/li>\n\t\t<i class=\"fa fa-chevron-right\"><\/i>\n\t\t<li>\n\t\t\t<a href=\"support-channels\/\">Support Channels<\/a>\n\t\t<\/li>\n\t\t<i class=\"fa fa-chevron-right\"><\/i>\n\t\t<li>\n\t\t\t<p>Web Chat<\/p>\n\t\t<\/li>\n\t<\/ul>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pg-w68dd2cadf1721-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-w68dd2cadf1721-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w68dd2cadf1721-1-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><ul class=\"left-menu\"><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/campaign-manager\/\">Campaign Manager<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/chat-manager\/\">Chat Manager<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/chatbot-builder\/\">ChatBot Builder<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/digital-connect-api-docs\/\">Digital Connect API Docs<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/getting-started\/\">Getting Started<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/insights\/\">Insights<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/integrations\/\">Integrations<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/plans-pricing\/\">Plans Pricing<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/sms-service\/\">SMS Service<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/support-channel\/\">Support Channel<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/template-manager\/\">Template Manager<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/users-and-teams\/\">Users and Teams<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/whatsapp-business-platform\/\">Whatsapp Business Platform<\/a><\/div><\/li><li class=\"menu-item \"><div class=\"menu-row\"><a class=\"menu-link\" href=\"https:\/\/help.eocean.net\/knowledge\/knowledge\/whatsapp-manager\/\">WhatsApp Manager<\/a><\/div><\/li><\/ul><\/div><\/div><\/div><div id=\"pgc-w68dd2cadf1721-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-w68dd2cadf1721-1-1-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\"><div class=\"menu_page_inner_section\">\n\t<h1 style=\"margin-bottom: 20px;\">\n\t\tAdd Live Chat as a Digital Connect Channel\n\t<\/h1>\n\t\n\t<h3 style=\"margin-bottom: 40px;\">\n\t\tAdd live chat as a Digital Connect channel to manage conversation between your website visitors, bot and agents.\n\t<\/h3>\n\t\n\t<div class=\"inner_para_section\">\n\t\t<h4>\n\t\t\tBrowser Compatibility\n\t\t<\/h4>\n\t\t\n\t\t<p>\n\t\t\tThe live chat widget works with most modern web browsers. Here are the supported browsers:\n\t\t<\/p>\n\t\t\n\t\t<ul style=\"margin-bottom: 40px;\">\n\t\t\t<li>Google Chrome<\/li>\n\t\t\t<li>Microsoft Edge<\/li>\n\t\t\t<li>Apple Safari<\/li>\n\t\t\t<li>Mozilla Firefox<\/li>\n\t\t<\/ul>\n\t\t\n\t\t<p style=\"margin-bottom: 15px;\">\n\t\t\tFollow the steps below to create a live chat channel.\n\t\t<\/p>\n\t\t\n\t\t<ul style=\"margin-bottom: 15px;\">\n\t\t\t<li>Click on <strong>Channels > Web Messaging<\/strong> and then click <strong>Add Integration<\/strong>.<\/li>\n\t\t<\/ul>\n\t\t\n \t\t<img decoding=\"async\" style=\"margin-bottom: 15px;\" src=\"https:\/\/help.eocean.net\/knowledge\/wp-content\/uploads\/2025\/09\/channel.webp\" \/>\n\t\t\n\t\t<ul style=\"margin-bottom: 15px;\">\n\t\t\t<li>Click on <strong>Pre-Chat form<\/strong> on your Web Chat Widget page. You will see the following screen.<\/li>\n\t\t<\/ul>\n\t<\/div>\n\t\n\t<div class=\"inner_para_section\">\n\t\t<h4>\n\t\t\tPre-Chat Form tab\n\t\t<\/h4>\n\t\t\n\t\t<div class=\"badge_section\" style=\"margin: 10px 0px;background-color: #e5f5f8;\n    border-left: 5px solid #7fd1de;\">\n\t\t\t<p>\n\t\t\t\tYou can use Pre-Chat form to collect information about your website visitors as soon as they click on your live chat widget. You can use this to collect name, e-mail address, and other details before initiating the conversation.\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t\n\t\t<img decoding=\"async\" style=\"margin-bottom: 10px;\" src=\"https:\/\/help.eocean.net\/knowledge\/wp-content\/uploads\/2025\/09\/pre-chat-form.webp\" \/> \n\t\t\n\t\t<p style=\"margin-bottom: 10px;\">\n\t\t\tThese fields are explained below:\n\t\t<\/p>\n\t\t\n\t\t<ol>\n\t\t\t<li>\n\t\t\t\t<strong>Pre Chat Message<\/strong><br \/><br \/>\n\t\t\t\tWrite a message to start a conversation with the customer. For e.g., &#8220;Before we get started, please share your name and phone number to assist you better.&#8221;\n\t\t\t<\/li>\n\t\t\t\n\t\t\t<li>\n\t\t\t\t<strong>Pre Chat Form Fields<\/strong><br \/><br \/>\n\t\t\t\tEnabling this option will add a pre-chat form to your Website Chat. If enabled, your website visitors will be presented with a form to fill out before they initiate a conversation. With this option enabled, you can include additional custom fields when necessary.  You must set the <strong>Visibility<\/strong> for the fields and mark them as <strong>Required<\/strong> or <strong>Optional<\/strong> depending on your preferences. You can also <strong>Modify<\/strong> and <strong>Delete<\/strong> the custom form fields.\n\t\t\t<\/li>\n\t\t<\/ol>\n\t\t\n\t\t<div class=\"badge_section\" style=\"margin: 10px 0px;background-color: #e5f5f8;\n    border-left: 5px solid #7fd1de;\">\n\t\t\t<p>\n\t\t\t\t<strong>Name<\/strong> is the only standard field for the Pre Chat form and cannot be deleted.\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t\n\t\t<ul>\n\t\t\t<li>Click <strong>Save<\/strong> and then click <strong>Continue<\/strong> to move the next screen.<\/li>\n\t\t<\/ul>\n\t<\/div>\n\t\n\t<div class=\"inner_para_section\">\n\t\t<h4>\n\t\t\tWidget tab\n\t\t<\/h4>\n\t\t\n\t\t<p>\n\t\t\tClick on the <strong>Widget<\/strong> tab to customize the text and appearance of your web widget  on this page. You will be able view how your widget looks in the Preview on the right..\n\t\t<\/p>\n\t\t\n\t\t<img decoding=\"async\" style=\"margin: 20px 0px;\" src=\"https:\/\/help.eocean.net\/knowledge\/wp-content\/uploads\/2025\/09\/widget.webp\" \/> \n\t\t\n\t\t<p style=\"margin-bottom: 20px;\">\n\t\t\tThese fields are explained below:\n\t\t<\/p>\n\t\t\n\t\t<ol style=\"margin-bottom: 30px;\">\n\t\t\t<li><strong>Welcome Heading<\/strong><br \/><br \/>Write a greeting message to be displayed at the top of the widget for your customers. For e.g., &#8220;Welcome to Acme Corp.&#8221; <\/li>\n\t\t\t<li><strong>Welcome Tagline<\/strong><br \/><br \/>Write a tag line to be displayed under the welcome heading. For e.g., &#8220;How can we help you today?&#8221; <\/li>\n\t\t\t<li><strong>Widget Color<\/strong><br \/><br \/>Click the color palette and select a color to match your widget with your website&#8217;s branding. <\/li>\n\t\t\t<li><strong>Reply Time<\/strong><br \/><br \/>Set a realistic response time with instant bot replies or agent responses within minutes to a day<\/li>\n\t\t\t<li><strong>Widget Bubble Type<\/strong><br \/><br \/>Customize your widget bubble to grab attention\u2014choose to display it with custom text or keep it subtle without text. For e.g., &#8220;Chat with us.&#8221;<\/li>\n\t\t\t<li><strong>Start Conversation Button Text<\/strong><br \/><br \/>Write text for the the button to inform users clicking it will start a chat session.<\/li>\n\t\t<\/ol>\n\t<\/div>\n\t\n\t<div class=\"inner_para_section\">\n\t\t<h4 style=\"margin-bottom: 0px !important;\">\n\t\t\tBot tab (Optional)\n\t\t<\/h4>\n\t\t\n\t\t<p style=\"margin-bottom: 20px;\">\n\t\t\tClick on the Bot tab to go to the Bot settings page. You can manage your bot here to interact with your website visitors when they click the live chat widget to initiate a conversation.\n\t\t<\/p>\n\t\t\n\t\t<img decoding=\"async\" style=\"margin: 20px 0px;\" src=\"https:\/\/help.eocean.net\/knowledge\/wp-content\/uploads\/2025\/09\/Bot.webp\" \/> \n\t\t\n\t\t<ol>\n\t\t\t<li><strong>Publish Bot<\/strong><br \/><br \/>Enable the <strong>Publish Bot<\/strong> toggle to select a bot for your Web channel. If you haven&#8217;t <a href=\"\/build-a-bot-step-by-step-approach\">created a bot<\/a> or prefer visitors to interact with agents, keep this toggle disabled and enable <a href=\"\/setup-out-of-office-reply\">out of office<\/a>  for your web channel to inform visitors of agent availability hours.<\/li>\n\t\t\t<li><strong>Select Bot<\/strong><br \/><br \/>Select a Bot from the drop down to publish on your web channel. When a bot is published, it will have a &#8216;Published&#8217; label next to it. If you select a new bot, the currently published bot will be marked as &#8216;Unpublished&#8217; and the new bot will be labeled as &#8216;Published&#8217; for easy identification.<\/li>\n\t\t<\/ol>\n\t\t\n\t\t<div class=\"badge_section\" style=\"margin: 50px 0px;background-color: #e5f5f8;\n    border-left: 5px solid #7fd1de;\">\n\t\t\t<p>\n\t\t\t\tOnly Bots created for Web channel will be shown in the drop down menu.\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div class=\"inner_para_section\">\n\t\t<h4 style=\"margin-bottom: 10px !important;\">\n\t\t\tSettings tab\n\t\t<\/h4>\n\t\t<p>\n\t\t\tClick on the <strong>Settings<\/strong> tab to manage your website URL and Property ID. The Property ID in a chat widget typically refers to a unique identifier assigned to the widget or the specific instance of the chat service on your website. \n\t\t<\/p>\n\t\t<img decoding=\"async\" style=\"margin: 10px 0px;\" src=\"https:\/\/help.eocean.net\/knowledge\/wp-content\/uploads\/2025\/09\/image-png-Dec-07-2024-12-45-09-3918-PM.webp\" \/>\n\t\t<div class=\"badge_section\" style=\"margin: 0px 0px;background-color: #e5f5f8;\n    border-left: 5px solid #f8a9ad;\">\n\t\t\t<p>\n\t\t\t\tRegenerating the key for <strong>Property ID<\/strong> will create a new identifier for your live chat widget, which may disconnect the previous widget. To restore functionality, update your site\u2019s widget code with the new Property ID.\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t\n\t\t<ol style=\"margin: 20px 0px;\">\n\t\t\t<li><strong>Website URL<\/strong><br \/>Enter your website URL. For e.g., <a href=\"https:\/\/www.example.com\/\">www.example.com<\/a><\/li>\n\t\t\t<li><strong>Property ID<\/strong><br \/>View the property ID here. You can generate a new key for your Property ID here.<\/li>\n\t\t<\/ol>\n\t\t\n\t\t<p>\n\t\t\tClick <strong>Save<\/strong> and click on the copy button to copy the code into your website.\n\t\t<\/p>\n\t\t<p>\n\t\t\tLearn how to <a href=\"\/install-the-live-chat-widget-manually-on-any-website\">add a live chat widget to your website<\/a>.\n\t\t<\/p>\n\t<\/div>\n\t\n\t[feedback_form]\n\t\n\t[related_articles]\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Support Channels > Web Chat<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[11],"tags":[],"class_list":["post-1401","post","type-post","status-publish","format-standard","hentry","category-support-channel"],"_links":{"self":[{"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/posts\/1401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/comments?post=1401"}],"version-history":[{"count":2,"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/posts\/1401\/revisions"}],"predecessor-version":[{"id":3147,"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/posts\/1401\/revisions\/3147"}],"wp:attachment":[{"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/media?parent=1401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/categories?post=1401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.eocean.net\/knowledge\/wp-json\/wp\/v2\/tags?post=1401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}