Product Tour - LiveChat - Better Customer Service

<!DOCTYPE html> <html lang="en" dir="ltr"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Product Tour - LiveChat - Better Customer Service</title> <meta name="description" content="LiveChat is used by 37,000+ customers worldwide. Go through LiveChat product tour and learn about way of improving your customer service."> <link rel="canonical" href="https://www.livechat.com/tour/"> <link rel="alternate" hreflang="en" href="https://www.livechat.com/tour/" /> <link rel="alternate" hreflang="de" href="https://www.livechat.com/de/produktvorfuhrung/" /> <link rel="alternate" hreflang="es" href="https://www.livechat.com/es/recorrido/" /> <link rel="alternate" hreflang="fr" href="https://www.livechat.com/fr/decouverte-du-produit/" /> <link rel="alternate" hreflang="ja" href="https://www.livechat.com/jp/tsua" /> <link rel="alternate" hreflang="pt" href="https://www.livechat.com/pt/tour-do-produto/" /> <link rel="alternate" hreflang="ru" href="https://www.livechat.com/ru/obzor/" /> <link rel="alternate" hreflang="zh" href="https://www.livechat.com/cn/chanpindaolan/" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph":[{"@type":"Organization","address":[{"@type":"PostalAddress","addressCountry":"US","addressLocality":"Boston","addressRegion":"Massachusetts","postalCode":"02110","streetAddress":"101 Arch Street, 8th Floor"},{"@type":"PostalAddress","addressCountry":"PL","addressLocality":"Wrocław","addressRegion":"dolnośląskie","postalCode":"53-033","streetAddress":"Zwycięska 47"}],"brand":{"description":"Secure \u0026 user-friendly web communication app. Join over 37,000+ companies from 150 countries that use LiveChat. Try now, chat for free!","name":"LiveChat","url":"https://www.livechat.com"},"contactPoint":{"@type":"ContactPoint","areaServed":"Worldwide","availableLanguage":"English","contactType":"Customer Support"},"description":"AI-powered technology for customer service software","logo":"https://www.livechat.com/icon-512.png","name":"Text, Inc.","sameAs":["https://www.facebook.com/livechat","https://www.instagram.com/livechat/","https://www.linkedin.com/company/livechat/","https://www.pinterest.com/livechat/","https://x.com/TextPlatform","https://www.wikidata.org/wiki/Q6658155","https://en.wikipedia.org/wiki/Text_(company)","https://www.youtube.com/@text_official"],"subOrganization":{"@type":"Product","aggregateRating":{"@type":"AggregateRating","bestRating":"5","ratingCount":"1675","ratingValue":"4.6","reviewCount":"1675","worstRating":"1"},"name":"LiveChat","offers":{"@type":"AggregateOffer","highPrice":"59","lowPrice":"0","offerCount":"8","priceCurrency":"USD"},"sameAs":["https://www.facebook.com/livechat","https://www.instagram.com/livechat/","https://www.linkedin.com/company/livechat/","https://www.pinterest.com/livechat/","https://x.com/livechat","https://www.wikidata.org/wiki/Q1763653","https://en.wikipedia.org/wiki/LiveChat","https://www.youtube.com/livechat"],"url":"https://www.livechat.com"},"url":"https://text.com"},{"@type":"WebPage","description":"LiveChat is used by 37,000+ customers worldwide. Go through LiveChat product tour and learn about way of improving your customer service.","name":"Product Tour - LiveChat - Better Customer Service","url":"https://www.livechat.com/tour/"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":"https://www.livechat.com","name":"Home","position":1},{"@type":"ListItem","item":"https://www.livechat.com/tour/","name":"Product Tour - LiveChat - Better Customer Service","position":2}]}]} </script> <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"> <link rel="icon" href="/favicon.ico"> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Product Tour - LiveChat - Better Customer Service" /> <meta property="og:description" content="LiveChat is used by 37,000+ customers worldwide. Go through LiveChat product tour and learn about way of improving your customer service." /> <meta property="og:url" content="https://www.livechat.com/tour/" /> <meta property="og:site_name" content="LiveChat" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="LiveChat is used by 37,000+ customers worldwide. Go through LiveChat product tour and learn about way of improving your customer service." /> <meta name="twitter:title" content="Product Tour - LiveChat - Better Customer Service" /> <meta name="twitter:site" content="@LiveChat" /> <meta property="og:image" content="https://www.livechat.com/tour/og-image.6260ee7ff0b05cf3ff7f496921e728d32605c4c0b9410f62366a4a239ad056ff.png" /> <meta name="twitter:image" content="https://www.livechat.com/tour/og-image.6260ee7ff0b05cf3ff7f496921e728d32605c4c0b9410f62366a4a239ad056ff.png" /> <script src="https://cdn.livechatinc.com/partners/tracking/track.js" async></script> <script> if ( typeof window.__PRERENDER_INJECTED === "undefined" ) { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M6FDC2X'); } </script> <link rel="preload" as="style" href="/dist/css/main.a7d7672955176c1f8276061c87773731725216b7b6b19dedddacbea61e57cc9a.css"> <link rel="stylesheet" href="/dist/css/main.a7d7672955176c1f8276061c87773731725216b7b6b19dedddacbea61e57cc9a.css"> <link rel="preload" as="style" href="/tour/tour.7bbb6b2d4e9bb4e68161821551fc25950171371332e2929247719390345e4e58.css"> <link rel="stylesheet" href="/tour/tour.7bbb6b2d4e9bb4e68161821551fc25950171371332e2929247719390345e4e58.css"> <script src="https://tag.clearbitscripts.com/v1/pk_f4416cc27c888d4829d81383402d5730/tags.js" async></script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="8L66E-G78CE-AA2C4-Y3KRA-CM3E6",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"8L66E-G78CE-AA2C4-Y3KRA-CM3E6";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbetilbdisz2a3laa-f-71f6adbea-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"940527","ak.ai":parseInt("603696",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"5b7edd5","ak.r":40747,"ak.a2":n,"ak.m":"b","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":47170,"ak.gh":"104.88.70.135","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732303552","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==1PTPNE5w5Qv75h9AT0RCA428zsmhoVXRSVNvMyVNmFqNeJFi5puoObZmbQOvax+DApAEDWDXXajvqxNplnQHkqQzwsMLw41BArnPbDsSJ513ElyZ91JKsmuXKmSKypyyK3Bp9sDDc8W+mHfA3MtEp/bgbypYnKsUcNQQXBWZguDMTgqHkvOBnaEtjWZkTA/ja3dJy7LLY4DrmR2p+Nt4St+sGOYVL8dDzwx84cqZ8cRzh4rumPUvv/GH+zLnpCODJ8/Ry8PT7ZA/Xm5HJAlaf8+dKATinrxOQTpyFlwwtHGzkRdqsB6ywXQgWrurvm6iOXWBwz/sgvU6rYyaUxibrtn1zsQvHUjsykL5TqOGrMaE0wp0dLLclWhujI8zLAN+kM64vtKy4p0Tx1ZXxqpPqmq4lYLf5aa0BdzceOmk72E=","ak.pv":"43","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M6FDC2X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="b--u-py-1 u-bg-accent c-announcement u-hidden" data-controller="announcement" data-namespace="website-livechat"> <div class="o-container u-relative"> <p class="b--u-text-2xs u-text-black u-maxw-6 u-flex u-items-center u-justify-center u-mx-auto u-mb-0 u-relative"> <svg class="u-basis-1 sm:u-basis-auto" width="21" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 2l2.3 2.4c.2.2.3.4.3.7v3c0 .5-.5 1-1 1H5a1 1 0 01-.7-.3L2 6.5a5 5 0 007 5.2 1 1 0 011.2.2l6 6a1.1 1.1 0 001.6-1.6l-6-6a1 1 0 01-.2-1.1A5 5 0 006.5 2zM4.2.8a7 7 0 019.6 8.7l5.5 5.5a3.1 3.1 0 11-4.4 4.4l-5.5-5.5A7 7 0 01.7 4.2a1 1 0 011.6-.3L5.5 7h1.6V5.5L3.9 2.3A1 1 0 014.2.7z" fill="#1B1B20"/></svg> <span class="b--u-ml-1 u-basis-11 sm:u-basis-auto" data-announcement-target="message"></span> </p> </div> </div> <aside class="c-black-friday-banner u-w-full u-relative b--u-text-white" style="z-index:200; overflow: clip; background: linear-gradient(90deg, #E6E6E6 -20%, #FF5100 30%, #FF5100 70%, #E6E6E6 120%);" data-controller="attribute"> <div class="u-w-full u-flex u-flex-col md:u-flex-row u-justify-center u-items-center u-flex-wrap u-text-center b--u-px-6 b--u-py-1 md:u-py-0" style="gap: 0 1.5rem"> <p class="b--u-text-sm b--u-mb-1 b--u-mt-1 u-flex u-flex-col md:u-flex-row" style="gap: 0 1rem"> <strong >Black Friday 2024</strong> <span style="text-wrap: balance">Last-minute tips and <strong>free templates</strong> to grow your revenue.</span> </p> <a href="/black-friday/" class="c-btn v--dark v--sm b--u-text-sm b--u-text-bold b--u-my-1">Get free tips</a> </div> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="u-absolute u-hover-pointer" style="top: 15px; right: 15px" data-action="click->attribute#toggleHidden"><path d="m18 6.5-12 12M6 6.5l12 12" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="sm:u-hidden" style="position: absolute; left: calc(50% - 565px); top: 0; width: 982px; height: 9 60px; transform: translate(-50%, -50%); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="sm:u-hidden" style="position: absolute; right: calc(50% - 500px); top: 0; width: 982px; height: 960px; transform: translate(50%, -50%) rotate(180deg); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="u-hidden sm:u-block md:u-hidden" style="position: absolute; left: calc(50% - 645px); top: 0; width: 982px; height: 960px; transform: translate(-50%, -50%); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="u-hidden sm:u-block md:u-hidden" style="position: absolute; right: calc(50% - 600px); top: 0; width: 982px; height: 960px; transform: translate(50%, -50%) rotate(180deg); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="u-hidden md:u-block" style="position: absolute; left: calc(50% - 800px); top: 0; width: 982px; height: 960px; transform: translate(-50%, -50%); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="u-hidden md:u-block" style="position: absolute; right: calc(50% - 800px); top: 0; width: 982px; height: 960px; transform: translate(50%, -50%) rotate(180deg); pointer-events: none; user-select: none;"> </aside> <div class="c-navbar u-border-b " data-controller="attribute"> <div class="c-navbar__content"> <a href="/" class="c-navbar__logo"><img src="/lc-powered-by-logo.59e4207fd8afaeef387d20bfdb42958c49652808777bfbc227d1d69247059393.svg" alt="LiveChat logo" width="134" height="40"></a> <button class="c-navbar__button" aria-expanded="false" data-action="attribute#toggleHidden attribute#addClass attribute#toggleClass"> <span data-attribute-target="element">Menu</span> <span hidden data-attribute-target="element">Close</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" width="20" class="b--u-ml-1"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> <path d="M1 3.5h15" class="c-navbar__button__bar" /> <path d="M1 8h15" class="c-navbar__button__bar" /> <path d="M1 12.5h15" class="c-navbar__button__bar" /> </g> </svg> </button> <nav class="c-menu b--lg:u-ml-2.5 b--xl:u-ml-6 " data-controller="menu" data-attribute-target="element" data-attribute-toggle-class="v--active" hidden> <ul> <li data-menu-target="root"> <button class="c-menu__item v--top" data-menu-target="top">Product<span class="c-menu__arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div> <ul> <li><a href="/tour/" class="c-menu__item">Product Tour<br><small>Feel the LiveChat experience</small></a></li> <li><a href="/features/" class="c-menu__item">Features<br><small>Everything you need</small></a></li> <li><a href="/features/channels/" class="c-menu__item">Channels<br><small>Be where your customers are</small></a></li> </ul> </div> <div> <p class="c-menu__header">Solutions</p> <ul> <li><a href="/solutions/customer-support/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.1 17.8a14 14 0 0113.8 0M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Customer Support</a></li> <li><a href="/solutions/sales-and-marketing/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3h2l.4 2m0 0H21l-4 8H7M5.4 5L7 13m0 0l-2.3 2.3a1 1 0 00.7 1.7H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Sales & Marketing</a></li> <li><a href="/enterprise/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 11h2a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v3M8 4v1.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 004 0 2 2 0 012-2h1m-5 12.5V18a2 2 0 012-2h3m1-4a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Enterprise</a></li> </ul> </div> </div> <a href="/app/" class="c-menu__foot-action v--only-desktop"> Get LiveChat App<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 7.99992H2M9.33333 3.33325L14 7.99992L9.33333 3.33325ZM14 7.99992L9.33333 12.6666L14 7.99992Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </div> </li> <li data-menu-target="root"> <a class="c-menu__item v--top" href="/pricing/" data-menu-target="top">Pricing</a> </li> <li data-menu-target="root"> <button class="c-menu__item v--top" data-menu-target="top"> <span data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass">Integrations</span> <span class="u-hidden" data-controller="attribute logged-in" data-attribute-remove-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass">Marketplace</span> <span class="c-menu__arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div class="v--reset"> <p class="c-menu__header" data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass">Top Apps</p> <p class="c-menu__header u-hidden" data-controller="attribute logged-in" data-attribute-remove-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass">Top Integrations</p> <ul> <li><a href="/shopify-chat/" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19.2 5.5-.2-.2h-1.6L16 4c-.1-.2-.4 0-.4 0H15l-.4-.6c-.4-.9-1-1.3-1.9-1.3h-.2c-.3-.4-.8-.6-1.3-.6-1 0-2 .7-2.9 2.1-.6 1-1 2-1.1 3l-2 .6c-.7.2-.7.2-.7.7L2.9 20.3l13 2.2 5.6-1.4-2.3-15.6Zm-5-1.2-1 .4c0-.5 0-1.3-.2-1.9.8.1 1.2 1 1.3 1.5Zm-1.6.5-2.2.7c.2-.8.7-1.6 1.2-2 .1-.3.4-.5.7-.6.2.6.3 1.4.3 2Zm-1.4-2.6c.2 0 .4 0 .6.2-.2 0-.6.3-.8.6-.6.7-1.2 1.8-1.4 2.8L8 6.4c.4-1.8 1.7-4.2 3.3-4.2Z" fill="#95BF47"/><path d="M19 5.4h-1.6L16 4H16v18.5l5.6-1.4-2.3-15.6-.2-.1Z" fill="#5E8E3E"/><path d="m12.7 8.2-.6 2.4s-.7-.3-1.6-.2c-1.3 0-1.3.9-1.3 1 0 1.2 3 1.4 3.1 4 .1 2-1 3.3-2.8 3.5-2 0-3.2-1.2-3.2-1.2l.4-1.8s1.2.9 2 .8c.7 0 .9-.6.9-.9 0-1.4-2.4-1.3-2.6-3.7-.1-2 1.2-4 4-4.1 1.2 0 1.7.2 1.7.2Z" fill="#fff"/></svg></span>Shopify</a></li> <li><a href="/marketplace/apps/squarespace/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.4 12 12 5.5a2.4 2.4 0 0 1 3.4 0l.5.5 1-1-.5-.6a3.8 3.8 0 0 0-5.4 0L4.4 11l1 1Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="m14.3 7.6-1-1-6.7 6.6c-1 1-2.5 1-3.4 0-1-.9-1-2.4 0-3.4L8.9 4 8 3 2 8.8a4 4 0 0 0 0 5.5 3.8 3.8 0 0 0 5.5 0l6.7-6.7ZM20.9 8.8a3.8 3.8 0 0 0-5.5 0l-6.7 6.7 1 1 6.7-6.6a2.4 2.4 0 0 1 4.1 1.7c0 .6-.2 1.2-.7 1.7l-5.7 5.8 1 1 5.8-5.8a4 4 0 0 0 0-5.5Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.6 11 11 17.9c-1 1-2.5 1-3.4 0l-.5-.5-1 1 .5.5a3.8 3.8 0 0 0 5.4 0l6.6-6.7-1-1Z" fill="currentColor"/></svg> </span>Squarespace</a></li> <li><a href="/marketplace/apps/mailchimp/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z" fill="#FDDD4C"/><path d="M7.4 14.7c-.2-.3.3-.8.1-1.3a.8.8 0 0 0-1.3-.2c-.3.3-.3.7-.2.8v.1c.2 0 .2-.3.3-.4.1-.2.4-.3.7-.2.4.3 0 .7 0 1 0 .4.3.6.5.6l.4-.2c0-.2-.3.1-.5-.2ZM16 11.5h-.4l-.2-.5c-.1-.4-.1-.7.1-.7.3 0 .4.2.5.6v.6ZM13.4 11.8v.2l.4.2v.1h-.4c0 .2-.2.2-.4 0 0 0-.2.2-.3 0l.2-.1-.1-.5-.4.1H12l.2-.2.4-.2c0-.2 0-.4.2-.4s.3.1.4.4c.3 0 .5.2.6.4v.1l-.5-.1ZM15 12.7h.3c0-.1 0-.3-.2-.3h-.3c-.1.1 0 .3.1.3ZM15.6 12.2c0-.2.1-.3.3-.3l.2.3c0 .2-.1.3-.2.3-.2 0-.3-.1-.3-.3Z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.9 14.2c.2 0 .6.3.6 1 0 .6-.3 1.3-.3 1.5-1 2.3-3.4 3.6-6.2 3.5a6.4 6.4 0 0 1-5.8-3.6c-.6 0-1.2-.3-1.7-.7-.5-.4-.8-1-.9-1.5 0-.5 0-1 .2-1.3l-.6-.4c-2.5-2.1 5.4-10.8 8-8.6l.8.8c1.2-.5 4.4-1.5 4.4.8 0 .8-.4 1.6-1.2 2.4.9.8.6 2 .8 3l.3.2c.6.1 1 .3 1.2.6l.4.6c0 .2 0 .6-.3 1l.3.7ZM7 16h.3c.9-.2 1.1-1.2 1-2.2-.2-1-1-1.4-1.5-1.5h-.3c-1 .2-1.5 1-1.4 2 .1.9 1 1.6 2 1.7Zm-2-3.4c.3-.4.8-.7 1.3-.8.7-2 2-3.7 3.5-4.9 1.2-1 2.5-1.7 2.5-1.7s-.7-.8-1-.8c-1.2-.3-4 1.5-5.7 4C5 9.4 4 11.2 4.5 12l.6.5Zm10.3 3s-1 .4-2.7 0c0 .4.6.6 1 .7 2 .3 4-.8 4.4-1 0-.1 0 0 0 0-.6.7-2 1.4-3.8 1.4-.8 0-1.5-.2-1.8-.7-.5-.6 0-1.6.7-1.5a7 7 0 0 0 3.7-.5c1-.5 1.4-1 1.4-1.4-.1-.6-1-.7-1.5-.9-.3 0-.4-.1-.4-.5v-1c0-.5-.1-1-.5-1.3a.6.6 0 0 0-.5 0c-.2 0-.3 0-.5.2-.4.4-.8.4-1.3.4a7.9 7.9 0 0 1-.8 0h-.2c-.7 0-1.5.5-1.7 1.4-.1 1 .5 1.6.8 2l.2.2.1.2v.2a3.1 3.1 0 0 0-.7 3.3C12 18.3 14 19 16 18.4c1.4-.5 2.7-1.6 3-3 0-.4-.1-.6-.2-.7h-.3s0-.5-.3-1c-.6.5-1.3.9-1.9 1-.9.3-1.9.4-2.8.3-.4 0-.7-.1-.8.2 1.3.5 2.6.3 2.6.3Zm-3.7-8.9c-.6.4-1.4 1-2 1.7a6.4 6.4 0 0 1 5-1c-.4-.3-1-.4-1.5-.4 0-.2.2-.3.3-.3v-.1c-.6 0-2 .6-2 .6l.3-.5Z" fill="#000"/></svg></span>Mailchimp</a></li> </ul> </div> <div> <p class="c-menu__header u-hidden lg:u-block"></p> <ul class="b--lg:u-pt-2.5"> <li><a href="/marketplace/apps/whatsapp-business/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 23.25C17.799 23.25 22.5 18.549 22.5 12.75C22.5 6.95101 17.799 2.25 12 2.25C6.20101 2.25 1.5 6.95101 1.5 12.75C1.5 14.6332 1.99575 16.4005 2.86386 17.9287L1.5 23.25L6.98615 21.9778C8.47603 22.7891 10.1842 23.25 12 23.25ZM12 21.6346C16.9068 21.6346 20.8846 17.6568 20.8846 12.75C20.8846 7.84316 16.9068 3.86538 12 3.86538C7.09316 3.86538 3.11538 7.84316 3.11538 12.75C3.11538 14.6445 3.70838 16.4006 4.71888 17.8427L3.92308 20.8269L6.95995 20.0677C8.39202 21.0559 10.1284 21.6346 12 21.6346Z" fill="#BFC8D0"/> <path d="M21 12C21 16.9706 16.9706 21 12 21C10.1041 21 8.34516 20.4138 6.89449 19.4127L3.81818 20.1818L4.62432 17.1588C3.60069 15.698 3 13.9192 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" fill="url(#paint0_linear_45_490)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 13.8832 1.99575 15.6505 2.86386 17.1787L1.5 22.5L6.98615 21.2278C8.47603 22.0391 10.1842 22.5 12 22.5ZM12 20.8846C16.9068 20.8846 20.8846 16.9068 20.8846 12C20.8846 7.09316 16.9068 3.11538 12 3.11538C7.09316 3.11538 3.11538 7.09316 3.11538 12C3.11538 13.8945 3.70838 15.6506 4.71888 17.0927L3.92308 20.0769L6.95995 19.3177C8.39202 20.3059 10.1284 20.8846 12 20.8846Z" fill="white"/> <path d="M9.37502 7.12501C9.12537 6.62357 8.7424 6.66797 8.35551 6.66797C7.66407 6.66797 6.58594 7.49618 6.58594 9.03756C6.58594 10.3008 7.14259 11.6836 9.01831 13.7522C10.8285 15.7485 13.207 16.7812 15.1816 16.746C17.1563 16.7109 17.5625 15.0117 17.5625 14.4378C17.5625 14.1835 17.4047 14.0566 17.2959 14.0221C16.6231 13.6992 15.382 13.0974 15.0996 12.9844C14.8172 12.8713 14.6698 13.0243 14.5781 13.1074C14.3221 13.3515 13.8144 14.0707 13.6406 14.2324C13.4668 14.3942 13.2077 14.3123 13.0999 14.2512C12.7031 14.092 11.6272 13.6134 10.7696 12.7821C9.70899 11.7539 9.64675 11.4002 9.44693 11.0853C9.28707 10.8334 9.40437 10.6789 9.46291 10.6113C9.69142 10.3477 10.007 9.94058 10.1485 9.73829C10.29 9.53599 10.1776 9.22885 10.1102 9.03756C9.82033 8.21485 9.57473 7.52615 9.37502 7.12501Z" fill="white"/> <defs> <linearGradient id="paint0_linear_45_490" x1="19.875" y1="5.25" x2="3" y2="21" gradientUnits="userSpaceOnUse"> <stop stop-color="#5BD066"/> <stop offset="1" stop-color="#27B43E"/> </linearGradient> </defs> </svg> </span>WhatsApp</a></li> <li><a href="/marketplace/apps/facebook-messenger/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10.5" fill="url(#a)"/><path d="m16 15.2.4-3h-3v-1.9c0-.8.5-1.6 1.8-1.6h1.3V6.2L14.1 6c-2.4 0-4 1.4-4 4v2.2H7.6v3h2.7v7.2a10.9 10.9 0 0 0 3.3 0v-7.2h2.4Z" fill="#fff"/><defs><linearGradient id="a" x1="12" y1="1.5" x2="12" y2="22.4" gradientUnits="userSpaceOnUse"><stop stop-color="#18ACFE"/><stop offset="1" stop-color="#0163E0"/></linearGradient></defs></svg></span>Facebook</a></li> <li><a href="/marketplace/apps/hubspot/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7 8.4V6a2 2 0 0 0 1.1-1.7 2 2 0 0 0-2-2 2 2 0 0 0-1.9 2A2 2 0 0 0 16 6v2.5c-1 .2-1.8.6-2.6 1.2L6.6 4.2a2.2 2.2 0 0 0-2.7-2.6A2.2 2.2 0 0 0 2.8 5a2.2 2.2 0 0 0 2.7.5l6.8 5.2a5.4 5.4 0 0 0 0 6.2l-2 2h-.5a1.8 1.8 0 0 0-1.7 2 1.8 1.8 0 0 0 2.4 1.4 1.8 1.8 0 0 0 1-1.7v-.5l2-2a5.5 5.5 0 0 0 8.1-7 5.5 5.5 0 0 0-4-2.8h.1Zm-.8 8.2a2.8 2.8 0 0 1-2.8-3.3 2.8 2.8 0 0 1 5.1-1 2.8 2.8 0 0 1-2.3 4.3" fill="#FF7A59"/></svg></span>HubSpot</a></li> </ul> </div> </div> <a href="/marketplace/" class="c-menu__foot-action v--m-button"> Discover 200+ integrations<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 7.99992H2M9.33333 3.33325L14 7.99992L9.33333 3.33325ZM14 7.99992L9.33333 12.6666L14 7.99992Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </div> </li> <li data-menu-target="root" data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass"> <button class="c-menu__item v--top" data-menu-target="top">Customers<span class="c-menu__arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div> <ul> <li><a href="/customers/" class="c-menu__item">Our customers<br><small>Join 37000+ companies</small></a></li> <li><a href="/customers/customer-stories/" class="c-menu__item">Case Studies<br><small>How others grow with LiveChat</small></a></li> <li><a href="/customers/live-chat-reviews/" class="c-menu__item v--no-border">Reviews<br><small>What they say about us</small></a></li> </ul> </div> <div> <p class="c-menu__header">Industries</p> <ul> <li><a href="/solutions/ecommerce/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 11V7a4 4 0 10-8 0v4M5 9h14l1 12H4L5 9z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Ecommerce</a></li> <li><a href="/solutions/it-software/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Software & IT</a></li> <li><a href="/solutions/education/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 20v-7.5l4-2.2m0 3.7l9-5-9-5-9 5 9 5zm0 0l6.2-3.4c.8 2 1 4.3.6 6.5a12 12 0 00-6.8 3 12 12 0 00-6.8-3 12 12 0 01.6-6.5L12 14z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Education</a></li> <li><a href="/solutions/livechat-for-finance/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 21h16M4 10h16M20 10V7l-8-4-8 4v3M7 10v11M17 10v11M12 10v11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </span>Finance</a></li> </ul> </div> </div> </div> </li> <li data-menu-target="root" class="u-hidden" data-controller="attribute logged-in" data-attribute-remove-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass"> <a class="c-menu__item v--top" href="/help/" data-menu-target="top">Help Center</a> </li> <li class="v--only-mobile"> <a href="/app/" class="c-menu__item v--top">App</a> </li> <li data-menu-target="root"> <button class="c-menu__item v--top" data-menu-target="top">Resources<span class="c-menu__arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div> <ul> <li data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass"><a href="/help/" class="c-menu__item"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16a4 4 0 100-8 4 4 0 000 8z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 21a9 9 0 100-18 9 9 0 000 18zM15 15l3.4 3.4M9 15l-3.4 3.4M5.6 5.6L9 9M18.4 5.6L15 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </span>Help Center</a></li> <li class="v--only-mobile"><a href="/success/" class="c-menu__item" target="_blank"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.7C0 1.2 1.2 0 2.7 0h18.6C22.8 0 24 1.2 24 2.7v18.6c0 1.5-1.2 2.7-2.7 2.7H2.7A2.7 2.7 0 010 21.3V2.7z" fill="#FFD000"/><path d="M7 12.6v-.2h2.6v.2c0 .9.8 1.5 2.1 1.5s2.1-.5 2.1-1.4c0-.5-.2-.8-.9-1L9.7 11c-1.6-.4-2.5-1.2-2.5-2.8C7.2 6 9 4.7 11.6 4.7c2.6 0 4.3 1.3 4.3 3.5v.1h-2.5v-.2c0-.8-.5-1.4-1.8-1.4-1.1 0-1.8.5-1.8 1.2 0 .6.3.8.8 1l3.3.8c1.6.4 2.5 1.3 2.5 2.8 0 2-2 3.6-4.7 3.6S7 14.9 7 12.6z" fill="#1B1B20"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6 8.9c-.5-.2-.8-.4-.8-1 0-.7.7-1.2 1.8-1.2 1.3 0 1.8.6 1.8 1.4v.2h2.5v-.1V8c-.1-2-1.8-3.3-4.3-3.3C9 4.7 7.2 6 7.2 8.2c0 1.6.9 2.4 2.5 2.8l3.2.8c.7.1 1 .4 1 1 0 .8-1 1.3-2.2 1.3-1.3 0-2.1-.6-2.1-1.5v-.2H7V12.7c.1 2.3 2 3.4 4.7 3.4s4.7-1.5 4.7-3.6c0-1.5-.9-2.4-2.5-2.8l-3.3-.8zm1 6.9c2.7 0 4.4-1.5 4.4-3.3 0-.7-.2-1.2-.5-1.6-.3-.4-.9-.7-1.6-.9l-3.4-.8c-.3 0-.6-.2-.8-.4-.2-.2-.3-.5-.3-.9 0-.5.3-.9.7-1.1.4-.3.9-.4 1.5-.4.7 0 1.2.1 1.6.5.3.3.5.7.5 1h1.9c0-.8-.5-1.5-1-2-.8-.5-1.8-.9-3-.9s-2.2.3-3 .9c-.6.5-1 1.3-1 2.3 0 .7.1 1.3.5 1.6a3.2 3.2 0 001.7.9l3.2.7c.4.1.7.3.9.5.2.2.3.5.3.8 0 .6-.3 1-.8 1.3-.4.3-1 .4-1.7.4s-1.3-.1-1.7-.5c-.5-.2-.7-.7-.8-1.2H7.4c0 1 .5 1.7 1.1 2.2.8.6 1.9.8 3.2.9zM5.6 19.7l-.1-1-.1-1h.2A151.5 151.5 0 0111 17h7v2.1h-7a40.2 40.2 0 00-5.2.5h-.1z" fill="#1B1B20"/></svg> </span>Success by LiveChat<br><small>More than a business blog!</small></a></li> <li><a href="/news/" class="c-menu__item"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 5.9v13.3a1.8 1.8 0 01-3.4.6l-2.2-6.1m0 0A4 4 0 017 6h1.8C13 6 16.5 4.8 18 3v14c-1.5-1.8-5-3-9.2-3H7a4 4 0 01-1.6-.3zM18 13a3 3 0 000-6v6z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Product News</a></li> <li class="v--only-desktop"><a href="/marketplace/partners/" class="c-menu__item"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 20h5v-2a3 3 0 00-5.4-1.9M17 20l-.4-3.9M17 20H7m10 0v-2a5 5 0 00-.4-1.9m0 0a5 5 0 00-9.2 0M7 20H2v-2a3 3 0 015.4-1.9M7 20l.4-3.9M7 20v-2c0-.7.1-1.3.4-1.9M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Partners Marketplace</a></li> <li><a href="https://developers.livechat.com" class="c-menu__item" target="_blank" rel="noopener"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>API & Developers</a></li> <li><a href="https://partners.livechat.com?utm_source=livechat.com&utm_medium=referral&utm_content=top_navigation" class="c-menu__item v--no-border" target="_blank" rel="noopener"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 3a1 1 0 012 0l1.5 4.6a1 1 0 001 .7h4.8A1 1 0 0121 10L17 13a1 1 0 00-.3 1.1l1.5 4.7a1 1 0 01-1.5 1.1l-4-2.9a1 1 0 00-1.2 0l-4 2.9A1 1 0 016 18.8L7.4 14a1 1 0 00-.3-1.1L3 10a1 1 0 01.6-1.8h4.9a1 1 0 001-.7L11 2.9v0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Partner Program</a></li> <li class="v--only-desktop"><a href="https://status.livechat.com" class="c-menu__item" target="_blank" rel="noopener"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>System Status</a></li> </ul> </div> <div class="v--only-desktop"> <p class="c-menu__header">Learn</p> <ul> <li><a href="/success/" class="c-menu__item" target="_blank"><span class="c-menu__icon u--mr-xs"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.7C0 1.2 1.2 0 2.7 0h18.6C22.8 0 24 1.2 24 2.7v18.6c0 1.5-1.2 2.7-2.7 2.7H2.7A2.7 2.7 0 010 21.3V2.7z" fill="#FFD000"/><path d="M7 12.6v-.2h2.6v.2c0 .9.8 1.5 2.1 1.5s2.1-.5 2.1-1.4c0-.5-.2-.8-.9-1L9.7 11c-1.6-.4-2.5-1.2-2.5-2.8C7.2 6 9 4.7 11.6 4.7c2.6 0 4.3 1.3 4.3 3.5v.1h-2.5v-.2c0-.8-.5-1.4-1.8-1.4-1.1 0-1.8.5-1.8 1.2 0 .6.3.8.8 1l3.3.8c1.6.4 2.5 1.3 2.5 2.8 0 2-2 3.6-4.7 3.6S7 14.9 7 12.6z" fill="#1B1B20"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6 8.9c-.5-.2-.8-.4-.8-1 0-.7.7-1.2 1.8-1.2 1.3 0 1.8.6 1.8 1.4v.2h2.5v-.1V8c-.1-2-1.8-3.3-4.3-3.3C9 4.7 7.2 6 7.2 8.2c0 1.6.9 2.4 2.5 2.8l3.2.8c.7.1 1 .4 1 1 0 .8-1 1.3-2.2 1.3-1.3 0-2.1-.6-2.1-1.5v-.2H7V12.7c.1 2.3 2 3.4 4.7 3.4s4.7-1.5 4.7-3.6c0-1.5-.9-2.4-2.5-2.8l-3.3-.8zm1 6.9c2.7 0 4.4-1.5 4.4-3.3 0-.7-.2-1.2-.5-1.6-.3-.4-.9-.7-1.6-.9l-3.4-.8c-.3 0-.6-.2-.8-.4-.2-.2-.3-.5-.3-.9 0-.5.3-.9.7-1.1.4-.3.9-.4 1.5-.4.7 0 1.2.1 1.6.5.3.3.5.7.5 1h1.9c0-.8-.5-1.5-1-2-.8-.5-1.8-.9-3-.9s-2.2.3-3 .9c-.6.5-1 1.3-1 2.3 0 .7.1 1.3.5 1.6a3.2 3.2 0 001.7.9l3.2.7c.4.1.7.3.9.5.2.2.3.5.3.8 0 .6-.3 1-.8 1.3-.4.3-1 .4-1.7.4s-1.3-.1-1.7-.5c-.5-.2-.7-.7-.8-1.2H7.4c0 1 .5 1.7 1.1 2.2.8.6 1.9.8 3.2.9zM5.6 19.7l-.1-1-.1-1h.2A151.5 151.5 0 0111 17h7v2.1h-7a40.2 40.2 0 00-5.2.5h-.1z" fill="#1B1B20"/></svg> </span>Success by LiveChat<br><small>More than a business blog!</small></a></li> <li><a href="/customer-service-report/" class="c-menu__item">Customer Service Report<br><small>Discover the latest data</small></a></li> <li><a href="/benchmark/" class="c-menu__item">Local Benchmark<br><small>Compare your results</small></a></li> <li><a href="/webinars/" class="c-menu__item">Webinars<br><small>LiveChat Workshops</small></a></li> <li><a href="/privacy-policy-generator/" class="c-menu__item">Privacy Policy Generator<br><small>Become GDPR compliant</small></a></li> </ul> </div> </div> </div> </li> </ul> <div class="v--only-mobile b--u-p-3 u-mt-auto u-mb-0" data-controller="attribute logged-in append-params" data-append-params-params-value="region" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass"> <form data-append-params-target="form" action="https://accounts.livechat.com/signup" method="GET" data-controller="signup" data-action="signup#submit" class="o-input-group b--u-mb-3"> <input type="email" name="email" class="" style="border-color: #767680;" data-signup-target="email" placeholder="Enter your email" aria-label="Business Email" required autocomplete="email" /> <input type="hidden" name="source_id" value="header_cta" /> <input type="hidden" name="source_url" value="https://www.livechat.com/tour/" /> <input type="hidden" name="source_type" value="website" /> <div class="o-input-group__append"> <button type="submit" class="c-btn v--signup">Sign up free</button> </div> </form> <p class="u-text-center"><a href="https://my.livechatinc.com" data-controller="track" data-track-category="Log In Button" data-track-action="Top Nav" data-track-label="Redirect to Accounts" data-action="track#send">Already a customer? <span class="u-text-primary">Log in</span></a></p> </div> </nav> <div class="c-navbar__actions" data-controller="attribute logged-in append-params" data-append-params-params-value="region" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass"> <a href="https://my.livechatinc.com" class="c-btn v--sm v--secondary hover:u-bg-gray-900 hover:u-border-gray-900 hover:u-text-black u-border-white" data-controller="track" data-track-category="Log In Button" data-track-action="Top Nav" data-track-label="Redirect to Accounts" data-action="track#send">Log in</a> <div class="lc-signup-expandable" data-controller="expandable-signup"> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="signup" data-action="signup#submit" data-expandable-signup-target="form"> <div class="o-input-group"> <input type="email" name="email" class="v--sm b--u-text-sm" data-signup-target="email" data-expandable-signup-target="input" placeholder="Enter your business email" aria-label="Business Email" required autocomplete="email" /> <input type="hidden" name="source_id" value="header_cta" /> <input type="hidden" name="source_url" value="https://www.livechat.com/tour/" /> <input type="hidden" name="source_type" value="website" /> <div class="o-input-group__append"> <button type="submit" class="c-btn v--signup v--sm">Sign up free</button> </div> </div> </form> <a data-append-params-target="link" href="https://accounts.livechat.com/signup?source_id=header_cta&source_url=https://www.livechat.com/tour/&source_type=website" class="c-btn v--secondary hover:u-bg-signup hover:u-border-signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-action="track#send" data-expandable-signup-target="button">Sign up free</a> </div> </div> <div class="u-hidden lg:u-hidden lg:u-ml-auto" data-controller="attribute logged-in" data-attribute-remove-class="lg:u-hidden" data-attribute-add-class="lg:u-block" data-action="logged-in:loggedIn->attribute#removeClass logged-in:loggedIn->attribute#addClass"> <div class="u-hidden lg:u-flex u-flex-row u-items-center gap-1"> <a href="https://my.livechatinc.com" class="c-btn v--sm b--u-py-1.5 v--secondary " data-controller="track" data-track-category="Log In Button" data-track-action="Top Nav" data-track-label="Instant Login" data-action="track#send">Go to app</a> <div class="c-navbar__actions u-hidden" data-controller="attribute logged-in" data-attribute-remove-class="u-hidden" data-action="logged-in:loggedInWithUserData->attribute#removeClass"> <div class="t-homepage-menu" data-controller="click-focus"> <button data-action="click-focus#toggleFocusClass" class="t-homepage-menu-button c-btn u-p-1 u-rounded u-flex u-items-center v--transparent u-border-none hover:u-bg-gray-900 "> <img data-logged-in-target="avatar" src="/images/user-avatar.370edf4b344b55dcfcaea4f1f214d235b9bbfdea238dc609ef52d7b65c355d75.svg" alt="" class="t-homepage-user-icon u-round b--u-mr-1" style="width: 32px; height: 32px; object-fit: cover;"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div class="t-homepage-menu-content b--u-bg-white u-shadow"> <div class="b--u-m-2 u-flex gap-1 u-items-center"> <div><img data-logged-in-target="avatar" src="/images/user-avatar.370edf4b344b55dcfcaea4f1f214d235b9bbfdea238dc609ef52d7b65c355d75.svg" alt="" class="t-homepage-user-icon u-round" style="width: 38px; height: 38px; object-fit: cover"></div> <div> <div data-logged-in-target="name" class="b--u-text-md b--u-text-bold">User Name</div> <div data-logged-in-target="email" class="b--u-text-xs"></div> </div> </div> <div style="width:100%; margin-top:10px; margin-bottom:4px; border-bottom:1px solid #eaeaec;"></div> <a href="https://my.livechatinc.com/subscription/?source_id=user_menu&source_url=https%3A%2F%2Fwww.livechat.com%2ftour%2f&source_type=website" class="c-menu__item u-flex u-items-center b--u-bg-transparent u-w-full hover:u-bg-gray-900 "> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="b--u-mr-1"> <g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" clip-path="url(#clip0_1731_971)"> <path d="M9 12H5.4a1 1 0 0 1-.7-1.7l6.6-6.6a1 1 0 0 1 1.4 0l6.6 6.6a1 1 0 0 1-.7 1.7H15v6H9v-6ZM9 21h6" /> </g> <defs> <clipPath id="clip0_1731_971"> <path fill="#fff" d="M0 0h24v24H0z" /> </clipPath> </defs> </svg> Upgrade</a> <a href="/help/" class="c-menu__item u-flex u-items-center b--u-bg-transparent u-w-full hover:u-bg-gray-900 "> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="b--u-mr-1"> <g stroke="#1B1B20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" clip-path="url(#clip0_2_3853)"> <path d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 17v0" /> <path d="M12 13.5a1.5 1.5 0 0 1 1-1.5 2.6 2.6 0 1 0-3-4" /> </g> <defs> <clipPath id="clip0_2_3853"> <path fill="#fff" d="M0 0h24v24H0z" /> </clipPath> </defs> </svg> Help Center</a> <button class="c-menu__item u-flex u-items-center b--u-bg-transparent u-w-full hover:u-bg-gray-900 " data-action="click-focus#removeFocusClass" onclick="LC_API.open_chat_window();return false;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="b--u-mr-1"> <g clip-path="url(#clip0_2_4566)"> <path stroke="#1B1B20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20 1.3-3.9a7.3 7.3 0 0 1-1.1-5.5c.3-2 1.5-3.7 3.2-4.9a9.8 9.8 0 0 1 11.8.5 7.4 7.4 0 0 1 1 10.5 9.2 9.2 0 0 1-5.2 3 10 10 0 0 1-6.3-.7L3 20" /> <path fill="#1B1B20" fill-rule="evenodd" d="M12.3 11c.6 0 1.2.6 1.2 1.3a1.2 1.2 0 1 1-2.5 0c0-.7.6-1.3 1.3-1.3ZM7.7 11c.7 0 1.3.6 1.3 1.2a1.2 1.2 0 0 1-2.5 0c0-.6.6-1.2 1.2-1.2ZM16.8 11c.6 0 1.2.6 1.2 1.3a1.2 1.2 0 1 1-2.5 0c0-.7.6-1.3 1.3-1.3Z" clip-rule="evenodd" /> </g> <defs> <clipPath id="clip0_2_4566"> <path fill="#fff" d="M0 0h24v24H0z" /> </clipPath> </defs> </svg> Chat with us</button> <button class="c-menu__item u-flex u-items-center b--u-bg-transparent u-w-full hover:u-bg-gray-900 " data-controller="logged-in" data-action="logged-in#logout"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="b--u-mr-1"> <g stroke="#1B1B20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" clip-path="url(#clip0_2_4402)"> <path d="M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2M7 12h14m0 0-3-3m3 3-3 3" /> </g> <defs> <clipPath id="clip0_2_4402"> <path fill="#fff" d="M0 0h24v24H0z" /> </clipPath> </defs> </svg> Logout</button> </div> </div> </div> </div> </div> </div> </div> <div > <div class="u-text-center b--u-my-8 b--md:u-my-12 b--u-px-2"> <div class="b--u-mb-2" style="font-size: 16px; letter-spacing: 0.052em; text-transform: uppercase;">LIVECHAT OVERVIEW - PRODUCT TOUR</div> <h1 class="b--u-text-5xl b--u-text-medium u-maxw-8 u-mx-auto b--u-mb-2">See LiveChat<br>from the inside</h1> <p class="b--u-text-lg u-maxw-6 u-mx-auto b--u-mb-6">Get to know the key elements of LiveChat even before creating your account.</p> <div data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass" class="u-text-center"> <div class="u-maxw-6 u-w-ful u-mx-auto"> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="signup track" data-action="track#send" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" > <div class="u-maxw-6 u-mx-auto u-flex u-flex-col sm:u-flex-row"> <input type="email" name="email" class="u-mr-xs u-mb-xs sm:u-mb-0" style="min-width: 14rem; height:58px;" data-signup-target="email" data-expandable-signup-target="input" placeholder="Enter your business email" aria-label="Business Email" required> <input type="hidden" name="source_id" value="hero"> <input type="hidden" name="source_url" value="https://www.livechat.com/tour/"> <input type="hidden" name="source_type" value="website"> <button type="submit" class="c-btn v--signup" style="height:58px;">Sign up free</button> </div> </form> <p class="u-Mt-2xs u-mb-0 u-text-p7 u-text-center"> <span class="b--u-mr-2 u-inline-block u-pb-0"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" class="b--u-mr-1"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"> </path> </svg> Free 14-day trial </span> <span class="b--u-mr-2 u-inline-block u-pb-0"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" class="b--u-mr-1"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"> </path> </svg> Automation </span> <span class="b--u-mr-2 u-inline-block u-pb-0"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" class="b--u-mr-1"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"> </path> </svg> Robust reporting </span> </p> </div> </div> </div> <div class="u-maxw-10 xl:u-maxw-12 md:u-mx-auto u-flex u-flex-col-rev lg:u-flex-row u-justify-center" data-controller="viewport" data-viewport-options-value='{"rootMargin": "-50% 0% -50% 0%", "threshold": 0}' style="gap: 1em;"> <aside> <ol class="t-tour__nav" style="list-style: none;"> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__widget-section@document->attribute#addClass viewport:exited__widget-section@document->attribute#removeClass" style="background-color: #EEE8FF; border-color: #EEE8FF"> <a href="#widget"> <span class="t-tour__nav-index">01</span> <span class="t-tour__nav-title b--u-text-bold">Chat Widget</span> </a> </li> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__one-section@document->attribute#addClass viewport:exited__one-section@document->attribute#removeClass" class="v--dark" style="background-color: #29292F; border-color: #29292F"> <a href="#one"> <span class="t-tour__nav-index">02</span> <span class="t-tour__nav-title b--u-text-bold">Copilot</span> </a> </li> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__home-section@document->attribute#addClass viewport:exited__home-section@document->attribute#removeClass" style="background-color: #FFD000; border-color: #FFD000"> <a href="#home"> <span class="t-tour__nav-index">03</span> <span class="t-tour__nav-title b--u-text-bold">Home</span> </a> </li> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__chats-section@document->attribute#addClass viewport:exited__chats-section@document->attribute#removeClass" style="background-color: #D1C0FF; border-color: #D1C0FF"> <a href="#chats"> <span class="t-tour__nav-index">04</span> <span class="t-tour__nav-title b--u-text-bold">Chats</span> </a> </li> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__engage-section@document->attribute#addClass viewport:exited__engage-section@document->attribute#removeClass" style="background-color: #F3C600; border-color: #F3C600"> <a href="#engage"> <span class="t-tour__nav-index">05</span> <span class="t-tour__nav-title b--u-text-bold">Engage</span> </a> </li> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__archives-section@document->attribute#addClass viewport:exited__archives-section@document->attribute#removeClass" style="background-color: #EEE8FF; border-color: #EEE8FF"> <a href="#archives"> <span class="t-tour__nav-index">06</span> <span class="t-tour__nav-title b--u-text-bold">Archives</span> </a> </li> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__team-section@document->attribute#addClass viewport:exited__team-section@document->attribute#removeClass" style="background-color: #FEDC89; border-color: #FEDC89"> <a href="#team"> <span class="t-tour__nav-index">07</span> <span class="t-tour__nav-title b--u-text-bold">Team</span> </a> </li> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__reports-section@document->attribute#addClass viewport:exited__reports-section@document->attribute#removeClass" style="background-color: #B99AFF; border-color: #B99AFF"> <a href="#reports"> <span class="t-tour__nav-index">08</span> <span class="t-tour__nav-title b--u-text-bold">Reports</span> </a> </li> <li data-controller="attribute" data-attribute-add-class="v--active" data-attribute-remove-class="v--active" data-action="viewport:entered__apps-section@document->attribute#addClass viewport:exited__apps-section@document->attribute#removeClass" style="background-color: #FFD000; border-color: #FFD000"> <a href="#apps"> <span class="t-tour__nav-index">09</span> <span class="t-tour__nav-title b--u-text-bold">Apps</span> </a> </li> </ol> </aside> <main class="u-maxw-8 xl:u-maxw-10 b--u-mx-2 md:u-mx-auto lg:u-mx-0">  <section id="widget-section" class="t-tour__section" data-viewport-target="element"> <div id="widget" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="background: #EEE8FF;--section-accent-color: #EEE8FF"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Chat Widget</h2> <span class="b--u-text-3xl" style="font-weight: normal;">01</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">LiveChat consists of the customer-facing Chat Widget and the Agent App. The Chat Widget, sometimes referred to as a chat box or chat window, is what you're probably more familiar with. It's what customers can see on your website once you've installed LiveChat and where they can start a chat.<br/><br/><a href='https://accounts.livechat.com/signup?source_id=chat_widget_section_cta&source_url=https%253A%252F%252Fwww.livechat.com%252Ftour%252F&source_type=website' class='c-link b--u-text-base b--u-text-bold'>Start LiveChat for free</a></p> <button class="c-btn v--secondary v--outline v--thick" data-controller="track" data-track-category="Interactions" data-track-action="Button Click" data-track-label="Play Tour video (widget)" data-action="click->modal#show click->track#send"> Watch a video <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_5089)"> <path d="M7 4V20L20 12L7 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_5089"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </button> <dialog class="b--u-bg-transparent b--u-mb-auto" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img class="u-w-auto u-bg-white u-round u-shadow-lg b--u-my-2 u-mr-0 t-cc-icon-close u-hover-pointer" src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" alt="icon close" loading="eager" style="width: 36px;"> </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="about:blank" data-src="https://www.youtube.com/embed/VGuMrqb-vZE?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> <div > <img class="md:u-hidden u-maxw-4" src="/tour/widget--hero-mobile_hu5c1398c6fa589e9be38c6d07f6e2012a_36508_704x0_resize_q75_h2_catmullrom_3.ccf095707c8711b4836d87dcf998c9412a242491e5ef0896b096a6caf46094bb.webp" alt="A preview of the chat widget and the conversation between a customer and customer support agent." width="352" height="488" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-16 o-wrapper" src="/tour/widget--hero_hu22b519176c43083a87d04238a71bc241_46987_1856x0_resize_q75_h2_catmullrom_3.e6b7e96af36aec4983216479b059feb79ac2f19662b6b7b11ea3d91987243275.webp" alt="A preview of the chat widget and the conversation between a customer and customer support agent." width="928" height="494" type="image/webp"> </div> </div> <div id="website-preview-section" class="u-hidden md:u-flex u-flex-col u-items-center u-maxw-6 u-mx-auto u-text-center b--u-my-12"> <p class="b--u-text-xl b--u-text-medium"><span class="b--u-bg-purple-100 b--u-px-2 b--u-py-0.5 b--u-rounded-8 u-inline-block b--u-mb-1">Preview LiveChat</span><br>on your home page with one click</p> <form action="/website-preview/" method="GET" class="u-w-full" data-controller="track" data-track-category="Interactions" data-track-action="Form submit" data-track-label="Website Preview" data-action="track#send"> <div class="u-flex u-flex-col sm:u-flex-row u-maxw-5 u-mx-auto"> <input type="url" name="url" class="b--u-mr-1 b--u-mb-1 sm:u-mb-0" style="min-width: 14rem; height:58px;" placeholder="Your URL" aria-label="Website address" onfocus="previewFormFocus(event)" pattern="http(s)?://.*\..*" title="http(s)://(www.)yourwebsite.xyz" required /> <script type="text/javascript"> previewFormFocus = function (event) { if (!event.target.value.length) { event.target.value = "https://"; setTimeout(function () { event.target.selectionStart = event.target.selectionEnd = 10000; }, 0); } }; </script> <button type="submit" class="c-btn v--dark" style="height:58px;">Preview</button> </div> </form> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Make Chat Widget your own</h2> <p class="b--u-px-6 b--md:u-px-8">While the Chat Widget is ready to use out of the box, it is also highly customizable. With just a few clicks, you can easily align it with your visual identity and even preview it live on your web page. Here's what else you can do with the Chat Widget:</p> <div class="b--u-px-6 b--md:u-px-8 b--u-pb-4"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="" data-show-3xl="3" data-show-2xl="3" data-show-xl="3" data-show-lg="3" data-show-md-two="3" data-show-md-one="3" data-show-md="2" data-show-sm="1" data-loop="false" data-space-between="20" data-pagination="false"> <div class="swiper-container " data-swiper-target="container"> <div class="swiper-prev u-flex u-items-center u-justify-center" data-swiper-target="prev"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> </i> </div> <div class="swiper-next u-flex u-items-center u-justify-center" data-swiper-target="next"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/> </svg> </i> </div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/widget--swiper-1_hu7a895e78c8bf2c66c37f5d5c81bf1942_7410_512x0_resize_q75_h2_catmullrom_3.dc0c47772e7dccbe6c0f0e222be9be38b4599f4a97c936167d380cde98e63bf6.webp" alt="A preview of language selection in the chat widget settings." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Select language</h3> <p class="b--u-text-sm u-m-0">Change the Chat Widget language and set the first automatic message, giving your agents some extra time.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/widget--swiper-2_hu6e7a450e24e2df55096dc8b5ae427f65_8148_512x0_resize_q75_h2_catmullrom_3.cfca8ba1cd166de19d6803c131c8ea25a2b1d227abdcf6ce23fbcea0a9cfe969.webp" alt="A preview of availability selection in the chat widget settings." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Set up availability</h3> <p class="b--u-text-sm u-m-0">Decide if the customer can always leave a message or only when support reps are online.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/widget--swiper-3_hu128c177c84468053c162e44d4d84e77e_12303_512x0_resize_q75_h2_catmullrom_3.388280fe4e56ed02c767a214c65820ac019d7cae8b2188eb77ef5fc91daefcd6.webp" alt="A preview of pre-chat form in the chat widget settings." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Set the pre-chat form</h3> <p class="b--u-text-sm u-m-0">Collect leads or the post-chat to let customers rate the chat and leave comments.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/widget--swiper-4_huc69a34837ce003f5826187c0df3ee5f7_5777_512x0_resize_q75_h2_catmullrom_3.186b85f62722ece767bb390648cd069820a01a169916ea3dbaae2085c8d923dd.webp" alt="A preview of chat routing setup in the chat widget settings." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Use chat routing</h3> <p class="b--u-text-sm u-m-0">Divide incoming chats by departments, such as product pages to sales and FAQ pages to support.</p> </div> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Add the chat widget to your website </div> <a href="https://accounts.livechat.com/signup?source_id=hero&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section>  <section id="one-section" class="t-tour__section" data-viewport-target="element"> <div id="one" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="color: #FCFCFC;background: #29292F;--section-accent-color: #29292F"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Copilot</h2> <span class="b--u-text-3xl" style="font-weight: normal;">02</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">Copilot is a free AI assistant available to everyone on your team and accessible in every section of the LiveChat app. Copilot knows all the ins and outs of LiveChat and other Text products, so it's always ready to help your agents provide faster and smarter support.</p> </div> </div> <div class="t-tour__section-hero-image" style="translate: 0 2px;"> <div class="md:u-hidden b--u-text-sm b--u-text-bold u-text-right b--u-mr-2 b--u-mb-1" style="opacity: .4"> <span>swipe me</span> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_9962)"> <path d="M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.521 5.593 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60688 11.0359 5.02507 10.9471 5.43816 10.9978C5.85125 11.0486 6.23554 11.2359 6.53 11.53L8 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.54099 5.59399C3.3084 5.03296 4.13299 4.55463 5.00099 4.16699" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 3.45801C15.32 3.81201 16.558 4.36001 17.685 5.07001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_9962"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <span class="t-tour__section-hero-image-overflow t-tour__image--ai"> <img class="b--u-rounded-12 u-shadow-xl o-wrapper" src="/tour/one--hero_hueba066512342ab5e65d724a5dec20a1d_130716_1856x0_resize_q75_h2_catmullrom_3.98ecb09412d1afb2e2daf1c59c7c0d939eb5cd3903e823585bd8a99c83f90f7c.webp" alt="Copilot, your AI assistant, inside the LiveChat app." width="928" height="494" type="image/webp"> </span> </div> </div> <div class="t-tour__box v--dark b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0"><span class="u-flex u-flex-col-rev md:u-flex-row u-items-center gap-1">AI toolkit</span></h2> <p class="b--u-px-6 b--md:u-px-8">LiveChat is packed with powerful AI features for those who want to get even more out of automation. It makes crossing off your daily to-do list a walk in the park. What’s in it for you?</p> <div class="b--u-px-6 b--md:u-px-8 b--u-pb-4"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="" data-show-3xl="3" data-show-2xl="3" data-show-xl="3" data-show-lg="3" data-show-md-two="3" data-show-md-one="3" data-show-md="2" data-show-sm="1" data-loop="false" data-space-between="20" data-pagination="false"> <div class="swiper-container " data-swiper-target="container"> <div class="swiper-prev u-flex u-items-center u-justify-center" data-swiper-target="prev"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> </i> </div> <div class="swiper-next u-flex u-items-center u-justify-center" data-swiper-target="next"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/> </svg> </i> </div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/one--swiper-1_hu76c70d071c2e710ba578a155d7882663_95587_512x0_resize_q75_h2_catmullrom_3.4198ac9c8cddfec903869d12b341e9103d245ba7b8b2005f3a9332c1a0f00c0d.webp" alt="An example of a reply suggestion by Copilot, LiveChat's AI assistant." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Reply suggestions</h3> <p class="b--u-text-sm u-m-0">Feed LiveChat with your knowledge sources to ensure your responses are always accurate, consistent, and on brand. </p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/one--swiper-2_hue53936e959f0456491ee438086406345_72313_512x0_resize_q75_h2_catmullrom_3.28cd825f1d0d1d5bb6bf94808eb52a84b0c6ad5ce97db46c51ea3b7456d598df.webp" alt="An example of chat summary by Copilot, LiveChat's AI assistant." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Chat Summary</h3> <p class="b--u-text-sm u-m-0">Get a summary of your chats without reading the entire transcript. Review key points from the chat and move on in no time.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/one--swiper-3_hua92b43585a17f86c571ac44f17addc70_80358_512x0_resize_q75_h2_catmullrom_3.a8def3b358556ddc0231e11e830234693673545de0e097528a024b059a2c07ce.webp" alt="An example of weekly Insights, a summary of the most popular questions from your customers." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Insights</h3> <p class="b--u-text-sm u-m-0">Read 1000 chats in 30 seconds with a weekly summary of the most popular questions from all your LiveChat messages.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/one--swiper-4_hu3174b950a3faea2539d75d18db084523_104807_512x0_resize_q75_h2_catmullrom_3.b9f176407c1ac3df5ad0adb4c506269a226f1e26bceccfc63c30139fd6d2203b.webp" alt="An example of Text enhancement by Copilot works." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Text enhancement</h3> <p class="b--u-text-sm u-m-0">Reply twice as fast. Expand, rephrase, or summarize your message, and adjust the tone while you're at it.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/one--swiper-5_hufd175adbdb4aa37a68b3b2c4aa22dfb1_70527_512x0_resize_q75_h2_catmullrom_3.41130b007a905da05d336baccb75b265b308f4bcafa86f6de69cc21ab1eb0294.webp" alt="An example of Tag suggestions by Copilot, LiveChat's AI assistant." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Tag suggestions</h3> <p class="b--u-text-sm u-m-0">Simplify your workflow with automatic chat tags, saving you time on searching and tagging chats manually.</p> </div> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Take AI toolkit for a spin </div> <a href="https://accounts.livechat.com/signup?source_id=one_section_ending_cta&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section>  <section id="home-section" class="t-tour__section" data-viewport-target="element"> <div id="home" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="background: #FFD000;--section-accent-color: #FFD000"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Home</h2> <span class="b--u-text-3xl" style="font-weight: normal;">03</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">This is where you take your first steps with LiveChat and get an overview of the key metrics. If you just created your LiveChat account, you will see a to-do list with the first steps.</p> <button class="c-btn v--secondary v--outline v--thick" data-controller="track" data-track-category="Interactions" data-track-action="Button Click" data-track-label="Play Tour video (home)" data-action="click->modal#show click->track#send"> Watch a video <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_5089)"> <path d="M7 4V20L20 12L7 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_5089"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </button> <dialog class="b--u-bg-transparent b--u-mb-auto" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img class="u-w-auto u-bg-white u-round u-shadow-lg b--u-my-2 u-mr-0 t-cc-icon-close u-hover-pointer" src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" alt="icon close" loading="eager" style="width: 36px;"> </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="about:blank" data-src="https://www.youtube.com/embed/5rq17l7z2LA?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> <div class="t-tour__section-hero-image" style="translate: 0 2px;"> <div class="md:u-hidden b--u-text-sm b--u-text-bold u-text-right b--u-mr-2 b--u-mb-1" style="opacity: .4"> <span>swipe me</span> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_9962)"> <path d="M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.521 5.593 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60688 11.0359 5.02507 10.9471 5.43816 10.9978C5.85125 11.0486 6.23554 11.2359 6.53 11.53L8 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.54099 5.59399C3.3084 5.03296 4.13299 4.55463 5.00099 4.16699" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 3.45801C15.32 3.81201 16.558 4.36001 17.685 5.07001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_9962"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <span class="t-tour__section-hero-image-overflow"> <img class="b--u-rounded-12 u-shadow-xl o-wrapper" src="/tour/home--hero_huf5c338dab9c58b8b6b88f791d01ba587_78990_1856x0_resize_q75_h2_catmullrom_3.ee5cf937574033ee6209f48ea09b1272f0b79257cd22026fe75e4856c756ac1e.webp" alt="A preview of the Home section in the LiveChat agent app, showcasing a summary of key metrics." width="928" height="494" type="image/webp"> </span> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <div class="b--u-my-6"> <div class="b--u-px-6 b--md:u-px-8"> <p>The Home section is where you can see all the key metrics at a glance:</p> <div class="o-columns v--two b--u-mt-4"> <div> <h4 class="b--u-text-xl b--u-text-medium">Real-time overview</h4> <p class="b--u-text-sm">Get a general idea of what's going on with your LiveChat license, including the number of customers currently browsing your website, ongoing chats, and logged in agents.</p> </div> <div> <h4 class="b--u-text-xl b--u-text-medium">Last 7 days </h4> <p class="b--u-text-sm">See the most important data, including total chats for the week, queued visitors, achieved goals, how many sales you got with LiveChat (you'll need to enable a sales tracker for that), and chat satisfaction.</p> </div> </div> </div> </div> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Start LiveChat demo </div> <a href="https://accounts.livechat.com/signup?source_id=home_section_ending_cta&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section>  <section id="chats-section" class="t-tour__section" data-viewport-target="element"> <div id="chats" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="background: #D1C0FF;--section-accent-color: #D1C0FF"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Chats</h2> <span class="b--u-text-3xl" style="font-weight: normal;">04</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">The Chats section is where the communication between agents and customers happens, and it's subdivided into three key areas: chat list, chat feed, and customer details.</p> <button class="c-btn v--secondary v--outline v--thick" data-controller="track" data-track-category="Interactions" data-track-action="Button Click" data-track-label="Play Tour video (chats)" data-action="click->modal#show click->track#send"> Watch a video <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_5089)"> <path d="M7 4V20L20 12L7 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_5089"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </button> <dialog class="b--u-bg-transparent b--u-mb-auto" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img class="u-w-auto u-bg-white u-round u-shadow-lg b--u-my-2 u-mr-0 t-cc-icon-close u-hover-pointer" src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" alt="icon close" loading="eager" style="width: 36px;"> </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="about:blank" data-src="https://www.youtube.com/embed/5rq17l7z2LA?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer&start=52" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> <div class="t-tour__section-hero-image" style="translate: 0 2px;"> <div class="md:u-hidden b--u-text-sm b--u-text-bold u-text-right b--u-mr-2 b--u-mb-1" style="opacity: .4"> <span>swipe me</span> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_9962)"> <path d="M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.521 5.593 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60688 11.0359 5.02507 10.9471 5.43816 10.9978C5.85125 11.0486 6.23554 11.2359 6.53 11.53L8 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.54099 5.59399C3.3084 5.03296 4.13299 4.55463 5.00099 4.16699" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 3.45801C15.32 3.81201 16.558 4.36001 17.685 5.07001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_9962"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <span class="t-tour__section-hero-image-overflow"> <img class="b--u-rounded-12 u-shadow-xl o-wrapper" src="/tour/chats--hero_huff715b5b55884afe403ac6f300d757d4_241826_1856x0_resize_q75_h2_catmullrom_3.67a4d4e2301f60ac241dac3fef824ccf731078d93cb323c7d84e75d389670fa1.webp" alt="A preview of the Chats section in the LiveChat agent app, showcasing the chat list, chat feed, and customer details all at once." width="928" height="494" type="image/webp"> </span> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Chat list</h2> <p class="b--u-px-6 b--md:u-px-8">The chat list is split into three sections: my chats, queued chats, and supervised chats.</p> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/chats--box-1-mobile_hud2975a95b6d2ffec84c80fb95674413a_223952_1088x0_resize_q75_h2_catmullrom_3.9849a217f4eebb12e50b5769edda8c739e9693417ac0cd6c72b214ab2b3bcf57.webp" alt="A preview of the chat list in the Chats section inside the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/chats--box-1_hu477671ad6f1ea17ffca996069229c88d_217025_1856x0_resize_q75_h2_catmullrom_3.a390ef51eaed9d79d3963e72768a7a794822648f9fbe0d1445e6fa487a624a16.webp" alt="A preview of the chat list in the Chats section inside the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Chat feed</h2> <p class="b--u-px-6 b--md:u-px-8">The chat feed is where the actual conversations take place. It hosts all the critical elements to have an actual conversation with a customer:</p> <img class="md:u-hidden b--u-rounded-12" src="/tour/chats--box-2-mobile_hu9474dc4d639dbba40a9f92d7f6fcbc6f_185302_1088x0_resize_q75_h2_catmullrom_3.fdd00f7dc5c0491decfbf6a097f6cdc41aea3e94e1ff56fa06918d729a0b74ab.webp" alt="A preview of the chat feed in the Chats section inside the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-12" src="/tour/chats--box-2_hu2f6d2b8d883746bfb61e2deafa7c8c21_210883_1856x0_resize_q75_h2_catmullrom_3.56e1c3e16d83c3030d07e4c042a85de5db53c47e5a6756324e0d17a1cab3d2fe.webp" alt="A preview of the chat feed in the Chats section inside the LiveChat agent app." width="928" height="299" loading="lazy" type="image/webp"> <div class="b--u-px-6 b--md:u-px-8 b--u-pb-4"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="" data-show-3xl="3" data-show-2xl="3" data-show-xl="3" data-show-lg="3" data-show-md-two="3" data-show-md-one="3" data-show-md="2" data-show-sm="1" data-loop="false" data-space-between="20" data-pagination="false"> <div class="swiper-container " data-swiper-target="container"> <div class="swiper-prev u-flex u-items-center u-justify-center" data-swiper-target="prev"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> </i> </div> <div class="swiper-next u-flex u-items-center u-justify-center" data-swiper-target="next"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/> </svg> </i> </div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-1_hu7969e75ef5298df6eb6829823028bc37_11678_512x0_resize_q75_h2_catmullrom_3.cead5c6355245966531f69a55d372003f32f831b1595c1e262f4f5160918e836.webp" alt="Chat history is one of the areas available in the chat feed inside the LiveChat agent app. It's where you see the actual conversation taking place." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Chat history</h3> <p class="b--u-text-sm u-m-0">See the messages sent during the current conversation and those sent before.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-2_hu016791bc21c6e08c36d483c9e11748ed_15307_512x0_resize_q75_h2_catmullrom_3.d072c0ccd366773c0437626586d6df52be7da6a930665b6185fd277528a40951.webp" alt="Text are is one of the areas available in the chat feed inside the LiveChat agent app. It's where you type in the messages that you want to send." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Text area</h3> <p class="b--u-text-sm u-m-0">Type in your messages, add emojis, and share files like marketing materials, product catalogs, or guides.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-3_hu5a7d2168634f027f7a169762125e3cd8_23729_512x0_resize_q75_h2_catmullrom_3.21a7398f9dfcd29d2515e9b6d32e86da97d54230d07d9e7271bdf876948535b9.webp" alt="AI Assist is one of the areas available in the chat feed inside the LiveChat agent app. It's where you use the AI-based LiveChat features to improve your messages." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">AI Assist</h3> <p class="b--u-text-sm u-m-0">Expand, rephrase, and summarize what you wrote. Change the tone of messages, and fix grammar and spelling mistakes.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-4_hud05bcf3c59c966f288850ff98ac3987f_20079_512x0_resize_q75_h2_catmullrom_3.90dcd9695d211a64f3a43814f8c0729ade2a2dbe89d42b828f85c5b749b0f667.webp" alt="Reply suggestions is one of the areas available in the chat feed inside the LiveChat agent app. It's where you get your knowledge sources to suggest the most fitting reply to your customer's questions." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Reply suggestions</h3> <p class="b--u-text-sm u-m-0">Match customer questions with suggested replies based on the knowledge sources you feed them, like your knowledge bases or product pages.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-5_hu402177edc166e988461a7b8088bf0aec_5481_512x0_resize_q75_h2_catmullrom_3.c1e4a159d2e35238d81f8ff29c7691bd5d48eb821be7bc3d274db3a026e57843.webp" alt="Message sneak-peek is one of the areas available in the chat feed inside the LiveChat agent app. It lets you see what the customer is typing at a given moment." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Message sneak-peek</h3> <p class="b--u-text-sm u-m-0">See what the visitor is typing before they send it over.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-6_hu491c50ce590f2e0e4d8a6d45310b367d_23294_512x0_resize_q75_h2_catmullrom_3.70dcac9dbcfcdb9feadf5e01f65494a4698322a5117777be178ef8eff65e17e4.webp" alt="Canned responses is one of the areas available in the chat feed inside the LiveChat agent app. They let you send predefined messages with just a few clicks." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Canned responses</h3> <p class="b--u-text-sm u-m-0">Use predefined messages that can store a large portion of text you can recall with keyboard shortcuts.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-7_hue1ac411c79ff868c61773b3e3a526376_7777_512x0_resize_q75_h2_catmullrom_3.9474c4c4660a92a24126dbafe906153406cd3abf3f90ffd41866fc9e13fd1ccb.webp" alt="Tags is one of the areas available in the chat feed inside the LiveChat agent app. They help you categorize chats and find them easily when necessary." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Tags</h3> <p class="b--u-text-sm u-m-0">Categorize chats and help you easily find all conversations that deal with the same issue later on.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-8_huda19f6c5168f35ba42dfacb6743796b3_11581_512x0_resize_q75_h2_catmullrom_3.ed7eb39e2b9c409a5eee6e15dd44853fbc15ca7f865260900244cf006c80a429.webp" alt="Chat transfers is one of the areas available in the chat feed inside the LiveChat agent app. It lets you transfer chats to another agent or group." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Chat transfers</h3> <p class="b--u-text-sm u-m-0">Transfer a chat to another customer service rep or group. Always make sure that the agent receiving the transfer is aware of the incoming chat.</p> </div> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Customer details</h2> <p class="b--u-px-6 b--md:u-px-8">This is where you find useful information about the customer you are talking to so you can provide more personalized support. That includes:</p> <img class="md:u-hidden b--u-rounded-12" src="/tour/chats--box-3-mobile_hu5a42dd4b7b9c258a68ad92fa9c7b3bb8_241360_1088x0_resize_q75_h2_catmullrom_3.dcbe58df99e8cb732650e3817a9818a551ec529d0989d8b95def38a35a31b2c7.webp" alt="A preview of the customer details tab in the Chats section inside the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-12" src="/tour/chats--box-3_hu9093057953ac769afe3d93125c504c89_221886_1856x0_resize_q75_h2_catmullrom_3.c704b445f1c3dde89a057ec02e307f0a85f651e35955423339ea47773bd304b6.webp" alt="A preview of the customer details tab in the Chats section inside the LiveChat agent app." width="928" height="299" loading="lazy" type="image/webp"> <div class="b--u-px-6 b--md:u-px-8 b--u-pb-4"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="" data-show-3xl="3" data-show-2xl="3" data-show-xl="3" data-show-lg="3" data-show-md-two="3" data-show-md-one="3" data-show-md="2" data-show-sm="1" data-loop="false" data-space-between="20" data-pagination="false"> <div class="swiper-container " data-swiper-target="container"> <div class="swiper-prev u-flex u-items-center u-justify-center" data-swiper-target="prev"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> </i> </div> <div class="swiper-next u-flex u-items-center u-justify-center" data-swiper-target="next"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/> </svg> </i> </div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-21_hu337d43d9545a7eb1bc4a0374e74a4c47_15461_512x0_resize_q75_h2_catmullrom_3.07f911c2b9f24ae1c0c6d7c66d4b4158628015ee5d25dfc9dcadad01efa48712.webp" alt="Contact information is one of the areas available in the customer details tab inside the Chats section of the LiveChat agent app. It's where you see the name, email, time zone, and location of a customer." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Contact information</h3> <p class="b--u-text-sm u-m-0">See the name, email address, time zone, and location.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-22_hu1457e7ae6975b48f7e6e977545573157_6615_512x0_resize_q75_h2_catmullrom_3.60334bc4bef4fa4b9da7573c1a852014cc36ae8e262977ef7c1278787c197ed9.webp" alt="Pre-chat survey is one of the areas available in the customer details tab inside the Chats section of the LiveChat agent app. It's where you see the information provided in the pre-chat survey." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Pre-chat survey</h3> <p class="b--u-text-sm u-m-0">See information provided in the pre-chat survey.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-23_huae8249714c9551359a17645ac6a51b4a_8048_512x0_resize_q75_h2_catmullrom_3.3b6d4dc1e5cef2a0f1999b9121d9f8b5335e2342eca884e05f318135bbc63fb2.webp" alt="Visited pages is one of the areas available in the customer details tab inside the Chats section of the LiveChat agent app. It's where you see the number of visited pages and time spent on all pages together." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Visited pages</h3> <p class="b--u-text-sm u-m-0">See the number of visited pages and time spent on all pages together.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-24_hu0b1b148c8ccb36655f98380b612d2a74_7107_512x0_resize_q75_h2_catmullrom_3.c601b0bf49d0c50c9bc21a3aa703d2bdcdd5b36bb67318d35af0402884535a5e.webp" alt="Additional information is one of the areas available in the customer details tab inside the Chats section of the LiveChat agent app. It's where you see the number of previous visits and chats." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">See the number of visited pages and time spent on all pages together.</h3> <p class="b--u-text-sm u-m-0">See the number of previous visits and chats.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/chats--swiper-25_huc4009d02ff0744593355c7431b9dfb09_7336_512x0_resize_q75_h2_catmullrom_3.a5b9a4f133ae68d135c6de1f1b1b4d07a94fb5e2ce8951f99fd04cb5ceb1c5e2.webp" alt="Technology is one of the areas available in the customer details tab inside the Chats section of the LiveChat agent app. It's where you see a user's device information like their IP address, operating system, and browser." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Technology</h3> <p class="b--u-text-sm u-m-0">See a user’s device information.</p> </div> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Get your first chats in minutes </div> <a href="https://accounts.livechat.com/signup?source_id=chats_section_ending_cta&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section>  <section id="engage-section" class="t-tour__section" data-viewport-target="element"> <div id="engage" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="background: #F3C600;--section-accent-color: #F3C600"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Engage</h2> <span class="b--u-text-3xl" style="font-weight: normal;">05</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">The Engage section sits just below the Chats section. For account owners and admins, it contains two tabs — Traffic and Campaigns — that you can use to engage website visitors manually or automatically. For agents, Engage only contains Traffic.</p> <button class="c-btn v--secondary v--outline v--thick" data-controller="track" data-track-category="Interactions" data-track-action="Button Click" data-track-label="Play Tour video (engage)" data-action="click->modal#show click->track#send"> Watch a video <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_5089)"> <path d="M7 4V20L20 12L7 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_5089"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </button> <dialog class="b--u-bg-transparent b--u-mb-auto" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img class="u-w-auto u-bg-white u-round u-shadow-lg b--u-my-2 u-mr-0 t-cc-icon-close u-hover-pointer" src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" alt="icon close" loading="eager" style="width: 36px;"> </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="about:blank" data-src="https://www.youtube.com/embed/qSlhYZ-PnqI?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> <div class="t-tour__section-hero-image" style="translate: 0 2px;"> <div class="md:u-hidden b--u-text-sm b--u-text-bold u-text-right b--u-mr-2 b--u-mb-1" style="opacity: .4"> <span>swipe me</span> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_9962)"> <path d="M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.521 5.593 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60688 11.0359 5.02507 10.9471 5.43816 10.9978C5.85125 11.0486 6.23554 11.2359 6.53 11.53L8 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.54099 5.59399C3.3084 5.03296 4.13299 4.55463 5.00099 4.16699" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 3.45801C15.32 3.81201 16.558 4.36001 17.685 5.07001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_9962"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <span class="t-tour__section-hero-image-overflow"> <img class="b--u-rounded-12 u-shadow-xl o-wrapper" src="/tour/engage--hero_hu2c94b8981abd1ccb11f586d641ed8bac_177848_1856x0_resize_q75_h2_catmullrom_3.8391507bd830d43a282fbc46b22a35233b9f2dcf7b4201cab864bf207c3db926.webp" alt="A preview of the Traffic tab in the Engage section in the LiveChat agent app." width="928" height="494" type="image/webp"> </span> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Traffic</h2> <div class="b--u-px-6 b--md:u-px-8"> <p>Traffic shows the list of current visitors on your website in real time and gathers customer data about them, including name, email, location, time spent on your website, and more.</p> <p>Treat this section as a virtual representation of your website traffic. If you own an online shop, this section represents your shop. Visitors on different pages are like customers in different shop aisles. The Traffic section helps you get in touch with them and offer advice on their purchases. Use the data provided in this section to personalize your messages and win your customers’ hearts.</p> </div> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/engage--box-1-mobile_hu15e9e3203c6b5d9b05d6d822a1ec5206_224199_1088x0_resize_q75_h2_catmullrom_3.d6e86e4f2326748ac08817522247d2c5f051088574c40e644105511e3eecadb6.webp" alt="Customer details in the Traffic tab in the Engage section of the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/engage--box-1_hu9888a68418ce0c083572b128b493a907_195166_1856x0_resize_q75_h2_catmullrom_3.e025117ca42db4482be254f093125225e42dda76b5946d860dd8af0d15bb14ca.webp" alt="Customer details in the Traffic tab in the Engage section of the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Campaigns</h2> <div class="b--u-px-6 b--md:u-px-8"> <p>Campaigns let you welcome and support visitors on your website. They encourage visitors to talk to you or guide them through your website and products.</p> <p>Use campaigns to share announcements, introduce new products, and support visitors when browsing your website. What's in it for you?</p> <ul class="c-list v--bold v--tick o-columns v--two b--u-mt-4" style="gap: 0"> <li class="c-list__item md:u-maxw-3 b--u-pr-1">More chats</li> <li class="c-list__item md:u-maxw-3 b--u-pr-1">Improved visitor experience</li> <li class="c-list__item md:u-maxw-3 b--u-pr-1">Better conversion from visitors to customers</li> <li class="c-list__item md:u-maxw-3 b--u-pr-1">Increased customer satisfaction</li> </ul> </div> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/engage--box-2-mobile_huffe91055c20a1f906bb219ad9a1910e5_411739_1088x0_resize_q75_h2_catmullrom_3.48bd6c5c95acbed09f837e8753a35aa96ddc20828d46fb365298538f152d4cb2.webp" alt="A preview of the Campaigns tab in the Engage section of the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/engage--box-2_hue2e55fb585d4684ef3b62c7858cbe909_346795_1856x0_resize_q75_h2_catmullrom_3.4b0c8475d90b588b8f103b8179d1e680233100bfcc365510b87fc2fc4d34c409.webp" alt="A preview of the Campaigns tab in the Engage section of the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Goals</h2> <p class="b--u-px-6 b--md:u-px-8">Goals is the latest addition in the Engage section. They let you measure almost any event happening on your website and credit it to a specific chat, including placed orders or the number of visitors landing on a specific page. Add, edit, and delete your goals, and if you want to track them, head over to the ecommerce reports in the Reports section.</p> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/engage--box-3-mobile_huefdfd5f4bf3898e44ae4f30b9bad1ebe_152262_1088x0_resize_q75_h2_catmullrom_3.bc83eacab941f58a391f8595d5676056014bbb376aea0baa1ffe89b6e08942e6.webp" alt="A preview of the Goals tab in the Engage section of the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/engage--box-3_hufc352b150a693cf0aa157c36032371be_100128_1856x0_resize_q75_h2_catmullrom_3.3bd342f09a6fa2dd728a618b94a1a895ea06e1c2ece3b42de216bcfa1f97cc20.webp" alt="A preview of the Goals tab in the Engage section of the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Start engaging your website visitors now </div> <a href="https://accounts.livechat.com/signup?source_id=engage_section_ending_cta&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section>  <section id="archives-section" class="t-tour__section" data-viewport-target="element"> <div id="archives" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="background: #EEE8FF;--section-accent-color: #EEE8FF"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Archives</h2> <span class="b--u-text-3xl" style="font-weight: normal;">06</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">All of your past conversations are stored in Archives. They're invaluable when you want to look for patterns and repeating cases, train new agents using old chats, and simply check the conversation history of a certain customer. Just like the Chats section, Archives is subdivided into three key areas: archived chats list, chat feed and customer details.</p> <button class="c-btn v--secondary v--outline v--thick" data-controller="track" data-track-category="Interactions" data-track-action="Button Click" data-track-label="Play Tour video (archives)" data-action="click->modal#show click->track#send"> Watch a video <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_5089)"> <path d="M7 4V20L20 12L7 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_5089"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </button> <dialog class="b--u-bg-transparent b--u-mb-auto" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img class="u-w-auto u-bg-white u-round u-shadow-lg b--u-my-2 u-mr-0 t-cc-icon-close u-hover-pointer" src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" alt="icon close" loading="eager" style="width: 36px;"> </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="about:blank" data-src="https://www.youtube.com/embed/icIf9WN2XJU?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> <div class="t-tour__section-hero-image" style="translate: 0 2px;"> <div class="md:u-hidden b--u-text-sm b--u-text-bold u-text-right b--u-mr-2 b--u-mb-1" style="opacity: .4"> <span>swipe me</span> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_9962)"> <path d="M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.521 5.593 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60688 11.0359 5.02507 10.9471 5.43816 10.9978C5.85125 11.0486 6.23554 11.2359 6.53 11.53L8 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.54099 5.59399C3.3084 5.03296 4.13299 4.55463 5.00099 4.16699" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 3.45801C15.32 3.81201 16.558 4.36001 17.685 5.07001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_9962"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <span class="t-tour__section-hero-image-overflow"> <img class="b--u-rounded-12 u-shadow-xl o-wrapper" src="/tour/archives--hero_hua28b2f46430b6fc82f89875d070922c1_179587_1856x0_resize_q75_h2_catmullrom_3.eea2775e8e3cb8b51cbb8386f1f6aeb2b16946f3ba34c62c70e516277c67d309.webp" alt="A preview of the Chats section in the LiveChat agent app, showcasing the archived chat list, chat feed, and customer details all at once." width="928" height="494" type="image/webp"> </span> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Chat feed</h2> <p class="b--u-px-6 b--md:u-px-8">This is the equivalent to the one you know from the Chats section but for past conversations.</p> <div class="b--u-px-6 b--md:u-px-8 b--u-pb-4"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="" data-show-3xl="3" data-show-2xl="3" data-show-xl="3" data-show-lg="3" data-show-md-two="3" data-show-md-one="3" data-show-md="2" data-show-sm="1" data-loop="false" data-space-between="20" data-pagination="false"> <div class="swiper-container " data-swiper-target="container"> <div class="swiper-prev u-flex u-items-center u-justify-center" data-swiper-target="prev"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> </i> </div> <div class="swiper-next u-flex u-items-center u-justify-center" data-swiper-target="next"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/> </svg> </i> </div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/archives--swiper-1_hu58778495b8355f1196148aab679d8670_8369_512x0_resize_q75_h2_catmullrom_3.d3ac4d4cf671ef8c55966984ca77f7361e510bc444da889aceed1b0af4ac1c3a.webp" alt="Transcript is one of the areas available in the chat feed inside the Archives section of the LiveChat agent app. It's where you send a conversation transcript to your email or download it." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Transcript</h3> <p class="b--u-text-sm u-m-0">Send a conversation transcript to your email or download it.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/archives--swiper-2_hu02213ba4117f11cc6041cfc43fdf9b0a_8194_512x0_resize_q75_h2_catmullrom_3.397a388231cca5195d2c8e37fcc8f9a2aec1db00b62af7111bdda18124221917.webp" alt="Ban visitors is one of the areas available in the chat feed inside the Archives section of the LiveChat agent app. It's where you can block certain customers when necessary." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Ban visitors</h3> <p class="b--u-text-sm u-m-0">Even if the chat ended, it’s still possible to block a customer.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/archives--swiper-3_hud5a74ef80e0fde3d41ac60268ee1bc80_12955_512x0_resize_q75_h2_catmullrom_3.51827359e31d12c0ddab4e8603afbfeb17be60dea08522255652f5ebdc894ac4.webp" alt="Tag chats is one of the areas available in the chat feed inside the Archives section of the LiveChat agent app. It's where you add tags to archived chats." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Tag chats</h3> <p class="b--u-text-sm u-m-0">Choose the correct tags from the list, and pick multiple tags in one go.</p> </div> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Customer details</h2> <p class="b--u-px-6 b--md:u-px-8">Get all the information about the archived chat, including:</p> <div class="b--u-px-6 b--md:u-px-8 b--u-pb-4"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="" data-show-3xl="3" data-show-2xl="3" data-show-xl="3" data-show-lg="3" data-show-md-two="3" data-show-md-one="3" data-show-md="2" data-show-sm="1" data-loop="false" data-space-between="20" data-pagination="false"> <div class="swiper-container " data-swiper-target="container"> <div class="swiper-prev u-flex u-items-center u-justify-center" data-swiper-target="prev"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> </i> </div> <div class="swiper-next u-flex u-items-center u-justify-center" data-swiper-target="next"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/> </svg> </i> </div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/archives--swiper-21_hu5656a66bc5c52d47ab545250831cf90d_10175_512x0_resize_q75_h2_catmullrom_3.11f756ecab70bfc0a26273c35bfbc27db47546567c0c4d02071d91337ee5c8ed.webp" alt="General info is one of the areas available in the customer details tab inside the Archives section of the LiveChat agent app. It's where you see the name, email, time zone, and customer location." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">General info</h3> <p class="b--u-text-sm u-m-0">See the name, email, and customer location.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/archives--swiper-22_hudf10aebe2fed7f9613e18dabfde2f46d_5799_512x0_resize_q75_h2_catmullrom_3.51baf8d4c3c6a341169ab32b8c63550fdaae7bb84a11a5ae88b0b4bc57ed86f8.webp" alt="Chat info is one of the areas available in the customer details tab inside the Archives section of the LiveChat agent app. It's where you see chat ID, queue time, and other chat information." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Chat info</h3> <p class="b--u-text-sm u-m-0">See chat ID, queue time, page the chat started on, referring page, customer IP, groups that handled the chat, chat rating, and visitor’s comments.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/archives--swiper-23_hub8965defbfa95c9f29739a6b0fa5a3ac_8719_512x0_resize_q75_h2_catmullrom_3.5ccc8d1976f6ffec19532684f6b2fc707779136fc246ee2749b983ac3a0d5958.webp" alt="Sales and goals is one of the areas available in the customer details tab inside the Archives section of the LiveChat agent app. It's where you see sales and goals data for a particular chat." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Sales and goals</h3> <p class="b--u-text-sm u-m-0">See sales and goals data for a particular chat.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/archives--swiper-24_hubb5d9fd6a9e7ecc8c5417d1c9098fc08_7044_512x0_resize_q75_h2_catmullrom_3.2359023d16658d308046ff04b4a6de1d960c6d3144f34f1424de2d7dc827009c.webp" alt="Pre-chat survey is one of the areas available in the customer details tab inside the Archives section of the LiveChat agent app. It's where you see the information provided in the pre-chat survey." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Pre-chat survey</h3> <p class="b--u-text-sm u-m-0">See information entered in the pre-chat survey.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/archives--swiper-25_hu68b4537aa06627675a20543b67a88c08_9215_512x0_resize_q75_h2_catmullrom_3.6de7e6095943f04d931fc0bd391a42e3511fac8b22056c1e4c64bf090d79dd45.webp" alt="Post-chat survey is one of the areas available in the customer details tab inside the Archives section of the LiveChat agent app. It's where you see the information provided in the pre-chat survey." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Post-chat survey</h3> <p class="b--u-text-sm u-m-0">See information entered in the post-chat survey.</p> </div> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Start engaging your website visitors now </div> <a href="https://accounts.livechat.com/signup?source_id=archives_section_ending_cta&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section>  <section id="team-section" class="t-tour__section" data-viewport-target="element"> <div id="team" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="background: #FEDC89;--section-accent-color: #FEDC89"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Team</h2> <span class="b--u-text-3xl" style="font-weight: normal;">07</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">The Team section is where you manage customers and agents. First, you must add your agents to the LiveChat Agent app, which is the most important thing to do in this section. Invite people to your LiveChat Agent App by sending email invitations or sharing an invite link.</p> <button class="c-btn v--secondary v--outline v--thick" data-controller="track" data-track-category="Interactions" data-track-action="Button Click" data-track-label="Play Tour video (team)" data-action="click->modal#show click->track#send"> Watch a video <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_5089)"> <path d="M7 4V20L20 12L7 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_5089"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </button> <dialog class="b--u-bg-transparent b--u-mb-auto" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img class="u-w-auto u-bg-white u-round u-shadow-lg b--u-my-2 u-mr-0 t-cc-icon-close u-hover-pointer" src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" alt="icon close" loading="eager" style="width: 36px;"> </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="about:blank" data-src="https://www.youtube.com/embed/qSlhYZ-PnqI?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer&start=271" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> <div class="t-tour__section-hero-image" style="translate: 0 2px;"> <div class="md:u-hidden b--u-text-sm b--u-text-bold u-text-right b--u-mr-2 b--u-mb-1" style="opacity: .4"> <span>swipe me</span> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_9962)"> <path d="M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.521 5.593 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60688 11.0359 5.02507 10.9471 5.43816 10.9978C5.85125 11.0486 6.23554 11.2359 6.53 11.53L8 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.54099 5.59399C3.3084 5.03296 4.13299 4.55463 5.00099 4.16699" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 3.45801C15.32 3.81201 16.558 4.36001 17.685 5.07001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_9962"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <span class="t-tour__section-hero-image-overflow"> <img class="b--u-rounded-12 u-shadow-xl o-wrapper" src="/tour/team--hero_hu1fb959db1964b07ee71dbe27c6df08e2_96449_1856x0_resize_q75_h2_catmullrom_3.3a86563ba7aefadf1744b13b0420e9c866a95570d88a54a809691f88fd7f5338.webp" alt="A preview of the Team section in the LiveChat agent app, showcasing the list of agents added to your LiveChat license." width="928" height="494" type="image/webp"> </span> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Agent Availability</h2> <div class="b--u-px-6 b--md:u-px-8"> <p>Once your team is added, you can edit their availability in bulk. Select all the agents you need, and then pick Availability settings. Decide if your agents should be available for chats as soon as they log into the LiveChat Agent App or if they should have time to switch to accepting chats themselves.</p> <p class="b--u-text-sm u-flex u-items-start"> <span class="b--u-mr-1"> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_6321)"> <path d="M21 12C20.9999 10.2614 20.4962 8.56012 19.5499 7.10169C18.6035 5.64326 17.255 4.49014 15.6674 3.78171C14.0797 3.07327 12.3208 2.83985 10.6033 3.10965C8.88584 3.37944 7.28325 4.14092 5.98927 5.30202C4.69529 6.46313 3.7653 7.97417 3.31171 9.65251C2.85812 11.3309 2.90035 13.1046 3.43329 14.7595C3.96623 16.4144 4.96707 17.8794 6.31484 18.9776C7.66261 20.0759 9.29962 20.7602 11.028 20.948C11.348 20.982 11.672 21 12 21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 7V12L14 14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.42 15.61C18.615 15.415 18.8465 15.2603 19.1013 15.1547C19.3561 15.0492 19.6292 14.9949 19.905 14.9949C20.1808 14.9949 20.4539 15.0492 20.7087 15.1547C20.9635 15.2603 21.195 15.415 21.39 15.61C21.585 15.805 21.7397 16.0365 21.8452 16.2913C21.9508 16.5461 22.0051 16.8192 22.0051 17.095C22.0051 17.3708 21.9508 17.6439 21.8452 17.8987C21.7397 18.1535 21.585 18.385 21.39 18.58L18 22H15V19L18.42 15.61Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_6321"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span> Alternatively, you can set working hours so that as long as the agent is logged in, they will become available for chat when their assigned shift starts. </p> </div> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/team--box-1-mobile_hu4844b4dbe261051c21595614a66bd79f_190330_1088x0_resize_q75_h2_catmullrom_3.4e9e790ae06dfe0f829b05c05fea179c8ea49592c1bd172ebfd8a89553e10af7.webp" alt="Agent availability details in the Team section of the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/team--box-1_hufcd04e850949e33591bd843e80ccba08_169357_1856x0_resize_q75_h2_catmullrom_3.02905a58c0e632d49166bc35c3fef3b38f21d19f259290cea62d7516d387533c.webp" alt="Agent availability details in the Team section of the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Make your customer support team more effective </div> <a href="https://accounts.livechat.com/signup?source_id=team_section_ending_cta&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section>  <section id="reports-section" class="t-tour__section" data-viewport-target="element"> <div id="reports" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="background: #B99AFF;--section-accent-color: #B99AFF"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Reports</h2> <span class="b--u-text-3xl" style="font-weight: normal;">08</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">Reports give you an overview of LiveChat and your agents' performance. Reports are available on the Team, Business, and Enterprise plans. If you are on the Starter plan and want to check out the reports before upgrading, feel free to go to livechat.com and start a chat with us.</p> <button class="c-btn v--secondary v--outline v--thick" data-controller="track" data-track-category="Interactions" data-track-action="Button Click" data-track-label="Play Tour video (reports)" data-action="click->modal#show click->track#send"> Watch a video <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_5089)"> <path d="M7 4V20L20 12L7 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_5089"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </button> <dialog class="b--u-bg-transparent b--u-mb-auto" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img class="u-w-auto u-bg-white u-round u-shadow-lg b--u-my-2 u-mr-0 t-cc-icon-close u-hover-pointer" src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" alt="icon close" loading="eager" style="width: 36px;"> </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="about:blank" data-src="https://www.youtube.com/embed/icIf9WN2XJU?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer&start=254" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> <div class="t-tour__section-hero-image" style="translate: 0 2px;"> <div class="md:u-hidden b--u-text-sm b--u-text-bold u-text-right b--u-mr-2 b--u-mb-1" style="opacity: .4"> <span>swipe me</span> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_9962)"> <path d="M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.521 5.593 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60688 11.0359 5.02507 10.9471 5.43816 10.9978C5.85125 11.0486 6.23554 11.2359 6.53 11.53L8 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.54099 5.59399C3.3084 5.03296 4.13299 4.55463 5.00099 4.16699" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 3.45801C15.32 3.81201 16.558 4.36001 17.685 5.07001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_9962"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <span class="t-tour__section-hero-image-overflow"> <img class="b--u-rounded-12 u-shadow-xl o-wrapper" src="/tour/reports--hero_huf57bfd9b2690e8603327b66eaf6d8a58_78931_1856x0_resize_q75_h2_catmullrom_3.adad014806f3f14424c281e57615ec15c3a9e7a51e84339097515beb787c33e8.webp" alt="A preview of the Reports section in the LiveChat agent app, showcasing the summary reports in the last 7 days." width="928" height="494" type="image/webp"> </span> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <div class="b--u-my-6"> <div class="b--u-px-6 b--md:u-px-8"> <p>What are the most important reports you should look at? Summary:</p> <div class="o-columns v--two b--u-mt-4"> <div> <h4 class="b--u-text-xl b--u-text-medium">Last 7 days report</h4> <p class="b--u-text-sm">The Last 7 days report tells you what is going on in your license, showing metrics like the number of chats, sales, or ticket and chat satisfaction.</p> </div> <div> <h4 class="b--u-text-xl b--u-text-medium">Dashboard</h4> <p class="b--u-text-sm">The dashboard shows key LiveChat metrics all at once, and you can actually display it on your wall and monitor.</p> </div> </div> </div> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Chats</h2> <p class="b--u-px-6 b--md:u-px-8">This is where you’ll find all the reports from your chats — from the number of chats per day, and hours of activity, to the form in which your customers initiate a conversation with your agents, the number of missed chats, and customer satisfaction.</p> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/reports--box-1-mobile_hu4598df6b91763ee9d837bc6eccbbc370_141262_1088x0_resize_q75_h2_catmullrom_3.21610ed111ffe4d72a956b8139bd800e11d6298ece4c78897fcf4bffecc8abbc.webp" alt="A preview of total chats report in the Reports section of the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/reports--box-1_hu2a243ae08d7830341df1e5b134e41cf2_133989_1856x0_resize_q75_h2_catmullrom_3.6cfb2324e991f92b3657e7048bbab943c98530166449daf55edb2f030d96d882.webp" alt="A preview of total chats report in the Reports section of the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Agents</h2> <p class="b--u-px-6 b--md:u-px-8">You can find your agents performance report, chat response times, staffing prediction, and agent activity reports here.</p> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/reports--box-2-mobile_huac4bfb7c2c3a6a64a2fdec37a2b60869_182273_1088x0_resize_q75_h2_catmullrom_3.afbc19cd8d24d12a0b266c61c0845983a2b68048eeb91d80eab622e3ecbd141c.webp" alt="A preview of the agent performance report in the Reports section of the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/reports--box-2_hud62b92a74e37920e67d468bfd3b4c894_187087_1856x0_resize_q75_h2_catmullrom_3.8697823ed871e2d71d04e3564a71ce9e846d52b34f67e55ee2c9f046445f416d.webp" alt="A preview of the agent performance report in the Reports section of the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Customers</h2> <p class="b--u-px-6 b--md:u-px-8">Here, you’ll find the queued customers report and queue abandonment report. The queued customers report shows how many customers waited in the queue and how many left before getting connected to an agent, while the queue abandonment report is the list of visitors who left the queue before talking to an agent.</p> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/reports--box-3-mobile_hua799be7f239fc30b99613ddc2c6fe964_132770_1088x0_resize_q75_h2_catmullrom_3.e9014e57ca082b32804b83c6b5f5e0eb87ff034a9477732dc98610dda1b37e6a.webp" alt="A preview of queued customers report in the Reports section of the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/reports--box-3_hu7a5dd9fbdccadd9bf8e4251022eec38f_140849_1856x0_resize_q75_h2_catmullrom_3.53387113e9ef37e64ca6ee634007e67c2443e2aa5928e7c74e94390f4e3356e2.webp" alt="A preview of queued customers report in the Reports section of the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Ecommerce</h2> <div class="b--u-px-6 b--md:u-px-8"> <p>We have 2 reports here:</p> <ul class="u-mb-0"> <li><strong>Achieved goals report</strong>, where you can see how many goals you accomplished.</li> <li><strong>Tracked sales reports.</strong> You must install the Sales Tracker to your online shop to see which chats bring you revenue. It can help you measure how many sales you made and precisely how much money they brought to your business. If sales are an essential part of why you are using LiveChat, then keeping track of this report is a must.</li> </ul> </div> <img class="md:u-hidden b--u-rounded-t-12" src="/tour/reports--box-4-mobile_hu618dca968ce0fd1628081aa97f6b5b09_139305_1088x0_resize_q75_h2_catmullrom_3.6816b263ea1e3520f2552a595d4b8633de1ecc32df8ed19a6cbcc80fdcafa942.webp" alt="A preview of tracked sales report in the Reports section of the LiveChat agent app." width="544" height="400" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-rounded-t-12" src="/tour/reports--box-4_hud6e98891427aa9b672cf972d52a302e2_150230_1856x0_resize_q75_h2_catmullrom_3.0ffc7b8c2b36f1f5eaa9126620da48f7a9531bcabafb3445ae1ddcb084f2ad04.webp" alt="A preview of tracked sales report in the Reports section of the LiveChat agent app." width="928" height="300" loading="lazy" type="image/webp"> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Track your sales and key business metrics </div> <a href="https://accounts.livechat.com/signup?source_id=reports_section_ending_cta&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section>  <section id="apps-section" class="t-tour__section" data-viewport-target="element"> <div id="apps" class="t-tour__section-hero b--u-rounded-12 b--u-mt-12" style="background: #FFD000;--section-accent-color: #FFD000"> <div class="b--u-p-6 b--md:u-p-8"> <div class="u-flex u-flex-col-rev lg:u-flex-row u-items-start u-justify-between"> <h2 class="b--u-text-4xl b--u-text-medium">Apps</h2> <span class="b--u-text-3xl" style="font-weight: normal;">09</span> </div> <div class="u-flex u-flex-col lg:u-flex-row u-items-start u-justify-between" data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause" style="gap: 32px;"> <p class="lg:u-maxw-6 u-mb-0">The LiveChat Marketplace offers over 200 integrations, including those from our product family and third-party apps. Connecting LiveChat with the apps you already use daily will make your job easier and help improve customer engagement.</p> <button class="c-btn v--secondary v--outline v--thick" data-controller="track" data-track-category="Interactions" data-track-action="Button Click" data-track-label="Play Tour video (apps)" data-action="click->modal#show click->track#send"> Watch a video <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_5089)"> <path d="M7 4V20L20 12L7 4Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_5089"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </button> <dialog class="b--u-bg-transparent b--u-mb-auto" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img class="u-w-auto u-bg-white u-round u-shadow-lg b--u-my-2 u-mr-0 t-cc-icon-close u-hover-pointer" src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" alt="icon close" loading="eager" style="width: 36px;"> </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="about:blank" data-src="https://www.youtube.com/embed/BG34006XJTM?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> <div class="t-tour__section-hero-image" style="translate: 0 2px;"> <div class="md:u-hidden b--u-text-sm b--u-text-bold u-text-right b--u-mr-2 b--u-mb-1" style="opacity: .4"> <span>swipe me</span> <svg class="c-icon" width="24" height="24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1731_9962)"> <path d="M8 13V4.5C8 4.10218 8.15804 3.72064 8.43934 3.43934C8.72064 3.15804 9.10218 3 9.5 3C9.89782 3 10.2794 3.15804 10.5607 3.43934C10.842 3.72064 11 4.10218 11 4.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11 11.5V9.5C11 9.10218 11.158 8.72064 11.4393 8.43934C11.7206 8.15804 12.1022 8 12.5 8C12.8978 8 13.2794 8.15804 13.5607 8.43934C13.842 8.72064 14 9.10218 14 9.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 10.5C14 10.1022 14.158 9.72064 14.4393 9.43934C14.7206 9.15804 15.1022 9 15.5 9C15.8978 9 16.2794 9.15804 16.5607 9.43934C16.842 9.72064 17 10.1022 17 10.5V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 11.5C17 11.1022 17.158 10.7206 17.4393 10.4393C17.7206 10.158 18.1022 10 18.5 10C18.8978 10 19.2794 10.158 19.5607 10.4393C19.842 10.7206 20 11.1022 20 11.5V16C20 17.5913 19.3679 19.1174 18.2426 20.2426C17.1174 21.3679 15.5913 22 14 22H12H12.208C11.2143 22.0002 10.2362 21.7535 9.36138 21.2823C8.48658 20.811 7.74252 20.1299 7.196 19.3L7 19C6.688 18.521 5.593 16.612 3.714 13.272C3.52245 12.9315 3.47128 12.5298 3.57138 12.1522C3.67148 11.7745 3.91495 11.4509 4.25 11.25C4.60688 11.0359 5.02507 10.9471 5.43816 10.9978C5.85125 11.0486 6.23554 11.2359 6.53 11.53L8 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.54099 5.59399C3.3084 5.03296 4.13299 4.55463 5.00099 4.16699" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 3.45801C15.32 3.81201 16.558 4.36001 17.685 5.07001" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_1731_9962"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </div> <span class="t-tour__section-hero-image-overflow"> <img class="b--u-rounded-12 u-shadow-xl o-wrapper" src="/tour/apps--hero_huc815bd3a6a8b1fdb3f1493b0dc6d58d8_298363_1856x0_resize_q75_h2_catmullrom_3.fbdf856f0e2964a9909c0fbc7aa03c65889930b563cbbb61c1fd018d6cbdee23.webp" alt="A preview of the Apps section in the LiveChat agent app, showcasing the apps available in the LiveChat Marketplace." width="928" height="494" type="image/webp"> </span> </div> </div> <div class="t-tour__box b--u-rounded-12 b--u-mt-4 o-wrapper u-flex u-flex-col gap-2"> <h2 class="b--u-text-xl b--u-text-medium b--u-px-6 b--md:u-px-8 b--u-mt-5 u-mb-0">Your whole sales stack in one place</h2> <p class="b--u-px-6 b--md:u-px-8">While all of the 200+ integrations enhance your experience with LiveChat, you should start with these three categories to better organize your sales efforts.</p> <div class="b--u-px-6 b--md:u-px-8 b--u-pb-4"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="" data-show-3xl="3" data-show-2xl="3" data-show-xl="3" data-show-lg="3" data-show-md-two="3" data-show-md-one="3" data-show-md="2" data-show-sm="1" data-loop="false" data-space-between="20" data-pagination="false"> <div class="swiper-container " data-swiper-target="container"> <div class="swiper-prev u-flex u-items-center u-justify-center" data-swiper-target="prev"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> </i> </div> <div class="swiper-next u-flex u-items-center u-justify-center" data-swiper-target="next"> <i class="u-flex u-items-center u-justify-center b--u-bg-white u-shadow-md u-round" style="width: 40px; height: 40px; padding-top: 3px;"> <svg class="c-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/> </svg> </i> </div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/apps--swiper-1_hu4cf715d7bba24e71acd10cbbf6862928_15619_512x0_resize_q75_h2_catmullrom_3.4b3e984d2ac07c213e598d8ca60dd25ecda0653e1dbd5872ee68e624d8ba1dfa.webp" alt="A preview of third-party integrations available in the communication channels app category." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Communication channels</h3> <p class="b--u-text-sm u-m-0">Receive and respond to all your messages from across other communication channels directly from the LiveChat Agent App.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/apps--swiper-2_hu186da6bf6f211bbf37beb80c69cd3a32_12902_512x0_resize_q75_h2_catmullrom_3.675dba44b8fe4f1b15e12eca2f6363e63ccb42311441bd86abdbb365b8db78d1.webp" alt="A preview of third-party integrations available in the ecommerce plugins app category." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">Ecommerce plugins</h3> <p class="b--u-text-sm u-m-0">See your customer’s cart and information. Suggest products and see the customer’s order history in the customer details tab.</p> </div> </div> </div> <div class="swiper-slide"> <div class="u-flex u-flex-col b--u-rounded-16 o-wrapper u-shadow"> <img class="u-mx-auto" src="/tour/apps--swiper-3_hu3fc3bbc2d6e3216caeb6a3ffbc7fee22_6602_512x0_resize_q75_h2_catmullrom_3.fa6fdcff6f41d1304597fc424a4237f4b7823d18fc12f67c52417c4cc32b83e3.webp" alt="A preview of third-party integrations available in the CRM integrations app category." width="256" height="180" loading="lazy" type="image/webp"> <div class="u-flex u-flex-col u-flex-1 b--u-p-2 b--u-bg-white b--u-text-black"> <h3 class="b--u-text-base b--u-text-bold">CRM integrations</h3> <p class="b--u-text-sm u-m-0">Create leads from chat and see all your customer details in the agent app to better tailor the communication to a particular customer.</p> </div> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> </div> <div data-controller="attribute logged-in" data-attribute-remove-class="md:u-flex" data-action="logged-in:loggedIn->attribute#removeClass" class="b--u-rounded-12 b--u-mt-3 b--u-p-1.5 u-text-center u-hidden md:u-flex u-items-center u-justify-center" style="gap: 1rem 2rem; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);"> <div class="b--u-text-lg" style="font-weight: 500;"> Reach customers far beyond your website </div> <a href="https://accounts.livechat.com/signup?source_id=reports_section_ending_cta&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Sign up free</a> </div> </section> </main> </div> <div class="u-maxw-6 lg:u-maxw-10 b--u-mt-12 b--u-mb-8 b--md:u-mb-12 b--u-mx-2 sm:u-mx-auto"> <h3 class="b--u-text-3xl b--u-text-medium">That's not all</h3> <div class="u-maxw-6 lg:u-maxw-10 u-mx-auto o-wrapper b--u-rounded-16 u-shadow-md u-flex u-flex-col lg:u-flex-row u-items-center"> <img class="md:u-hidden b--u-mb-4 lg:u-mb-0" src="/tour/not-all-mobile_hu3a6f020c6df57a2c48bb0cd169afe57b_34083_1088x0_resize_q75_h2_catmullrom_3.c1894bc53e7218e67df9028464b6726208405ff81b9408d46296e31c791cc44b.webp" alt="A preview of LiveChat product updates." width="544" height="351" loading="lazy" type="image/webp"> <img class="u-hidden md:u-block b--u-mb-4 lg:u-mb-0" src="/tour/not-all_hu8a59acb9a29fd6bd047aa4a91d73df45_36473_960x0_resize_q75_h2_catmullrom_3.c1523ba22b3492c4a723010dc9270f1dcc8464bc0c975a6d6e39fa0a328aa9d9.webp" alt="A preview of LiveChat product updates." width="480" height="368" loading="lazy" style="min-width: 480px;" type="image/webp"> <div class="b--u-px-6 b--u-mb-4 b--md:u-px-8 lg:u-mb-0 lg:u-maxw-5"> <img class="md:u-hidden u-mx-0 u-shadow-md b--u-rounded-8 b--u-mb-2" src="/tour/news-icon_hua1996250f25a3200d07ad1017bdf12c6_1601_192x0_resize_q75_h2_catmullrom_3.afce34ab1b786d6ed61438a8f9c71457a63517f2df533f9c1c3aaa437132e5ee.webp" alt="News icon" width="96" height="96" loading="lazy" style="width: 64px;" type="image/webp"> <img class="u-hidden md:u-block u-mx-0 u-shadow-md b--u-rounded-8 b--u-mb-2" src="/tour/news-icon_hua1996250f25a3200d07ad1017bdf12c6_1601_192x0_resize_q75_h2_catmullrom_3.afce34ab1b786d6ed61438a8f9c71457a63517f2df533f9c1c3aaa437132e5ee.webp" alt="News icon" width="96" height="96" loading="lazy" style="width: 96px;" type="image/webp"> <h4 class="b--u-text-lg b--u-text-medium">Product Updates</h4> <p class="b--u-text-base">If you want to keep up with the latest news and product updates, the News section is where they're at.</p> <a href="/news" class="c-btn v--secondary v--outline v--sm">Go to News</a> </div> </div> </div> <div class="u-flex u-flex-col u-text-center b--u-pt-8 b--md:u-pt-12 b--u-px-2 b--u-pb-16 b--md:u-pb-20 o-wrapper"> <p class="b--u-text-4xl b--u-text-medium u-maxw-10 u-mx-auto" data-controller="viewport text-appear" data-action="viewport:entered->text-appear#appear" data-text-appear-from-value="#e2e2e4" data-text-appear-to-value="#000">Ready to boost your sales and customer satisfaction with LiveChat?</p> <div data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass" class="u-text-center"> <a href="https://accounts.livechat.com/signup?source_id=pre-footer&source_type=website&source_url=https%3A%2F%2Fwww.livechat.com%2Ftour%2F" class="c-btn v--signup v--lg" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" data-action="track#send">Test for 14 days for free</a> <p class="u-Mt-2xs u-mb-0 u-text-p8 u-text-center"> <span class="b--u-mr-2 u-inline-block u-pb-0"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" class="b--u-mr-1"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"> </path> </svg> No credit card required </span> </p> </div> </div> <div class="u-hidden md:u-flex u-items-center u-justify-center b--u-px-2 b--u-py-5 b--u-bg-yellow-400 o-wrapper" style="gap: 40px;"> <img class="u-mx-0" src="/tour/support_huafc9147bf2259f675d77fb326b48fcde_17085_337x0_resize_q75_h2_catmullrom_3.a2f255034105a17a41b31141679701342a1b311ef4a54c61d1b5b107419fcf07.webp" alt="Support people avatars" width="165" height="56" loading="lazy" style="width: 165px;" type="image/webp"> <p class="b--u-text-lg b--u-text-bold u-m-0">Questions? Our support team is ready for you, 24/7</p> <button class="c-btn v--dark" onclick="LC_API.open_chat_window();return false;" data-controller="track" data-track-category="Interactions" data-track-action="Link Click" data-track-label="Chat with Support" data-action="track#send">Chat with Support <svg class="c-icon b--u-ml-1" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/> </svg> </button> </div> <script> const BREAKPOINT = 1024 const main = document.querySelector("main"); const nav = document.querySelector(".t-tour__nav") const config = { attributes: true, childList: true, subtree: true }; const callback = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === "attributes" && mutation.target.className.includes('v--active')) { nav.scrollTo({ left: mutation.target.offsetLeft - 20, behavior: "smooth" }) } } }; const observer = new MutationObserver(callback); if (window.outerWidth <= BREAKPOINT) { observer.observe(nav, config); } window.addEventListener("resize", (event) => { if (window.outerWidth <= BREAKPOINT) { observer.observe(nav, config); } else { observer.disconnect() } }); </script> </div> <section class=" u-bg-gray-900 b--u-py-8 u-border-t u-border-gray-800"> <div class="o-container u-maxw-13 u-mx-auto"> <h2 class="b--u-text-lg u-text-center b--u-mb-6">Discover <a href="https://text.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" class="b--u-text-bold c-link v--reset" data-controller="track" data-track-category="Product Bar" data-track-action="Clicked on Text" data-action="click->track#send">Text</a> products:</h2> <div class="o-columns v--four v--responsive"> <a href="https://www.chatbot.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset "> <div class="b--u-mr-3"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_dd1)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M43.6 31.6v3a1.1 1.1 0 01-.6 1.1c-2.2 1-4.6 1.6-7 1.7-2.4 0-4.8-.6-7-1.7a1.1 1.1 0 01-.6-1v-3.1a.9.9 0 011.2-.8c2 .9 4.2 1.3 6.4 1.4 2.2 0 4.3-.5 6.4-1.4a.9.9 0 011.2.8z" fill="#06F"/><path d="M51.8 38.9a7.6 7.6 0 01-7.6 6.9H40L32 51v-5.2l8-5.2h4.2a2.4 2.4 0 002.4-2.1c.3-4 .2-8 0-12a2.2 2.2 0 00-2.1-2 138.9 138.9 0 00-17 0 2.2 2.2 0 00-2 2c-.4 4-.4 8-.1 12a2.4 2.4 0 002.4 2.1H32v5.2h-4.2a7.6 7.6 0 01-7.6-7 96 96 0 010-12.7 7.4 7.4 0 017-6.8 125 125 0 0117.6 0 7.4 7.4 0 017 6.8 96 96 0 010 12.8z" fill="#06F"/><defs><filter id="filter0_dd1" x="0" y="0" width="72" height="72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter></defs></svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"><span class="b--u-text-sm b--u-text-bold">ChatBot</span> <br><span style="opacity: .65;">Automate customer service with AI</span></p> </a> <a href="https://www.helpdesk.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset "> <div class="b--u-mr-3"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_dd2)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M36 33.3l8.1-7.1H36c-2.9 0-5.8.1-8.5.3a2.2 2.2 0 00-2 2c-.2 1.7-.3 3.8-.3 6v1c0 2.2 0 4.3.2 6a2.2 2.2 0 002.1 2c5.7.4 11.3.4 17 0a2.2 2.2 0 002-2c.2-1.6.3-3.6.3-5.6l5.2-4.5v4.5l-.2 6a7.4 7.4 0 01-7 6.8 118.6 118.6 0 01-17.7 0 7.4 7.4 0 01-6.9-6.8 83 83 0 01-.2-6.3v-1.2l.2-6.3a7.4 7.4 0 017-6.8C30 21.1 33 21 36 21h16v5.2L36 40.1l-7.5-6.5 4-3.4 3.5 3z" fill="#2FC774"/><defs><filter id="filter0_dd2" x="0" y="0" width="72" height="72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter></defs></svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"><span class="b--u-text-sm b--u-text-bold">HelpDesk</span> <br><span style="opacity: .65;">Support customers with tickets</span></p> </a> <a href="https://www.knowledgebase.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset "> <div class="b--u-mr-3"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_dd3)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M46.8 26.4V21h-.3c-4.4.2-8.1 3-10.4 5.4H36c-2.3-2.3-6-5.2-10.4-5.4h-.3v5.4H20v9.2l.2 6.3a7.4 7.4 0 007 6.8 125.1 125.1 0 0017.7 0 7.4 7.4 0 006.9-6.8l.2-6.3v-9.2h-5.2zm0 9.2c0 2 0 4.2-.2 5.9a2.2 2.2 0 01-2.1 2c-5.7.4-11.3.4-17 0a2.2 2.2 0 01-2-2 76 76 0 01-.3-6v-9.1c3.8.1 7.5 4.1 8.6 5.7l2.2 3 2.2-3c1.1-1.6 4.8-5.6 8.6-5.7v9.2z" fill="#9146FF"/><defs><filter id="filter0_dd3" x="0" y="0" width="72" height="72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter></defs></svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"><span class="b--u-text-sm b--u-text-bold">KnowledgeBase</span> <br><span style="opacity: .65;">Guide and educate customers</span></p> </a> <a href="https://openwidget.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset "> <div class="b--u-mr-3"> <svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_ddd_1770_3180)"><g clip-path="url(#clip0_1770_3180)"><rect x="6" y="6" width="64" height="64" rx="8" fill="#333333"/><rect x="6" y="6" width="64" height="64" fill="white"/><g clip-path="url(#clip1_1770_3180)"><mask id="mask0_1770_3180" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="22" width="37" height="32"><path d="M38.0931 22.1982C41.4514 22.1982 44.9297 22.3204 48.0482 22.565C52.1262 22.9318 55.4845 26.1111 55.8444 30.3909L55.8865 31.1297L55.9301 32.0677C55.9732 33.0966 56.0166 35.4319 56.0602 39.0736L56.0377 40.2545C55.9933 42.3179 55.9257 44.1669 55.8444 45.4529C55.4845 49.7327 52.1262 52.9119 48.0482 53.2788C45.2132 53.5011 42.0809 53.6224 39.0116 53.6426L38.0855 53.6453C34.7272 53.6453 31.2489 53.523 28.1304 53.2784C24.0524 52.9116 20.6941 49.7323 20.3343 45.4526L20.2922 44.7137L20.262 44.0862C20.2036 42.7792 20.1562 41.1715 20.125 39.4513V36.3925L20.1491 35.2212C20.1935 33.3067 20.2578 31.6002 20.3343 30.3912C20.6941 26.1114 24.0524 22.9321 28.1304 22.5653C30.9654 22.343 34.0977 22.2217 37.167 22.2015L38.0931 22.1982ZM38.0893 28.191L36.9913 28.1959L35.93 28.2103C33.4557 28.2542 30.9978 28.3698 28.6102 28.557C27.2908 28.6793 26.3313 29.6575 26.2114 30.8803L26.1708 31.3192C26.0605 32.6261 25.9888 34.4595 25.9471 36.4738V39.3699L25.9736 40.4745C26.0231 42.2766 26.1 43.866 26.2114 44.9634C26.3313 46.1862 27.2908 47.1645 28.6102 47.2867C30.9978 47.474 33.4557 47.5895 35.93 47.6334L36.9913 47.6479L38.162 47.6528L39.1873 47.6482C42.0193 47.6214 44.8398 47.501 47.5684 47.2871C48.8878 47.1648 49.8473 46.1865 49.9673 44.9637L50.0078 44.5249C50.1429 42.925 50.22 40.5364 50.2552 37.9926L50.2316 36.4735L50.2051 35.3689C50.1555 33.5668 50.0786 31.9775 49.9673 30.88C49.8473 29.6572 48.8878 28.679 47.5684 28.5567C45.1809 28.3695 42.723 28.2539 40.2486 28.21L39.1873 28.1956L38.0893 28.191Z" fill="white"/></mask><g mask="url(#mask0_1770_3180)"><path fill-rule="evenodd" clip-rule="evenodd" d="M38.0889 15.4592C44.0661 15.4592 49.952 18.2295 53.9876 22.0383C54.0673 22.1135 53.9991 21.7143 54.5387 22.5107L38.0889 37.9217V15.4592Z" fill="url(#paint0_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M53.9876 22.0384C58.2258 26.2725 60.4205 32.0816 60.5674 37.6397C60.5699 37.7338 60.5718 38.8333 60.5731 38.9273L38.0889 37.9218L53.9876 22.0384Z" fill="url(#paint1_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M60.5731 37.9217C60.5731 43.8289 58.2906 49.2035 54.5587 53.2134C54.4436 53.337 53.9461 53.684 53.8283 53.805L38.0889 37.9217H60.5731Z" fill="url(#paint2_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M54.21 53.5803C49.9787 57.8075 43.9624 60.2164 38.3994 60.3775C38.2959 60.3805 36.7047 60.376 36.6016 60.3775L38.0895 37.9217L54.21 53.5803Z" fill="url(#paint3_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38.0889 60.3841C32.0806 60.3841 26.4042 57.8144 22.3645 53.9726C22.306 53.917 21.4435 52.9528 21.3857 52.8966L38.0889 37.9217V60.3841Z" fill="url(#paint4_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.191 53.8051C17.9938 49.6119 15.8008 43.8741 15.6161 38.3651C15.6111 38.2171 15.6181 37.0106 15.6161 36.863L38.0897 37.9217L22.191 53.8051Z" fill="url(#paint5_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.6055 37.9218C15.6055 31.9661 17.9255 26.5518 21.712 22.5316C21.797 22.4414 22.6457 21.8183 22.7322 21.7295L38.0897 37.9218H15.6055Z" fill="url(#paint6_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.9688 22.263C26.1334 18.1024 32.0273 15.7033 37.5161 15.4751C37.7077 15.4672 38.3088 15.4619 38.4993 15.4592L38.0893 37.9217L21.9688 22.263Z" fill="url(#paint7_linear_1770_3180)"/></g></g></g></g><defs><filter id="filter0_ddd_1770_3180" x="0" y="0" width="76" height="76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1770_3180"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1.5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_1770_3180" result="effect2_dropShadow_1770_3180"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="3"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="effect2_dropShadow_1770_3180" result="effect3_dropShadow_1770_3180"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_1770_3180" result="shape"/></filter><linearGradient id="paint0_linear_1770_3180" x1="38.4724" y1="25.9331" x2="47.5683" y2="26.4078" gradientUnits="userSpaceOnUse"><stop stop-color="#B349D9"/><stop offset="1" stop-color="#F53547"/></linearGradient><linearGradient id="paint1_linear_1770_3180" x1="49.4051" y1="25.838" x2="49.9508" y2="37.0956" gradientUnits="userSpaceOnUse"><stop stop-color="#F13354"/><stop offset="1" stop-color="#FF4200"/></linearGradient><linearGradient id="paint2_linear_1770_3180" x1="53.493" y1="38.672" x2="51.5341" y2="47.9153" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4200"/><stop offset="1" stop-color="#FFD000"/></linearGradient><linearGradient id="paint3_linear_1770_3180" x1="47.6944" y1="48.4639" x2="38.8971" y2="48.191" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD000"/><stop offset="1" stop-color="#72CE3A"/></linearGradient><linearGradient id="paint4_linear_1770_3180" x1="28.1102" y1="49.2244" x2="38.0171" y2="49.4373" gradientUnits="userSpaceOnUse"><stop stop-color="#02B296"/><stop offset="1" stop-color="#72CE3A"/></linearGradient><linearGradient id="paint5_linear_1770_3180" x1="22.7873" y1="38.0065" x2="25.5249" y2="48.2296" gradientUnits="userSpaceOnUse"><stop stop-color="#2173DA"/><stop offset="1" stop-color="#02B195"/></linearGradient><linearGradient id="paint6_linear_1770_3180" x1="28.4199" y1="29.8256" x2="25.1975" y2="34.5073" gradientUnits="userSpaceOnUse"><stop stop-color="#3750FF"/><stop offset="1" stop-color="#2172D9"/></linearGradient><linearGradient id="paint7_linear_1770_3180" x1="37.237" y1="25.2676" x2="27.6519" y2="23.872" gradientUnits="userSpaceOnUse"><stop stop-color="#B44ADA"/><stop offset="1" stop-color="#364FFE"/></linearGradient><clipPath id="clip0_1770_3180"><rect x="6" y="6" width="64" height="64" rx="8" fill="white"/></clipPath><clipPath id="clip1_1770_3180"><rect width="36.2667" height="36.2667" fill="white" transform="translate(19.8662 19.8667)"/></clipPath></defs></svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"><span class="b--u-text-sm b--u-text-bold">OpenWidget</span> <br><span style="opacity: .65;">Enhance websites with widgets</span></p> </a> </div> </div> </section> <footer class=" u-bg-gray-900 b--u-pt-6"> <div class="u-border-b"> <div class="o-container-xl"> <div class="u-flex u-flex-wrap u-items-center b--u-mb-3"> <p class="b--u-text-xs b--u-text-bold u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3">Get LiveChat App</p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3"><a href="/app/livechat-web-app/" class="c-link v--reset b--u-text-xs u-flex u-items-center u-w-fit"><svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M7.57 14.51c1.12-.15 2.1-1.31 2.72-3.03-.9-.2-1.8-.3-2.72-.31v3.34zM9.36 14.24l.2-.06.16-.05.19-.07.16-.07.19-.07a7.87 7.87 0 0 0 1.6-.97l.15-.11.15-.14.13-.11.15-.15.13-.12.02-.02a8.81 8.81 0 0 0-1.8-.69 6.44 6.44 0 0 1-1.66 2.7l.06-.02.17-.05zM14.62 7.52h-3.13a13.4 13.4 0 0 1-.53 3.6c.69.18 1.35.44 1.98.78a7.23 7.23 0 0 0 1.68-4.38zM7.57 7h3.4a12.92 12.92 0 0 0-.52-3.46c-.95.21-1.91.33-2.88.34V7zM7.57.01v3.35c.91-.01 1.82-.12 2.72-.32C9.67 1.33 8.69.17 7.57.01zM7.57 10.65c.97 0 1.93.12 2.88.34.33-1.13.5-2.3.51-3.47H7.57v3.13zM12.94 2.62c-.63.34-1.3.6-1.98.79.34 1.17.51 2.38.53 3.6h3.13a7.23 7.23 0 0 0-1.68-4.39zM12.59 2.23l-.02-.02-.13-.13-.15-.14-.13-.12-.15-.13-.14-.11a5.59 5.59 0 0 0-.94-.63 7.23 7.23 0 0 0-.17-.1L10.6.77a5.78 5.78 0 0 0-.34-.16l-.19-.08a7.38 7.38 0 0 0-.72-.25L9.2.24 9.13.22a6.44 6.44 0 0 1 1.67 2.7 8.8 8.8 0 0 0 1.79-.69zM0 7h3.13c.01-1.21.2-2.42.53-3.6a9.1 9.1 0 0 1-1.98-.78A7.23 7.23 0 0 0 0 7zM7.05 14.51v-3.34c-.92 0-1.82.12-2.72.31.62 1.72 1.6 2.88 2.72 3.03zM7.05 7.52h-3.4c.02 1.18.2 2.34.52 3.47.94-.22 1.9-.33 2.88-.34V7.52zM7.05.01c-1.12.16-2.1 1.32-2.72 3.03.9.2 1.8.3 2.72.32V0zM7.05 3.88c-.97-.01-1.94-.13-2.88-.34-.33 1.12-.5 2.29-.51 3.46h3.39V3.88zM5.49.22l-.06.02-.17.04-.2.06L4.9.4l-.2.07-.15.06-.19.08a7.57 7.57 0 0 0-.82.42l-.17.1a6.85 6.85 0 0 0-.46.32l-.16.13-.14.1-.15.14-.13.12-.15.14-.13.13-.02.02c.57.3 1.17.52 1.8.68C4.13 1.9 4.71.97 5.48.22zM2.18 12.44l.15.14.13.12.15.14.14.1.16.13.14.1a7.4 7.4 0 0 0 .81.5l.16.09a6.08 6.08 0 0 0 .34.16l.19.07a7.38 7.38 0 0 0 .35.14l.17.05.2.06.16.05.06.01a6.44 6.44 0 0 1-1.67-2.7 8.8 8.8 0 0 0-1.79.7l.02.02.13.12zM1.68 11.9c.62-.34 1.3-.6 1.98-.78a13.4 13.4 0 0 1-.53-3.6H0c.06 1.6.65 3.15 1.68 4.38z"/></g></svg> <span class="b--u-ml-1">Web browser</span></a></p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3"><a href="/app/livechat-for-windows/" class="c-link v--reset b--u-text-xs u-flex u-items-center u-w-fit"><svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M0 12.5l6 .8V7.7H0zM0 6.9h6V1.2L0 2zM6.7 13.4l7.9 1.1V7.7H6.7zM6.8 1.1v5.7h7.7V0z"/></g></svg> <span class="b--u-ml-1">Windows</span></a></p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3"><a href="/app/livechat-for-android/" class="c-link v--reset b--u-text-xs u-flex u-items-center u-w-fit"><svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M1.08 5.58h-.05C.47 5.58 0 6.04 0 6.6v4.44c0 .57.47 1.02 1.03 1.02h.05c.56 0 1.03-.46 1.03-1.02V6.6c0-.56-.47-1.02-1.03-1.02zM2.6 12.76c0 .51.42.93.94.93h1.01v2.4c0 .57.47 1.02 1.03 1.02h.05c.57 0 1.03-.46 1.03-1.02v-2.4h1.41v2.4c0 .57.46 1.02 1.03 1.02h.04c.57 0 1.03-.46 1.03-1.02v-2.4h1.01c.52 0 .95-.42.95-.93V5.74H2.6v7.02z"/><path d="M9.74 1.49l.8-1.23a.17.17 0 0 0-.05-.23.17.17 0 0 0-.24.05l-.83 1.27a5.46 5.46 0 0 0-4.11 0L4.48.08a.17.17 0 0 0-.24-.05.17.17 0 0 0-.05.23l.8 1.23a4.03 4.03 0 0 0-2.4 3.83h9.56l.01-.28c0-1.52-.98-2.85-2.42-3.55zm-4.6 2.2a.46.46 0 0 1-.45-.46c0-.25.2-.45.46-.45a.46.46 0 1 1 0 .91zm4.44 0a.46.46 0 0 1-.46-.46c0-.25.2-.45.46-.45a.46.46 0 1 1 0 .91z" fill-rule="nonzero"/><path d="M13.7 5.58h-.05c-.56 0-1.03.46-1.03 1.02v4.44c0 .57.47 1.02 1.03 1.02h.05c.56 0 1.02-.46 1.02-1.02V6.6c0-.56-.46-1.02-1.03-1.02z"/></g></svg> <span class="b--u-ml-1">Android</span></a></p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3 b--u-text-xs u-flex u-items-center u-w-fit"><svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.6 13.9l-1 1.5a1.2 1.2 0 01-2-1.1l.7-1.2c.2-.2.5-.5 1-.4 0 0 1.3 0 1.4.8l-.1.4zM17 10H13.9L11 4.8l-.2-.3c-.3-.4-.7.7-.7.7-.6 1.2 0 2.7.3 3l4 7.1a1.2 1.2 0 002-1.1l-1-1.8s0-.2.2-.2H17c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2zm-5.3 1.6s.1.7-.5.7h-10a1.2 1.2 0 010-2.3h2.5c.5 0 .6-.2.6-.2l3.4-5.9v-.2l-1.2-2a1.2 1.2 0 012-1.1l.6.9.5-1a1.2 1.2 0 012 1.2L6.9 10l.1.1h2.8s1.6 0 1.9 1.6z" fill="currentColor"/></svg><a href="/app/livechat-for-iphone/" class="c-link v--reset b--u-text-xs b--u-ml-1">iOS</a></p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3"><a href="/app/livechat-for-mac/" class="c-link v--reset b--u-text-xs u-flex u-items-center u-w-fit"><svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M12.4 9.3c0-2.2 1.8-3.3 1.9-3.3a4.1 4.1 0 0 0-3.2-1.8c-1.4-.1-2.7.8-3.4.8-.7 0-1.8-.7-3-.7-1.4 0-2.8.8-3.6 2.2C-.5 9.2.7 13 2.2 15.3c.8 1 1.7 2.3 2.8 2.2 1.1 0 1.6-.7 3-.7 1.3 0 1.6.7 2.8.7 1.2 0 2-1 2.7-2.1.9-1.3 1.2-2.5 1.3-2.5 0 0-2.4-1-2.4-3.6zM10.2 2.8c.6-.7 1-1.8.9-2.8a4 4 0 0 0-2.6 1.3C7.9 2 7.4 3 7.5 4c1 .1 2-.5 2.7-1.2z"/></g></svg> <span class="b--u-ml-1 b--u-mbn-0.5">Mac</span></a></p> </div> <nav class="u-flex u-flex-wrap b--u-mb-8 b--md:u-mb-6 b--lg:u-mb-4"> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Product</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/pricing/" class="b--u-text-xs c-link v--reset u-block" >Pricing</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/benefits/" class="b--u-text-xs c-link v--reset u-block" >LiveChat Benefits</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/tour/" class="b--u-text-xs c-link v--reset u-block" >Tour</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/features/" class="b--u-text-xs c-link v--reset u-block" >Features</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/lead-generation/" class="b--u-text-xs c-link v--reset u-block" >Lead Generation</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/livechat-demo/" class="b--u-text-xs c-link v--reset u-block" >Product Demo</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/app/" class="b--u-text-xs c-link v--reset u-block" >App</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/marketplace/" class="b--u-text-xs c-link v--reset u-block" >Marketplace</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://news.livechat.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">News</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Solutions</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/solutions/customer-support/" class="b--u-text-xs c-link v--reset u-block" >Customer Support</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/solutions/sales-and-marketing/" class="b--u-text-xs c-link v--reset u-block" >Sales & Marketing</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/enterprise/" class="b--u-text-xs c-link v--reset u-block" >Enterprise</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Customers</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customers/#industries" class="b--u-text-xs c-link v--reset u-block" >Industries</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customers/" class="b--u-text-xs c-link v--reset u-block" >Customers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customers/live-chat-reviews/" class="b--u-text-xs c-link v--reset u-block" >Reviews & Testimonials</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customers/customer-stories/" class="b--u-text-xs c-link v--reset u-block" >Case Studies</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Resources</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/success/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Success by LiveChat</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/success/customer-service-guide/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Customer Service Guide</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customer-service-report/" class="b--u-text-xs c-link v--reset u-block" >Customer Service Report</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/benchmark/" class="b--u-text-xs c-link v--reset u-block" >Benchmark</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/resources/reports/" class="b--u-text-xs c-link v--reset u-block" >Reports</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/typing-speed-test/" class="b--u-text-xs c-link v--reset u-block" >Typing Speed Test</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/privacy-policy-generator/" class="b--u-text-xs c-link v--reset u-block" >Privacy Policy Generator</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/newsletter/" class="b--u-text-xs c-link v--reset u-block" >Newsletter</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Support</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/help/" class="b--u-text-xs c-link v--reset u-block" >Help Center</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/webinars/" class="b--u-text-xs c-link v--reset u-block" >Webinars</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/marketplace/partners/" class="b--u-text-xs c-link v--reset u-block" >Partners Marketplace</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/enterprise/professional-business-services/" class="b--u-text-xs c-link v--reset u-block" >Professional Services</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://developers.livechat.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">API & Developers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://status.livechat.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">System Status</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Company</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://text.com/?utm_source=livechat.com&utm_medium=referral&utm_content=footer" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">About <span class='b--u-text-bold'>Text</span></a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/contact/" class="b--u-text-xs c-link v--reset u-block" >Contact</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/team/" class="b--u-text-xs c-link v--reset u-block" >Team</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/careers/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Careers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://investor.livechat.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Investor Relations</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://www.text.com/press/" class="b--u-text-xs c-link v--reset u-block" >Press</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://partners.livechat.com/?utm_source=livechat.com&utm_medium=referral&utm_content=footer" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Partner Program</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://incubator.livechat.com/?utm_source=livechat&utm_medium=referral&utm_content=footer" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">LiveChat Incubator</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/legal/" class="b--u-text-xs c-link v--reset u-block" >Legal</a> </li> </ul> </div> </div> </nav> <div class="u-flex sm:u-items-center lg:u-justify-between u-flex-col lg:u-flex-row b--u-mb-6 b--md:u-mb-12 b--lg:u-mb-8"> <div class="u-hidden md:u-flex u-items-center u-flex-col md:u-flex-row b--u-mb-4 b--lg:u-mb-0.25" data-controller="append-params" data-append-params-params-value="region"> <p class="b--u-text-sm b--u-text-bold b--u-mb-3 b--md:u-mb-0.25 b--u-mr-4">Start your free live chat trial</p> <a href="https://accounts.livechat.com/signup?source_id=footer_cta_button&source_type=website&source_url=https%3a%2f%2fwww.livechat.com%2ftour%2f" class="c-btn v--sm v--signup" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Sign up free" data-action="track#send" data-append-params-target="link" >Sign up free</a> </div> <div class="md:u-hidden u-flex u-items-center u-justify-center u-flex-col b--u-mb-6 b--md:u-mb-0.25" data-controller="append-params" data-append-params-params-value="region"> <p class="b--u-text-sm b--u-text-bold b--u-mb-3 b--md:u-mb-0.25">Start your free live chat trial</p> <a href="https://accounts.livechat.com/signup?source_id=footer_cta_button&source_type=website&source_url=https%3a%2f%2fwww.livechat.com%2ftour%2f" class="c-btn v--signup u-w-full u-maxw-3 u-mx-auto" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Sign up free" data-action="track#send" data-append-params-target="link" >Sign up free</a> </div> <div class="u-maxw-5 u-mx-auto lg:u-mr-0"> <div class="b--o-grid b--o-grid--gap-6 b--md:o-grid--gap-4 b--o-grid--4 b--sm:o-grid--8"> <a href="https://twitter.com/intent/follow?screen_name=LiveChat" class=" u-text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M18.2 2.3h3.3l-7.2 8.2 8.5 11.3H16L11 14.8l-6 6.8H1.6L9.4 13 1.2 2.2H8l4.8 6.3 5.4-6.3ZM17 19.8H19L7 4H5l12 15.7Z"/></svg> </a> <a href="https://www.linkedin.com/company/livechat/" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.45 20.45H16.9v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.95v5.66H9.35V9h3.41v1.56h.05a3.74 3.74 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.46v6.28ZM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13ZM3.55 20.45h3.57V9H3.55v11.45ZM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.22.8 24 1.77 24h20.45c.98 0 1.78-.78 1.78-1.73V1.73C24 .77 23.2 0 22.22 0Z" fill="currentColor"/></svg> </a> <a href="https://www.facebook.com/livechat" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 12.07a12 12 0 1 0-13.88 11.86v-8.39H7.08v-3.47h3.04V9.43c0-3 1.8-4.67 4.54-4.67 1.31 0 2.68.23 2.68.23v2.96h-1.51c-1.5 0-1.96.92-1.96 1.87v2.25h3.33l-.53 3.47h-2.8v8.39A12 12 0 0 0 24 12.07Z" fill="currentColor"/></svg> </a> <a href="https://www.youtube.com/livechat?sub_confirmation=1" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.52 15.59V8.82l6.49 3.4-6.49 3.37Zm14.24-7.94s-.23-1.66-.95-2.39c-.92-.96-1.94-.96-2.4-1.02C17.03 4 12 4 12 4h-.02s-5.03 0-8.4.24c-.46.06-1.48.06-2.4 1.02-.72.73-.95 2.4-.95 2.4S0 9.6 0 11.54v1.82c0 1.95.24 3.9.24 3.9s.23 1.66.95 2.39c.92.96 2.12.93 2.65 1.03 1.92.18 8.16.24 8.16.24s5.04 0 8.4-.25c.47-.06 1.5-.06 2.4-1.02.73-.73.96-2.39.96-2.39s.24-1.95.24-3.9v-1.82c0-1.95-.24-3.9-.24-3.9Z" fill="currentColor"/></svg></a> <a href="https://www.instagram.com/livechat/" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.05.07C8.33.01 8.75 0 12 0c3.26 0 3.67.01 4.95.07a8.8 8.8 0 0 1 2.91.56c.79.3 1.46.72 2.13 1.38a5.88 5.88 0 0 1 1.38 2.13c.3.76.5 1.64.56 2.91.06 1.28.07 1.7.07 4.95 0 3.26-.01 3.67-.07 4.95a8.81 8.81 0 0 1-.56 2.91c-.3.79-.72 1.46-1.38 2.13a5.88 5.88 0 0 1-2.13 1.38c-.76.3-1.64.5-2.91.56-1.28.06-1.7.07-4.95.07-3.26 0-3.67-.01-4.95-.07a8.8 8.8 0 0 1-2.91-.56A5.88 5.88 0 0 1 2 21.99a5.88 5.88 0 0 1-1.38-2.13 8.8 8.8 0 0 1-.56-2.91A85.13 85.13 0 0 1 0 12c0-3.26.01-3.67.07-4.95a8.8 8.8 0 0 1 .56-2.91c.3-.79.72-1.46 1.38-2.13A5.88 5.88 0 0 1 4.14.63 8.8 8.8 0 0 1 7.05.07Zm12.03 2.58a6.64 6.64 0 0 0-2.23-.42A83.27 83.27 0 0 0 12 2.16c-3.2 0-3.58.01-4.85.07-1.17.06-1.8.25-2.23.42-.56.21-.96.47-1.38.9-.42.41-.68.81-.9 1.37a6.64 6.64 0 0 0-.4 2.23A83.28 83.28 0 0 0 2.15 12c0 3.2.01 3.58.07 4.85.06 1.17.25 1.8.42 2.23.21.56.47.96.9 1.38.41.42.81.68 1.37.9.43.16 1.06.35 2.23.4 1.27.07 1.65.08 4.85.08 3.2 0 3.58-.01 4.85-.07a6.64 6.64 0 0 0 2.23-.42c.56-.21.96-.47 1.38-.9.42-.41.68-.81.9-1.37.16-.43.35-1.06.4-2.23.07-1.27.08-1.65.08-4.85 0-3.2-.01-3.58-.07-4.85a6.64 6.64 0 0 0-.42-2.23 3.72 3.72 0 0 0-.9-1.38 3.72 3.72 0 0 0-1.37-.9ZM12 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32ZM8 12a4 4 0 1 0 8 0 4 4 0 0 0-8 0Zm10.4-4.97a1.44 1.44 0 1 0 0-2.88 1.44 1.44 0 0 0 0 2.88Z" fill="currentColor"/></svg> </a> <a href="https://www.producthunt.com/posts/livechat-2" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1999 14.4001h3.3998c2.3197 0 4.2-1.8803 4.2-4.2 0-2.31977-1.8803-4.20002-4.2-4.20002H7.79993V18.0001h2.39997v-3.6ZM0 12C0 5.37225 5.37225 0 12 0c6.627 0 12 5.37225 12 12 0 6.6278-5.373 12-12 12-6.62775 0-12-5.3722-12-12Zm10.2-3.60004h3.3998c.9946 0 1.8001.80625 1.8001 1.80004 0 .9937-.8055 1.7999-1.8001 1.7999H10.2V8.39996Z" fill="currentColor"/></svg></a> <a href="https://dribbble.com/textcom" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.93 5.53c-.21.3-1.93 2.5-5.72 4.05a30.73 30.73 0 0 1 .9 2c3.41-.42 6.8.27 7.14.34a10.2 10.2 0 0 0-2.32-6.39ZM9.6 2.05a54.8 54.8 0 0 1 3.82 6c3.65-1.37 5.19-3.44 5.38-3.7a10.2 10.2 0 0 0-9.2-2.3ZM1.97 9.92c.46 0 4.68.02 9.47-1.25a65.4 65.4 0 0 0-3.8-5.93c-2.86 1.35-5 4-5.67 7.18Zm2.42 8.95c.23-.4 3.04-5.06 8.33-6.76l.4-.13c-.26-.58-.54-1.16-.83-1.74A37.83 37.83 0 0 1 1.76 11.7l-.01.32c0 2.63 1 5.03 2.64 6.85ZM16 21.45c-.15-.9-.74-4.03-2.18-7.77l-.07.02c-5.78 2.01-7.86 6.02-8.04 6.4A10.2 10.2 0 0 0 16 21.45Zm6.12-7.8c-.35-.12-3.17-.96-6.38-.45a44.2 44.2 0 0 1 1.99 7.31 10.27 10.27 0 0 0 4.39-6.87ZM12 24C5.38 24 0 18.62 0 12S5.38 0 12 0s12 5.38 12 12-5.38 12-12 12Z" fill="currentColor"/></svg></a> <a href="https://github.com/livechat" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.39 6.13a12.1 12.1 0 0 0-4.37-4.48A11.52 11.52 0 0 0 12 0C9.82 0 7.81.55 5.98 1.65A12.27 12.27 0 0 0 0 12.3c0 2.68.76 5.1 2.29 7.23a11.78 11.78 0 0 0 5.91 4.45c.28.05.5.01.63-.12.13-.12.2-.28.2-.48a378 378 0 0 0-.01-2.29l-.36.07a6.45 6.45 0 0 1-1.95-.06 2.4 2.4 0 0 1-1.05-.48 2.03 2.03 0 0 1-.7-.98l-.15-.37c-.1-.25-.27-.52-.49-.82a1.9 1.9 0 0 0-.68-.6l-.1-.09a1.16 1.16 0 0 1-.35-.41c-.03-.08 0-.14.08-.19a1 1 0 0 1 .45-.07l.31.05c.2.04.47.17.77.38.31.22.56.5.76.83.24.44.53.78.87 1 .34.24.68.35 1.02.35.35 0 .64-.03.9-.08.24-.05.48-.13.7-.24.09-.72.35-1.27.76-1.65-.6-.06-1.13-.16-1.6-.29a6.3 6.3 0 0 1-1.47-.62 4.23 4.23 0 0 1-2.08-2.76c-.21-.7-.32-1.5-.32-2.4 0-1.3.42-2.4 1.24-3.3a4.4 4.4 0 0 1 .1-3.27c.3-.1.76-.02 1.35.22A9.29 9.29 0 0 1 9 6.36a10.84 10.84 0 0 1 6 0l.6-.39c.4-.25.88-.49 1.43-.7.55-.21.98-.27 1.27-.18.47 1.21.5 2.3.12 3.27.82.9 1.24 2 1.24 3.3 0 .9-.11 1.71-.32 2.41a5 5 0 0 1-.83 1.68 4.4 4.4 0 0 1-1.27 1.07c-.5.29-1 .5-1.47.62-.47.13-1 .23-1.6.29.54.48.81 1.24.81 2.27v3.38c0 .2.07.36.2.48.13.13.34.17.62.12 2.41-.83 4.39-2.3 5.91-4.45A12.16 12.16 0 0 0 24 12.3c0-2.23-.54-4.29-1.61-6.17Z" fill="currentColor"/></svg></a> </div> </div> </div> </div> </div> <div class="o-container-xl u-text-gray-400"> <div class="b--u-py-3"> <p class="b--u-text-2xs u-mb-0 u-pb-0" style="color: inherit;">LiveChat is customer service software that adapts to your business needs. Whether you’re a B2B SaaS or an <a href="/solutions/ecommerce/" class="c-link v--reset u-text-underline">ecommerce</a> company, our live chat software will help you sell and support across multiple communication channels and ultimately grow your business.<br>Copyright © 2024 Text, Inc. All rights reserved.</p> <div class="b--u-pt-3"> <p class="b--u-text-2xs u-mb-0 u-pb-0" style="color: inherit;">We use cookies and similar technologies to enhance your interactions with our website and Services, including when you reach out to us on chat. This comprises traffic analysis, delivering personalized content, and supporting our marketing efforts. By accessing our website, interacting with our Services, you agree to let us and our partners employ cookies and related technologies on your computer or devices. <a href="/legal/cookies-policy/" class="b--u-text-bold" style="color: inherit;">Click the Cookies Policy</a> to check how you can control the use of cookies through your device. To understand how we process your data, including through cookies, and interactions with us, please read our <a href="/legal/privacy-policy/" class="b--u-text-bold" style="color: inherit;">Privacy Policy</a>.</p></div> </div> </div> </footer> <script async defer src="/dist/js/main.0468433ea45a73a3746f4791833cc17772be5c9f23f52a04cbb6c330c154af34.js"></script> <script async defer src="/dist/js/vendor~1.640be77df4843b82ffa39c47b3678aae74f8827a7ac159100ba417dbe9a6918e.js"></script> <script async defer src="/dist/js/vendor~2.cec0b0cca94f290f1cd8a5fe547e1e9d1b1a021a2a3c8a84eef2eaba143db2d1.js"></script> <script async defer src="/dist/js/vendor~3.277d9c17b185b5843725d623ed8659093c515c8c42892a210cfa1bd7bedab2f5.js"></script> <script async defer src="/dist/js/vendor~legal.7e407caec7c24e9948a2ee4ce0618507c1dc7536814f241c5bf782f2b0461f5b.js"></script> <script async defer src="/dist/js/vendor~stimulus.5b795d8abe662fb12ab5bbcf99351372fbea633a423f7fb18cec57c87efbf265.js"></script> <script async defer src="/dist/js/vendor~livechat.a5d8fd72db6c5621582b64ed9e8372b726322924e436f0534f19d537ece84e2e.js"></script> <script async defer src="/dist/js/controllers~sqf.ae667192300207b2fdb0d56e21c973f0ae0d930a2082c4243b9a5f34e78626b7.js"></script> <script async defer src="/dist/js/controllers.6ea74c08e29238c1547ae55937bcc3ce86a1bd4f1c2d0003a8e50fc6ed270653.js"></script> <script async defer src="/dist/js/manifest.42425d64286f0ccde0dc16bddc681f5145177a99f5f45bfc4cca78e8d5d4653b.js"></script> <script> window.__lc = window.__lc || {}; window.__lc.license = 1520; window.__lc.ga_version = "gtm"; (function (n, t, c) { function i(n) { return e._h ? e._h.apply(null, n) : e._q.push(n); } var e = { _q: [], _h: null, _v: "2.0", on: function () { i(["on", c.call(arguments)]); }, once: function () { i(["once", c.call(arguments)]); }, off: function () { i(["off", c.call(arguments)]); }, get: function () { if (!e._h) throw new Error("[LiveChatWidget] You can't use getters before load."); return i(["get", c.call(arguments)]); }, call: function () { i(["call", c.call(arguments)]); }, init: function () { var n = t.createElement("script"); (n.async = !0), (n.type = "text/javascript"), (n.src = "https://cdn.livechatinc.com/staging/tracking.js"), t.head.appendChild(n); }, }; !n.__lc.asyncInit && e.init(), (n.LiveChatWidget = n.LiveChatWidget || e); })(window, document, [].slice); </script> <noscript> <a href="https://www.livechatinc.com/chat-with/1520/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a> </noscript> <script> const checkIfMobile = () => { const userAgent = navigator.userAgent || navigator.vendor || window.opera; const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i; const hasTouchSupport = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0; const isIPad = navigator.platform === 'MacIntel' && hasTouchSupport; return (mobileRegex.test(userAgent) || isIPad) && hasTouchSupport; } window.LiveChatWidget.on("ready", () => { const customerData = LiveChatWidget.get("customer_data"); let updatedSessionVariables = { visitor_id: customerData.id, og_cv_is_mobile: checkIfMobile(), og_cv_is_returning: customerData.isReturning ? "true" : "false", }; updatedSessionVariables.og_cv_account_type = customerData.sessionVariables.og_cv_account_type ?? "-"; window.LiveChatWidget.call("update_session_variables", updatedSessionVariables); }); </script> <script type="text/javascript"> (function(window, document, dataLayerName, id) { window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString()}document.cookie=a+"="+b+d+"; path=/"} var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1); var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):""; tags.async=!0,tags.src="https://livechat.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); })(window, document, 'dataLayer', '28a0a095-db17-4f24-8d11-19c9de6721cc'); </script><noscript><iframe src="https://livechat.containers.piwik.pro/28a0a095-db17-4f24-8d11-19c9de6721cc/noscript.html" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript></body> </html>

CINXE.COM

Product Tour - LiveChat - Better Customer Service