CINXE.COM

<!DOCTYPE html> <html lang="en-US" 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>LiveChat® - The Best AI Live Chat Software for Business | LiveChat.com</title> <meta name="description" content="LiveChat® is the best AI live chat software for business, perfect for ecommerce and B2B. It powers real-time website support, boosting sales and customer satisfaction."> <link rel="preload" href="/images/homepage/header-01-square--mobile.webp" as="image" type="image/webp"> <link rel="preload" as="style" href="/dist/css/main.ae58349277ca85b76905bf175ae793fef5a52298676a8e14d972a4376635cf75.css"> <link rel="stylesheet" href="/dist/css/main.ae58349277ca85b76905bf175ae793fef5a52298676a8e14d972a4376635cf75.css"> <link rel="canonical" href="https://www.livechat.com/"> <link rel="alternate" hreflang="en" href="https://www.livechat.com/" /> <link rel="alternate" hreflang="de" href="https://www.livechat.com/de/" /> <link rel="alternate" hreflang="es" href="https://www.livechat.com/es/" /> <link rel="alternate" hreflang="fr" href="https://www.livechat.com/fr/" /> <link rel="alternate" hreflang="ja" href="https://www.livechat.com/jp/" /> <link rel="alternate" hreflang="pt" href="https://www.livechat.com/pt/" /> <link rel="alternate" hreflang="ru" href="https://www.livechat.com/ru/" /> <link rel="alternate" hreflang="zh" href="https://www.livechat.com/cn/" /> <link rel="alternate" hreflang="x-default" href="https://www.livechat.com/" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph":[{"@type":"WebSite","description":"LiveChat® is the best AI live chat software for business, perfect for ecommerce and B2B. It powers real-time website support, boosting sales and customer satisfaction.","name":"LiveChat®","potentialAction":[{"@type":"SearchAction","query-input":"required name=search_term_string","target":"https://www.livechat.com/help/search/?query={search_term_string}"}],"url":"https://www.livechat.com"},{"@type":"SoftwareApplication","aggregateRating":{"@type":"AggregateRating","bestRating":"5","ratingCount":"1675","ratingValue":"4.6","reviewCount":"1675","worstRating":"1"},"applicationCategory":"BusinessApplication","description":"LiveChat® is the best AI live chat software for business, perfect for ecommerce and B2B. It powers real-time website support, boosting sales and customer satisfaction.","name":"LiveChat® for Customer Support","offers":{"@type":"AggregateOffer","highPrice":"59","lowPrice":"0","offerCount":"8","offers":[{"@type":"Offer","description":"Free trial","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"DAY","value":14},"price":"0","priceCurrency":"USD","url":"https://www.livechat.com"},{"@type":"Offer","description":"Starter plan","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"ANN","value":1},"price":"20","priceCurrency":"USD","url":"https://www.livechat.com"},{"@type":"Offer","description":"Starter plan","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"MON","value":1},"price":"24","priceCurrency":"USD","url":"https://www.livechat.com"},{"@type":"Offer","description":"Team plan","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"ANN","value":1},"price":"41","priceCurrency":"USD","url":"https://www.livechat.com"},{"@type":"Offer","description":"Team plan","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"MON","value":1},"price":"49","priceCurrency":"USD","url":"https://www.livechat.com"},{"@type":"Offer","description":"Business plan","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"ANN","value":1},"price":"59","priceCurrency":"USD","url":"https://www.livechat.com"},{"@type":"Offer","description":"Business plan","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"MON","value":1},"price":"69","priceCurrency":"USD","url":"https://www.livechat.com"},{"@type":"Offer","description":"Enterprise plan","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"ANN","value":1},"price":"Contact us","priceCurrency":"USD","url":"https://www.livechat.com"},{"@type":"Offer","description":"Enterprise plan","eligibleQuantity":{"@type":"QuantitativeValue","unitCode":"MON","value":1},"price":"Contact us","priceCurrency":"USD","url":"https://www.livechat.com"}],"priceCurrency":"USD","url":"https://www.livechat.com"},"operatingSystem":"WebApp","seller":{"@type":"Organization","name":"LiveChat®","url":"https://www.livechat.com"}},{"@type":"Product","aggregateRating":{"@type":"AggregateRating","bestRating":"5","ratingCount":"1675","ratingValue":"4.6","reviewCount":"1675","worstRating":"1"},"brand":{"@type":"Brand","name":"LiveChat®","url":"https://www.livechat.com"},"category":"Software","description":"LiveChat® is the best AI live chat software for business, perfect for ecommerce and B2B. It powers real-time website support, boosting sales and customer satisfaction.","image":"https://www.livechat.com/icon-512.png","name":"LiveChat® for Customer Support","offers":{"@type":"AggregateOffer","highPrice":"59","lowPrice":"0","offerCount":"8","priceCurrency":"USD"},"url":"https://www.livechat.com"},{"@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 35,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 the best AI live chat software for business, perfect for ecommerce and B2B. It powers real-time website support, boosting sales and customer satisfaction.","name":"LiveChat® - The Best AI Live Chat Software for Business","url":"https://www.livechat.com"}]} </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="website" /> <meta property="og:title" content="LiveChat® - The Best AI Live Chat Software for Business | LiveChat.com" /> <meta property="og:description" content="LiveChat® is the best AI live chat software for business, perfect for ecommerce and B2B. It powers real-time website support, boosting sales and customer satisfaction." /> <meta property="og:url" content="https://www.livechat.com/" /> <meta property="og:site_name" content="LiveChat®" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="LiveChat® is the best AI live chat software for business, perfect for ecommerce and B2B. It powers real-time website support, boosting sales and customer satisfaction." /> <meta name="twitter:title" content="LiveChat® - The Best AI Live Chat Software for Business | LiveChat.com" /> <meta name="twitter:site" content="@LiveChat" /> <meta property="og:image" content="https://www.livechat.com/og-image.ebb137567b843ddc2b94a65d19633f6867190e50b50e00c6633bad02a853aec0.png" /> <meta name="twitter:image" content="https://www.livechat.com/og-image.ebb137567b843ddc2b94a65d19633f6867190e50b50e00c6633bad02a853aec0.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="manifest" href="/manifest.json"> <meta name="google-site-verification" content="fqJX0wxdwkSs2p5fBVcTFOo0LU7yUwZJ4o1Y9dmSuYk"> <meta name="apple-itunes-app" content="app-id=1512395470, affiliate-data=ct=Smartbanner-Homepagem&pt=118763571" /> <meta name="msvalidate.01" content="05EF7B502A1E06289A0922BAA9E5A07C" /> <meta name="yandex-verification" content="7ba3a6376892bef4" /> <link rel="apple-touch-icon" sizes="57x57" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-57.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-57@2x.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-24@3x.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-60.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-60@3x.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-60@2x.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-76.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.livechat.com/wp-content/themes/livechat2.0/media/img/apple-touch-icons/Icon-76@2x.png"> <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="bdpnbet4tppjwz6wt54q-f-d484968ab-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":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"291ed74","ak.r":6099,"ak.a2":n,"ak.m":"b","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":35624,"ak.gh":"124.155.222.130","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1742118777","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==b7lCGk+UFrSVDzTlEaoW9MZmcjmhrbJT1u21Ev2/H/RPX7nB5C4zzcMLjShZse4uCsOGLaW/GWeA5P13CUoewjdQ1tSmhSlvCaD6IXMjt6uIA0gWjntDjNoi5Kq0RWT1VRCqZSXu9bTgHc3V7GASdx7IMbr/gfvPAT00+CWw6aLPEEXGdl3jqh2ORs1giat4YDo95q+e/KIUCtHY/e+Z64pR6E4S74IS5sFL8iEDjmBEa2CthjsuxnY5TWosEiGzLw75bYhcQUG+pNS67BUG+JvhU1xvfQ2iWAEOVZucNbUjGewYv4FgwGYfg3PjE8BoJPgU92aWbSpuOkPfA5y99t+wmDQ7VtfXi9WWi6h/6Pzn9fyeKRQqBnx9RT+OXNeK3V6qkMK/+DUeFe2TXXn5qlZDQnH1UTaR3ANbGdCBa8M=","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="u-border-b u-border-gray-900 c-productbar "> <div class="u-flex u-justify-center u-items-center"> <p class="b--u-text-2xs u-text-gray-500 b--u-my-1.5 b--u-mr-6">Discover <a href="https://text.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" class="c-productbar__name b--u-text-2xs b--u-text-bold u-hover-none" data-tooltip='Learn more about <strong>Text</strong>' data-placement="bottom" data-z-index="100000" data-controller="tippy">Text</a> products:</p> <a href="https://www.chatbot.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" rel="noopener" class="c-productbar__chatbot u-flex u-flex-row u-items-center u-hover-none b--u-mr-6" style="height: min-content;" data-tooltip='Automate customer service with AI' data-placement="bottom" data-z-index="100000" data-controller="tippy"> <svg width="16" height="16" fill="none" style="margin-right: 4px;" xmlns="http://www.w3.org/2000/svg"><path d="M11.8 6.3v1.5a.6.6 0 01-.3.6c-1.1.5-2.3.8-3.5.8-1.2 0-2.4-.3-3.5-.8a.6.6 0 01-.3-.6V6.3a.4.4 0 01.6-.4c1 .4 2 .7 3.2.7 1 0 2.2-.3 3.2-.7a.4.4 0 01.6.4z" fill="#C6C6CA"/><path d="M15.9 10a3.8 3.8 0 01-3.8 3.4H10L6 16v-2.6l4-2.6H12a1.2 1.2 0 001.2-1v-6a1.1 1.1 0 00-1-1 69.4 69.4 0 00-8.5 0 1.1 1.1 0 00-1 1c-.2 2-.2 4-.1 6a1.2 1.2 0 001.2 1h2v2.6H4A3.8 3.8 0 010 9.9a48 48 0 010-6.4A3.7 3.7 0 013.6.2a62.5 62.5 0 018.8 0A3.7 3.7 0 0116 3.6a48 48 0 010 6.3z" fill="#C6C6CA"/></svg> <p class="b--u-text-2xs u-mb-0"><span class="c-productbar__name">ChatBot</span></p> </a> <a href="https://www.helpdesk.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" rel="noopener" class="c-productbar__helpdesk u-flex u-flex-row u-items-center u-hover-none b--u-mr-6" style="height: min-content;" data-tooltip='Support customers with tickets' data-placement="bottom" data-z-index="100000" data-controller="tippy"> <svg width="17" height="14" fill="none" style="margin-right: 4px;" xmlns="http://www.w3.org/2000/svg"><path d="M8 6.1l4.1-3.5h-4l-4.3.1a1.1 1.1 0 00-1 1l-.2 3v.6l.1 3a1.1 1.1 0 001 1h8.6a1.1 1.1 0 001-1l.1-2.8L16 5.2v5.3a3.7 3.7 0 01-3.5 3.3 59.5 59.5 0 01-9 0 3.7 3.7 0 01-3.4-3.4L0 7.3v-.6l.1-3.1A3.7 3.7 0 013.6.2L8 0h8v2.6l-8 7-3.7-3.3 2-1.7L8 6.1z" fill="#C6C6CA"/></svg> <p class="b--u-text-2xs u-mb-0"><span class="c-productbar__name">HelpDesk</span></p> </a> <a href="https://www.knowledgebase.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" rel="noopener" class="c-productbar__knowledgebase u-flex u-flex-row u-items-center u-hover-none b--u-mr-6" style="height: min-content;" data-tooltip='Guide and educate customers' data-placement="bottom" data-z-index="100000" data-controller="tippy"> <svg width="16" height="14" style="margin-right: 4px;" xmlns="http://www.w3.org/2000/svg"><path d="M13.4 2.7V0h-.1C11 0 9.2 1.5 8 2.7H8C6.7 1.5 5 0 2.6 0h-.1v2.7H0v4.6l.1 3.1a3.7 3.7 0 003.5 3.4 62.6 62.6 0 008.8 0 3.7 3.7 0 003.5-3.4l.1-3.1V2.7h-2.6zm0 4.6l-.1 3a1.1 1.1 0 01-1 1H3.7a1.1 1.1 0 01-1-1c-.2-.9-.2-2-.2-3V2.7c1.9 0 3.8 2 4.3 2.9L8 7l1-1.5c.6-.8 2.5-2.8 4.4-3v4.7z" fill="#C6C6CA"/></svg> <p class="b--u-text-2xs u-mb-0"><span class="c-productbar__name">KnowledgeBase</span></p> </a> <a href="https://www.openwidget.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" rel="noopener" class="c-productbar__openwidget u-flex u-flex-row u-items-center u-hover-none" style="height: min-content;" data-tooltip='Enhance websites with widgets' data-placement="bottom" data-z-index="100000" data-controller="tippy"> <svg width="20" height="20" style="margin-right: 3px;" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1013_25291" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="2" width="18" height="16"><path d="M10.0002 2.70734C11.5578 2.70734 13.171 2.76405 14.6173 2.87748C16.5087 3.04761 18.0663 4.52215 18.2332 6.50711L18.2527 6.84978L18.2729 7.28483C18.2929 7.762 18.3131 8.8451 18.3333 10.5341L18.3229 11.0818C18.3023 12.0388 18.2709 12.8964 18.2332 13.4928C18.0663 15.4778 16.5087 16.9523 14.6173 17.1225C13.3025 17.2256 11.8497 17.2818 10.4262 17.2912L9.99668 17.2924C8.43909 17.2924 6.82587 17.2357 5.37953 17.1223C3.48817 16.9522 1.93057 15.4776 1.76369 13.4927L1.74415 13.15L1.73017 12.859C1.70306 12.2528 1.6811 11.5071 1.66663 10.7093V9.29063L1.67782 8.74738C1.69838 7.85946 1.7282 7.06798 1.76369 6.50726C1.93057 4.5223 3.48817 3.04776 5.37953 2.87762C6.69438 2.77451 8.14716 2.71826 9.57067 2.70889L10.0002 2.70734ZM9.99844 5.48681L9.48918 5.48908L8.99696 5.49577C7.84936 5.51612 6.7094 5.56972 5.60204 5.65656C4.99013 5.71327 4.5451 6.16698 4.48948 6.73411L4.47066 6.93765C4.41949 7.54381 4.38626 8.39412 4.3669 9.32836V10.6716L4.37919 11.1839C4.40216 12.0197 4.43783 12.7568 4.48948 13.2658C4.5451 13.833 4.99013 14.2867 5.60204 14.3434C6.7094 14.4302 7.84936 14.4838 8.99696 14.5042L9.48918 14.5109L10.0322 14.5131L10.5077 14.511C11.8212 14.4986 13.1293 14.4428 14.3948 14.3435C15.0067 14.2868 15.4518 13.8331 15.5074 13.266L15.5262 13.0624C15.5889 12.3204 15.6246 11.2126 15.641 10.0328L15.63 9.32822L15.6177 8.81591C15.5947 7.98009 15.559 7.24296 15.5074 6.73396C15.4518 6.16683 15.0067 5.71313 14.3948 5.65641C13.2875 5.56957 12.1475 5.51597 10.9999 5.49562L10.5077 5.48893L9.99844 5.48681Z" fill="white"/></mask><g mask="url(#mask0_1013_25291)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.9989 -0.418274C12.7711 -0.418274 15.501 0.866567 17.3727 2.6331C17.4097 2.66798 17.378 2.48281 17.6283 2.85218L9.9989 9.99977V-0.418274Z" fill="url(#paint0_linear_1013_25291)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.3727 2.6333C19.3384 4.59708 20.3563 7.29131 20.4244 9.86913C20.4255 9.91278 20.4264 10.4227 20.427 10.4663L9.9989 9.99997L17.3727 2.6333Z" fill="url(#paint1_linear_1013_25291)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.427 9.99976C20.427 12.7395 19.3684 15.2323 17.6376 17.092C17.5842 17.1494 17.3534 17.3103 17.2988 17.3664L9.9989 9.99976H20.427Z" fill="url(#paint2_linear_1013_25291)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.475 17.2622C15.5125 19.2228 12.7222 20.34 10.1421 20.4147C10.0941 20.4161 9.35607 20.414 9.30823 20.4147L9.99832 9.99976L17.475 17.2622Z" fill="url(#paint3_linear_1013_25291)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99871 20.4178C7.21208 20.4178 4.57938 19.226 2.70577 17.4442C2.67866 17.4184 2.27863 16.9711 2.25183 16.9451L9.99871 9.99976V20.4178Z" fill="url(#paint4_linear_1013_25291)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.62462 17.3665C0.67795 15.4217 -0.33916 12.7605 -0.424819 10.2055C-0.42712 10.1368 -0.423862 9.57725 -0.424819 9.50879L9.99842 9.99984L2.62462 17.3665Z" fill="url(#paint5_linear_1013_25291)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-0.429443 9.99986C-0.429443 7.23763 0.646602 4.72647 2.40276 2.86195C2.44217 2.82011 2.83582 2.53112 2.87591 2.48993L9.99868 9.99986H-0.429443Z" fill="url(#paint6_linear_1013_25291)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.52197 2.73731C4.45352 0.807635 7.18709 -0.305055 9.7328 -0.410881C9.82166 -0.414574 10.1005 -0.417042 10.1888 -0.418274L9.99864 9.99977L2.52197 2.73731Z" fill="url(#paint7_linear_1013_25291)"/></g><defs><linearGradient id="paint0_linear_1013_25291" x1="10.1768" y1="4.43948" x2="14.3954" y2="4.65968" gradientUnits="userSpaceOnUse"><stop stop-color="#B349D9"/><stop offset="1" stop-color="#F53547"/></linearGradient><linearGradient id="paint1_linear_1013_25291" x1="15.2473" y1="4.39555" x2="15.5004" y2="9.61681" gradientUnits="userSpaceOnUse"><stop stop-color="#F13354"/><stop offset="1" stop-color="#FF4200"/></linearGradient><linearGradient id="paint2_linear_1013_25291" x1="17.1433" y1="10.3478" x2="16.2348" y2="14.6348" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4200"/><stop offset="1" stop-color="#FFD000"/></linearGradient><linearGradient id="paint3_linear_1013_25291" x1="14.4531" y1="14.8892" x2="10.3729" y2="14.7626" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD000"/><stop offset="1" stop-color="#72CE3A"/></linearGradient><linearGradient id="paint4_linear_1013_25291" x1="5.37061" y1="15.242" x2="9.9654" y2="15.3407" gradientUnits="userSpaceOnUse"><stop stop-color="#02B296"/><stop offset="1" stop-color="#72CE3A"/></linearGradient><linearGradient id="paint5_linear_1013_25291" x1="2.90118" y1="10.0392" x2="4.17087" y2="14.7806" gradientUnits="userSpaceOnUse"><stop stop-color="#2173DA"/><stop offset="1" stop-color="#02B195"/></linearGradient><linearGradient id="paint6_linear_1013_25291" x1="5.51388" y1="6.24489" x2="4.0193" y2="8.41625" gradientUnits="userSpaceOnUse"><stop stop-color="#3750FF"/><stop offset="1" stop-color="#2172D9"/></linearGradient><linearGradient id="paint7_linear_1013_25291" x1="9.60333" y1="4.13084" x2="5.15782" y2="3.48357" gradientUnits="userSpaceOnUse"><stop stop-color="#B44ADA"/><stop offset="1" stop-color="#364FFE"/></linearGradient></defs></svg> <svg width="20" height="20" style="margin-right: 3px;" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_1013_25289" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="2" width="18" height="16"><path d="M10.0003 2.70728C11.5579 2.70728 13.1711 2.76399 14.6175 2.87741C16.5088 3.04755 18.0664 4.52209 18.2333 6.50705L18.2528 6.84971L18.2731 7.28477C18.2931 7.76194 18.3132 8.84504 18.3334 10.5341L18.323 11.0818C18.3024 12.0388 18.2711 12.8963 18.2333 13.4928C18.0664 15.4777 16.5088 16.9523 14.6175 17.1224C13.3026 17.2255 11.8498 17.2818 10.4263 17.2911L9.99681 17.2924C8.43921 17.2924 6.82599 17.2357 5.37965 17.1222C3.48829 16.9521 1.93069 15.4776 1.76381 13.4926L1.74427 13.1499L1.7303 12.8589C1.70318 12.2527 1.68122 11.5071 1.66675 10.7092V9.29057L1.67794 8.74732C1.6985 7.8594 1.72832 7.06792 1.76381 6.50719C1.93069 4.52224 3.48829 3.0477 5.37965 2.87756C6.6945 2.77445 8.14728 2.7182 9.5708 2.70883L10.0003 2.70728ZM9.99856 5.48675L9.48931 5.48902L8.99708 5.49571C7.84948 5.51606 6.70952 5.56966 5.60217 5.6565C4.99025 5.71321 4.54523 6.16692 4.4896 6.73405L4.47078 6.93759C4.41961 7.54375 4.38638 8.39406 4.36702 9.3283V10.6715L4.37931 11.1838C4.40229 12.0196 4.43795 12.7568 4.4896 13.2658C4.54523 13.8329 4.99025 14.2866 5.60217 14.3433C6.70952 14.4302 7.84948 14.4838 8.99708 14.5041L9.48931 14.5108L10.0323 14.5131L10.5078 14.5109C11.8213 14.4985 13.1294 14.4427 14.395 14.3435C15.0069 14.2867 15.4519 13.833 15.5075 13.2659L15.5263 13.0624C15.589 12.3204 15.6247 11.2125 15.6411 10.0327L15.6301 9.32816L15.6178 8.81585C15.5948 7.98002 15.5592 7.24289 15.5075 6.7339C15.4519 6.16677 15.0069 5.71307 14.395 5.65635C13.2876 5.56951 12.1476 5.51591 11 5.49556L10.5078 5.48887L9.99856 5.48675Z" fill="white"/></mask><g mask="url(#mask0_1013_25289)"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99878 -0.418213C12.771 -0.418213 15.5009 0.866628 17.3726 2.63316C17.4095 2.66804 17.3779 2.48288 17.6282 2.85224L9.99878 9.99983V-0.418213Z" fill="#ABABB1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.3726 2.6333C19.3383 4.59708 20.3561 7.29131 20.4243 9.86913C20.4254 9.91278 20.4263 10.4227 20.4269 10.4663L9.99878 9.99997L17.3726 2.6333Z" fill="#ABABB1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.4269 9.99976C20.4269 12.7395 19.3683 15.2323 17.6374 17.092C17.5841 17.1494 17.3533 17.3103 17.2987 17.3664L9.99878 9.99976H20.4269Z" fill="#ABABB1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.4751 17.2622C15.5126 19.2228 12.7223 20.34 10.1422 20.4147C10.0942 20.4161 9.35619 20.414 9.30835 20.4147L9.99844 9.99976L17.4751 17.2622Z" fill="#ABABB1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99883 20.4178C7.2122 20.4178 4.5795 19.226 2.7059 17.4442C2.67878 17.4184 2.27875 16.9712 2.25195 16.9451L9.99883 9.99976V20.4178Z" fill="#ABABB1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.62474 17.3664C0.678072 15.4217 -0.339038 12.7605 -0.424697 10.2054C-0.426997 10.1368 -0.42374 9.57719 -0.424697 9.50873L9.99854 9.99978L2.62474 17.3664Z" fill="#ABABB1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-0.429443 9.99986C-0.429443 7.23763 0.646602 4.72647 2.40276 2.86195C2.44217 2.82011 2.83582 2.53112 2.87591 2.48993L9.99868 9.99986H-0.429443Z" fill="#ABABB1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.52197 2.73737C4.45352 0.807696 7.18709 -0.304994 9.7328 -0.41082C9.82166 -0.414513 10.1005 -0.41698 10.1888 -0.418213L9.99864 9.99983L2.52197 2.73737Z" fill="#ABABB1"/></g></svg> <p class="b--u-text-2xs u-mb-0"><span class="c-productbar__name">OpenWidget</span></p> </a> </div> </aside> <div class="c-navbar u-border-b " data-controller="attribute"> <div class="c-navbar__content"> <a href="/" class="c-navbar__logo" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="LiveChat logo" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Product" data-events-content2="Tour" data-action="click->events#send">Product Tour<br><small>Feel the LiveChat® experience</small></a></li> <li><a href="/features/" class="c-menu__item" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Product" data-events-content2="Features" data-action="click->events#send">Features<br><small>Everything you need</small></a></li> <li><a href="/features/channels/" class="c-menu__item" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Product" data-events-content2="Channels" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Product" data-events-content2="Customer Support" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Product" data-events-content2="Sales and Marketing" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Product" data-events-content2="Enterprise" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Product" data-events-content2="Get LiveChat App" data-action="click->events#send"> 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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Pricing" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Integrations" data-events-content2="Shopify" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Integrations" data-events-content2="Squarespace" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Integrations" data-events-content2="Mailchimp" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Integrations" data-events-content2="WhatsApp" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Integrations" data-events-content2="Facebook" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Integrations" data-events-content2="HubSpot" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Integrations" data-events-content2="Discover Integrations" data-action="click->events#send"> 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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Customers" data-events-content2="Our Customers" data-action="click->events#send">Our customers<br><small>Join 35000+ companies</small></a></li> <li><a href="/customers/customer-stories/" class="c-menu__item" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Customers" data-events-content2="Case Studies" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Customers" data-events-content2="Reviews" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Customers" data-events-content2="Ecommerce" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Customers" data-events-content2="Software" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Customers" data-events-content2="Education" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Customers" data-events-content2="Finance" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Help Center" data-action="click->events#send">Help Center</a> </li> <li class="v--only-mobile"> <a href="/app/" class="c-menu__item v--top" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="App" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Help Center" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Success by LiveChat" data-action="click->events#send"><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="https://news.livechat.com/en/" class="c-menu__item" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Product News" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Partners Marketplace" data-action="click->events#send"><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://platform.text.com" class="c-menu__item" target="_blank" rel="noopener" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="API and Developers" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Partner Program" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="System Status" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Success by LiveChat" data-action="click->events#send"><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" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Customer Service Report" data-action="click->events#send">Customer Service Report<br><small>Discover the latest data</small></a></li> <li><a href="/benchmark/" class="c-menu__item" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Local Benchmark" data-action="click->events#send">Local Benchmark<br><small>Compare your results</small></a></li> <li><a href="/webinars/" class="c-menu__item" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Webinars" data-action="click->events#send">Webinars<br><small>LiveChat® Workshops</small></a></li> <li><a href="/privacy-policy-generator/" class="c-menu__item" data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="Resources" data-events-content2="Privacy Policy Generator" data-action="click->events#send">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="events" data-events-event="form register_redirect" data-events-action="submit" data-events-content2="Sign up free" data-events-source-id="header_cta" data-action="submit->events#send" 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/" /> <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="events" data-events-event="button" data-events-content2="Log in" data-events-source-id="header_cta" data-action="click->events#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="events" data-events-event="button" data-events-content2="Log in" data-action="click->events#send">Log in</a> <a data-append-params-target="link" href="https://accounts.livechat.com/signup?source_id=header_cta&source_url=https://www.livechat.com/&source_type=website" class="c-btn v--secondary hover:u-bg-signup hover:u-border-signup v--sm" data-controller="events" data-events-event="button" data-events-content2="Sign up for free" data-events-source-id="header_cta" data-action="click->events#send">Sign up free</a> </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="events" data-events-event="button" data-events-content2="Go to app" data-action="click->events#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="" role="presentation" 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="" role="presentation" 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%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 " data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="User Menu" data-events-content2="Upgrade" data-action="click->events#send"> <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 " data-controller="events" data-events-event="navigation" data-events-section="header" data-events-content1="User Menu" data-events-content2="Help Center" data-action="click->events#send"> <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 " onclick="LC_API.open_chat_window();return false;" data-controller="events" data-events-event="widget" data-events-section="cta" data-events-content1="chat icon" data-action="click-focus#removeFocusClass click->events#send"> <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 class="o-wrapper"> <div style="background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F7 50%, #FFFFFF 100%)"> <style> .hero__companies { justify-items: center; grid-template-columns: repeat(3, 1fr); gap: 1rem 0; } .hero__companies svg { transform: scale(0.8); } @media (min-width: 36rem) { .hero__companies { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 64rem) { .hero__companies { grid-template-columns: repeat(7, 1fr); } .hero__companies svg { transform: scale(1); } } .hero__video-btn, .hero__mobile-btn { border-radius: 60px; border: 1px solid var(--Green-100, #d1f4d5); background: var(--Green-50, #f3fcf4); transition: all 0.3s ease; width: max-content; padding: 10px 20px; font-weight: 400; } .hero__video-btn.active, .hero__mobile-btn.active { font-weight: 500; box-shadow: 0px 69px 19px 0px rgba(64, 160, 83, 0), 0px 44px 18px 0px rgba(64, 160, 83, 0.02), 0px 25px 15px 0px rgba(64, 160, 83, 0.07), 0px 11px 11px 0px rgba(64, 160, 83, 0.13), 0px 3px 6px 0px rgba(64, 160, 83, 0.15); } #hero-video { opacity: 0; } .fade-in-left { opacity: 0; animation: fadeInLeft 0.3s ease-in forwards 0.2s; will-change: opacity, transform; } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } } .fade-out-right { animation: fadeOutRight 0.3s ease-out forwards; will-change: opacity, transform; } @keyframes fadeOutRight { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(8px); } } .fade-in-up { animation: fadeInUp 0.3s ease-in forwards 0.2s; opacity: 0; will-change: opacity, transform; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } #progressCircleDesktop { stroke-dashoffset: 100; } </style> <section class="u-maxw-16 b--u-mx-auto b--u-px-4 b--u-mt-3"> <div class="b--u-mb-8 b--md:u-mb-10 u-flex u-justify-between u-items-center"> <div class="desktop-video u-relative u-maxw-7 u-hidden lg:u-block b--u-mr-4" style="width: 100%;"> <div class="u-relative u-w-full" style=" width: 100%; min-width: 500px; max-width: 640px; max-height: 600px"> <video aria-hidden="true" id="hero-video" class="b--u-rounded-24 fade-in-left" src="/images/homepage/header-01-square--desktop.ab750f516ba2c29740e3fd20e98a4fd8fd11980719eda3749461b99defc8120f.webm" type="video/webm" width="640" height="600" muted="true" style="--aspect-ratio: 640/600;" playsinline></video> </div> <svg class="u-absolute" width="48" height="48" viewBox="0 0 48 48" style="bottom: 15px; left: 15px"> <circle cx="24" cy="24" r="16" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="7"/> <circle id="progressCircleDesktop" cx="24" cy="24" r="16" fill="none" stroke="white" stroke-width="7" transform="rotate(-90 24 24)" stroke-linecap="round" /> </svg> </div> <div class="right u-maxw-7 u-flex u-flex-col u-justify-center b--u-mx-auto b--lg:u-mx-0"> <h1 class="b--u-text-4xl b--u-mb-2 md:b--u-my-4 u-text-center lg:u-text-left" style="font-weight: 500; text-wrap: balance;"> The live chat software that gets the job done </h1> <div class="desktop-wrap u-hidden lg:u-flex u-flex-row u-flex-wrap u-justify-center lg:u-flex-col lg:u-justify-start gap-1 b--u-mb-4"> <button onclick="playVideo(0)" class="hero__video-btn active u-w-full u-text-left u-hover-pointer u-flex u-items-center b--u-p-1 b--u-pr-2" data-controller="events" data-events-event="tab" data-events-section="hero" data-events-content1="Increase online sales" data-action="click->events#send" > <svg class="u-block b--u-mr-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <circle cx="12" cy="12" r="12" fill="#7EDD92"/> <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="m7.7 12.8 3.3 2.6L17 8.6"/> </svg> Increase online sales </button> <button onclick="playVideo(1)" class="hero__video-btn u-w-full u-text-left u-hover-pointer u-flex u-items-center b--u-p-1 b--u-pr-2" data-controller="events" data-events-event="tab" data-events-section="hero" data-events-content1="Improve customer satisfaction" data-action="click->events#send" > <svg class="u-block b--u-mr-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <circle cx="12" cy="12" r="12" fill="#7EDD92"/> <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="m7.7 12.8 3.3 2.6L17 8.6"/> </svg> Improve customer satisfaction </button> <button onclick="playVideo(2)" class="hero__video-btn u-w-full u-text-left u-hover-pointer u-flex u-items-center b--u-p-1 b--u-pr-2" data-controller="events" data-events-event="tab" data-events-section="hero" data-events-content1="Automate customer service" data-action="click->events#send" > <svg class="u-block b--u-mr-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <circle cx="12" cy="12" r="12" fill="#7EDD92"/> <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="m7.7 12.8 3.3 2.6L17 8.6"/> </svg> Automate customer service </button> </div> <div class="b--md:u-mt-4 b--u-mb-3 lg:u-maxw-6"> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="events" data-events-event="form register_redirect" data-events-action="submit" data-events-content2="Sign up free" data-events-source-id="hero" data-action="submit->events#send"> <div class="u-maxw-6 u-mx-auto u-flex u-flex-col sm:u-flex-row"> <input type="email" name="email" class="b--u-mr-1 b--u-mb-1 sm:u-mb-0" style="min-width: 14rem; height:58px;" data-signup-target="email" 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/"> <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-flex u-flex-wrap u-justify-center lg:u-justify-start b--u-mt-1 u-mb-0 u-text-p8" style="column-gap: 1rem;"> <span class="u-inline-block u-pb-0">Free 14-day trial</span> <span class="u-inline-block u-pb-0">No credit card required</span> </p> </div> <div class="mobile-wrap lg:u-hidden"> <div class="u-flex u-flex-row u-flex-wrap u-justify-center b--u-text-sm" style="gap: 1.25rem 1rem;"> <button onclick="toggleImage(0)" class="hero__mobile-btn u-w-full u-text-left u-hover-pointer u-flex u-items-center b--u-p-1 b--u-pr-2" data-controller="events" data-events-event="tab" data-events-section="hero" data-events-content1="Increase online sales" data-action="click->events#send" > <svg class="u-block b--u-mr-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <circle cx="12" cy="12" r="12" fill="#7EDD92"/> <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="m7.7 12.8 3.3 2.6L17 8.6"/> </svg> Increase online sales </button> <button onclick="toggleImage(1)" class="hero__mobile-btn u-w-full u-text-left u-hover-pointer u-flex u-items-center b--u-p-1 b--u-pr-2" data-controller="events" data-events-event="tab" data-events-section="hero" data-events-content1="Improve customer satisfaction" data-action="click->events#send" > <svg class="u-block b--u-mr-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <circle cx="12" cy="12" r="12" fill="#7EDD92"/> <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="m7.7 12.8 3.3 2.6L17 8.6"/> </svg> Improve customer satisfaction </button> <button onclick="toggleImage(2)" class="hero__mobile-btn u-w-full u-text-left u-hover-pointer u-flex u-items-center b--u-p-1 b--u-pr-2" data-controller="events" data-events-event="tab" data-events-section="hero" data-events-content1="Automate customer service" data-action="click->events#send" > <svg class="u-block b--u-mr-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <circle cx="12" cy="12" r="12" fill="#7EDD92"/> <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="m7.7 12.8 3.3 2.6L17 8.6"/> </svg> Automate customer service </button> </div> <div class="mobile-image u-relative b--u-mt-4 b--u-mx-auto" style="max-width: 504px; max-height: 504px;"> <img src="/images/homepage/header-01-square--mobile.webp" data-index="0" alt="Real-time chat with a personal shopper to increase sales" width="504" height="504"> </div> </div> </div> </div> <div class="u-text-center"> <p class="b--u-mb-3"> <strong>35,000+ companies</strong> have experienced how LiveChat® improves sales and support on their website </p> <div class="hero__companies u-grid u-maxw-12 u-mx-auto b--u-mb-10"> <div class="u-hidden lg:u-block" style="justify-self: center; width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M39.2 18.9h-4a.6.6 0 0 0-.6.4L33 29.6a.3.3 0 0 0 .3.4h2a.6.6 0 0 0 .5-.5l.4-2.7a.6.6 0 0 1 .6-.5H38c2.7 0 4.2-1.3 4.6-3.8.2-1.1 0-2-.5-2.6-.6-.7-1.6-1-3-1Zm.4 3.7c-.2 1.5-1.3 1.5-2.4 1.5h-.6l.5-2.7a.3.3 0 0 1 .3-.3h.3c.7 0 1.4 0 1.7.4.3.2.3.6.2 1.1Zm11.6 0h-2a.3.3 0 0 0-.3.3v.5l-.2-.2c-.4-.6-1.3-.8-2.3-.8-2 0-3.9 1.6-4.3 3.8-.1 1.2.1 2.2.8 3 .5.7 1.4 1 2.4 1C47 30.2 48 29 48 29l-.1.5a.3.3 0 0 0 .3.4h1.7a.6.6 0 0 0 .6-.5l1-6.5a.3.3 0 0 0-.2-.4h-.1Zm-2.7 3.7c-.2 1.1-1 1.8-2.2 1.8-.5 0-1-.1-1.3-.5-.2-.3-.3-.8-.3-1.3.2-1.1 1.1-1.9 2.2-1.9.5 0 1 .2 1.3.5.3.4.4.9.3 1.4Zm13-3.7h-2a.6.6 0 0 0-.4.2l-2.7 4-1.1-3.8a.6.6 0 0 0-.6-.4h-1.9a.3.3 0 0 0-.3.3v.1l2.1 6.2-2 2.9a.3.3 0 0 0 .3.5h2a.6.6 0 0 0 .4-.3l6.4-9.2a.3.3 0 0 0 0-.5h-.2Z"/> <path fill="#8B8B8B" d="M67.9 18.9h-4a.6.6 0 0 0-.6.4l-1.6 10.3a.3.3 0 0 0 .3.4h2a.4.4 0 0 0 .4-.3l.5-3a.6.6 0 0 1 .6-.4h1.2c2.7 0 4.2-1.3 4.6-3.8.2-1.1 0-2-.5-2.6-.6-.7-1.6-1-3-1Zm.4 3.7c-.2 1.5-1.3 1.5-2.4 1.5h-.6l.5-2.7a.3.3 0 0 1 .3-.3h.3c.7 0 1.4 0 1.7.4.2.2.3.6.2 1.1Zm11.6 0h-2a.3.3 0 0 0-.3.3v.5l-.2-.2c-.4-.6-1.3-.8-2.3-.8-2.1 0-4 1.6-4.3 3.8-.2 1.2.1 2.2.7 3 .6.7 1.5 1 2.5 1 1.7 0 2.6-1.1 2.6-1.1v.5a.3.3 0 0 0 .3.4h1.7a.6.6 0 0 0 .6-.5l1-6.5a.3.3 0 0 0-.3-.4Zm-2.7 3.7c-.2 1.1-1 1.8-2.2 1.8-.5 0-1-.1-1.3-.5-.3-.3-.4-.8-.3-1.3.2-1.1 1-1.9 2.2-1.9.5 0 1 .2 1.3.5.3.4.4.9.3 1.4Zm5-7.1-1.7 10.4a.3.3 0 0 0 .2.4h1.8c.3 0 .5-.2.5-.5l1.7-10.2a.3.3 0 0 0-.4-.4h-1.8a.3.3 0 0 0-.4.3Z"/> <path fill="#253B80" d="m16.3 32 .3-2h-4L15 15.7a.2.2 0 0 1 .2-.2h5.5c1.8 0 3 .4 3.8 1.1l.6 1.2v2l.3.1.6.5c.3.3.4.7.5 1.1v1.7c-.2.7-.4 1.3-.8 1.9a3.8 3.8 0 0 1-2.5 1.8l-1.8.2H21c-.3 0-.6 0-.8.3-.3.2-.4.5-.5.8v.1l-.6 3.5v.2h-2.7Z"/> <path fill="#8B8B8B" d="m25.6 19.4-.1.3c-.7 3.7-3.2 5-6.4 5h-1.6c-.4 0-.7.3-.8.7l-.8 5.2-.3 1.5a.4.4 0 0 0 .5.5h2.8c.4 0 .7-.3.7-.6V32l.6-3.5v-.1c0-.4.4-.6.7-.6h.4c2.8 0 5-1.1 5.6-4.4.3-1.4.1-2.5-.6-3.3l-.7-.6Z"/> <path fill="currentColor" d="m24.8 19.1-.7-.2a9 9 0 0 0-1.4 0h-4.4a.7.7 0 0 0-.6.5l-1 5.8v.2a.8.8 0 0 1 .8-.7H19c3.2 0 5.7-1.3 6.4-5v-.3a3.9 3.9 0 0 0-.7-.3Z"/> <path fill="currentColor" d="M17.7 19.4a.7.7 0 0 1 .6-.6h4.4a9 9 0 0 1 2.3.4l.6.2c.2-1.4 0-2.3-.8-3.1-.8-1-2.3-1.4-4.2-1.4h-5.5c-.4 0-.7.3-.8.7L12 30a.5.5 0 0 0 .3.5h3.6l.8-5.4 1-5.8Z"/> </svg></div> <div class="" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" fill-rule="evenodd" d="M78 36.6H17V12.4h61v24.2Z" clip-rule="evenodd"/> <path fill="#fff" fill-rule="evenodd" d="M18.2 24.5c0 6 12.3 10.9 29.3 10.9s29.3-5 29.3-10.9c0-6-12.3-10.9-29.3-10.9s-29.3 5-29.3 10.9Z" clip-rule="evenodd"/> <path fill="currentColor" d="m45.3 28.1.7.8h-6.6A1291.6 1291.6 0 0 1 37 25v3.8h-5.4l.1-.8V21l-.1-.8h5.5c-.2.3-.2.5-.2.8V24l2.2-2.7c.3-.4.7-1 .7-1.2h5.7l-1.2 1.1-2 2.5s2.6 4 3 4.4Zm1.8-7.2V28c0 .3 0 .5-.2.8h10.7v-2.4h-5.3v-1h4.3v-2h-4.3v-1h5.3v-2.4H46.9c.2.3.2.5.2.8ZM72.3 28c0 .3.2.6.4.8h-5.8l-.1-.8-.2-.5h-3.4l-.2.5-.2.8h-4.5l.4-.8 2.7-7.2.2-.8h7.6a1919.7 1919.7 0 0 1 3 8Zm-6.5-2.4-.8-2-.2-.7c0 .2 0 .4-.2.6l-.7 2h1.9ZM29 20h-6l.1.8V28l-.1.8h6c-.2-.3-.2-.5-.2-.8V21c0-.3 0-.5.2-.8Zm41.3.7c0-.6.5-1.1 1.1-1.1h.1c.7 0 1.2.4 1.2 1v.1c0 .6-.5 1.2-1.2 1.2-.6 0-1.2-.5-1.2-1.1Zm.3 0c0 .5.4 1 1 1 .4 0 .9-.5.9-1s-.5-1-1-1a1 1 0 0 0-1 1Zm.7.7h-.2V20h.5a.4.4 0 0 1 .2.9l.3.5H72l-.3-.5h-.3v.5Zm0-.7h.3c.1 0 .2 0 .2-.2s0-.3-.2-.3h-.3v.5Z"/> </svg></div> <div class="" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M3.5 23.5a.3.3 0 0 0-.6 0L0 29.3a.3.3 0 0 0 .3.5h4a.3.3 0 0 0 .4-.2c.8-1.8.3-4.5-1.2-6.1ZM5.6 18.2a7.6 7.6 0 0 0-.4 7.5l1.9 4a.3.3 0 0 0 .3.1h4a.3.3 0 0 0 .3-.5l-5.5-11a.3.3 0 0 0-.6 0ZM52.7 22.9c0 1.4.7 2.5 3.3 3 1.5.3 1.9.6 1.9 1.1 0 .5-.4.8-1.5.8a8 8 0 0 1-3.7-1v2.3c.8.4 1.8.9 3.7.9 2.7 0 3.8-1.3 3.8-3l-7.5-4.1Zm7.5 4c0-1.6-.9-2.4-3.4-3-1.4-.3-1.8-.6-1.8-1 0-.6.5-.8 1.5-.8a8 8 0 0 1 3.2.8v-2.3c-1-.4-2-.6-3.2-.6-2.5 0-3.8 1-3.8 2.9M87.6 20.1v9.7h2v-7.4l.9 2 3 5.4H96v-9.7h-2v6.3l-.8-1.8-2.4-4.5h-3.2ZM74.4 20.1h-2.2v9.7h2.2v-9.7ZM69.6 27c0-1.7-1-2.5-3.4-3-1.4-.4-1.8-.7-1.8-1.1 0-.6.5-.8 1.4-.8a8 8 0 0 1 3.3.8v-2.3c-1-.4-2-.6-3.2-.6-2.5 0-3.8 1-3.8 2.9 0 1.4.7 2.5 3.3 3 1.5.3 1.8.6 1.8 1.1 0 .5-.3.8-1.4.8a8 8 0 0 1-3.7-1v2.3c.8.4 1.8.9 3.7.9 2.7 0 3.8-1.3 3.8-3ZM35.2 20.1v9.7H40l.7-2h-3.1V20h-2.3ZM26 20.1v2.1h2.6v7.6h2.2v-7.6h2.7v-2h-7.4ZM22.8 20.1h-3l-3.4 9.7H19l.5-1.6c1.2.3 2.4.3 3.6 0l.5 1.6h2.6l-3.4-9.7Zm-1.5 6.3-1.2-.1 1.2-4.3 1.2 4.3-1.2.1ZM47.8 20.1h-3l-3.3 9.7h2.6l.5-1.6c1.1.3 2.4.3 3.6 0l.4 1.6h2.6l-3.4-9.7Zm-1.4 6.3-1.3-.1 1.3-4.3 1.2 4.3-1.2.1ZM82.6 20.1h-3l-3.4 9.7h2.6l.5-1.6c1.2.3 2.4.3 3.6 0l.5 1.6h2.5l-3.3-9.7ZM81 26.4l-1.3-.1 1.3-4.3 1.2 4.3-1.2.1Z"/> </svg></div> <div class="" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M53.3 12.2c2.7 0 4.9 11.4 4.9 25.6h3.9c0-15.2-4-27.6-8.8-27.6-2.7 0-5.2 3.7-6.8 9.5-1.6-5.8-4-9.5-6.8-9.5-4.8 0-8.7 12.4-8.7 27.6H35c0-14.2 2.2-25.6 4.8-25.6 2.7 0 4.9 10.6 4.9 23.6h3.9c0-13 2.2-23.6 4.8-23.6ZM64 35.8c.6 0 1 .4 1 1 0 .5-.4 1-1 1a1 1 0 0 1-1-1c0-.6.5-1 1-1Zm0 1.8c.5 0 .8-.3.8-.8s-.3-.9-.8-.9c-.4 0-.8.4-.8.9 0 .4.4.8.8.8Zm-.4-1.4h.5c.3 0 .4.1.4.3 0 .2-.2.3-.3.3l.3.5h-.2L64 37h-.2v.4h-.2v-1.1Zm.2.5h.2c.2 0 .3 0 .3-.2l-.2-.2h-.3v.4Z"/> </svg></div> <div class="u-hidden sm:u-block" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M52.4 28.3V32c-2 1-4 1.5-6 1.5-5.3 0-8.6-3.1-8.6-7 0-4.4 3.7-7.9 8.4-7.9a9 9 0 0 1 3 .5c.6.2 1 .4 1.5.4.3 0 .4-.6.5-.9h.5l.5 5h-.7c-.2-1-.7-1.9-1.3-2.4-1-1-2.3-1.5-3.8-1.5-3.2 0-5.1 2.5-5.1 6.4 0 3.7 2.3 6.3 5.4 6.3.9 0 1.7-.2 2.7-.7V28c0-1.2-.2-1.6-2-1.6v-.6H54v.6c-1.6 0-1.5.5-1.5 2Zm-17.9-6v11h-.8L22.7 22v7.7c0 2.1 0 2.9 2 2.9v.5h-5.2v-.5c2 0 2-1 2-2.9v-7.8c0-1.2 0-2.5-2.1-2.5V19h4.8l9 9.2v-5.8c0-2 0-2.9-1.9-2.9V19h5.2v.5c-1.9 0-2 .8-2 3Zm-25 10.8v-.5c1.2 0 2.1-.2 2.1-2v-9.3c0-1.8-.7-1.9-2.1-1.9V19h7.3v.5c-1.5 0-2.1 0-2.1 2v9.3c0 1.7.7 1.9 2 1.9v.5H9.6ZM66.6 33.1a3 3 0 0 1-.3-1.3c0-.2 0-.6.2-.9l-.6.1-.2.5.3-.2.2.3c-.1.2-.4.2-.5.3-.2.5.3.8.3 1.2h.6Zm19.9-6.6c0-2.2-1-4.4-2.6-6-.7-.8-1.5-1-2.1-1.8l-.8-1c-.2-.3-.4-.5-.7-.6l.2.4c-.4 0-.6-.1-.8-.3l.2-.2h-.3c-.8-.2-1.6.2-2.4.4.5.3.6.9 1 1.2H78.7l-.1-.2c0-.1.2-.1.2 0 .3.1.7-.1 1 .3l-1 .1.2.3c-.3-.1-.6 0-.7-.2.2.4.7.7 1.2.8.7.1 1.2-.2 1.9 0 2.3 1.1 4 3.7 4 6.4 0 3.8-2.2 5.2-3.6 5.2-.2 0-.6-.1-.8-.3.2-.5.3-1 .3-2 0-2.2-.9-4.5-2.1-5.7-.6-.6-1.2-1-1.8-1-.3 0-.6 0-.8.2-.3.2-.4.6-.4.8a3 3 0 0 1-1.6.5c-.6 0-1.3-.2-2-.7v-.8s-.6-.4-.3-.6l.3.2c0-.3 0-.8-.3-1-.1 0-.3 0-.4-.2-.2-.1-.4-.3-.4-.6.2.3.5.2.6.3-.2-.6-.1-.9-.6-1.8-.1-.4-.6-.7-.9-1-.1-.1-.2-.3-.4-.3s-.2-.3-.2-.4l.3.1c-.3-.7-.5-1.4-1.2-1.8l-.1.1h-.8l.4-.2c-.1-.2-.2-.2-.5-.2l-.5.2h-.1c0-.2 0-.4.2-.5H67l-.2.6-.4.4.3-.9-.6.2-1.1-.4c.3.2.1.6.2.8h-.2l-.4-.7c-.3 0-.5.1-.8.3.2 0 .4.2.5.3l-1-.2c-.2 0-.3.2-.4.3-.4.3-.7.5-.8 1h.3c-.2.1-.3.4-.5.4v.8c-.2.1-.4.3-.5.6-.3.8-.3 1.7-.3 2.7 0 .2-.2.3-.2.3v.8l.4-.4v.7c-.2 0-.3.2-.3.4v.8l.3-.2.3-.1-.3.5-.1.2v.2c.1 1 .4 2 .8 3-.4.6-.8 1.9-1.1 3.1-.3-.2-.7-.3-1-.3-.3 0-.6.2-.8.5-.3-.2-.7-.1-1 0-.3.5-.3.6-.3 1a1 1 0 0 0-.4.7c0 .4 0 .7.4 1.1h7.7l-.3-.4v-1l.5-.9v-.2h.4l.6-.2c.2.2.2-.2.4-.3.6-.1 1.1 0 1.4.4v.1h-.2c-.3 0-.6-.3-1 0v.4l.6.3c0-.1.3-.3.5-.3.3 0 .7.2.7.6v.6c.2.2.4.2.7.3-.1.2-.3.2-.4.2h-.4s-.2 0-.2-.2l-.3.6h6l-.3-.4-.1-1 .5-.8 1.2-.2c.1-.1 0-.2.5-.2l.7.1v.2h-.5v.2c.2.1-.4 0-.4 0l-.1.3.3.3-.2.5-.3-.2v1.2h.5v-.8c.1-.6.7-1.5 1-1.5l.6.2c0 .2.3.3.3.5l-.3.1c-.2 0-.2-.1-.3-.2l-.3.3s.4.3.4.5 0 .3-.3.5L77 32l-.4.4v.6h3.1c.4 0 .7 0 1-.2h.7c1.2 0 2.2-.4 3.2-1.3 1.2-1.2 1.9-3.2 1.9-5Zm-11.1 4.7h-.5c.2.1.2.4.2.4l-.2.4-.2-.4c-.2 0-.2.3-.2.4 0 .4.2.8.3 1.1h.5l-.2-1.2c0-.3.2-.6.3-.7Zm-6.8.6c0-.2-.1-.2-.3-.2l-.4.2v1.3h.3l.4-1.3Zm-1 0-.5-.5-.3.4c0 .5.1 1 .3 1.4h.4v-1.4Zm13.4-13-.4-.2c-.2-.2-.4-.5-.6-.5l.6-.2.4.7v.3Zm-1.5-1h-.6c-.1-.1-.3 0-.4 0l-.3-.1c.3 0 .5-.2.7-.3l.6.4Zm-1.3 5.8-.8-.2-.6.2c-.2-.2 0-.6.3-.7.2-.1.3 0 .4 0 0 .3.3.2.5.3l.2.4Zm0 .8h-.6c-.2 0-.5 0-.7.3-.1-.2 0-.3 0-.4.2-.2.4-.4.6-.4.4 0 .7.3.7.5Zm1.2 1.1c-.5-.2-1-.4-1.4-.4l-1 .5-.1-.5c.3 0 .3-.3.5-.3h.5l.3-.1c.2 0 .1.2.3.2l.3-.1c.3 0 .5.4.6.7Zm.1 1.2c-.3 0-.7-.2-.8-.3 0-.1 0-.3-.2-.3l-.3.2s-.4-.2-.4 0-.2.3-.4.3H77V26c.7 0 .6-.3.9-.3l.5.2c.2 0 0-.2.3-.2s.4.3.5.3l.2.6Zm-.4 1c-.2 0-.6 0-.6-.2s0-.3-.3-.3l-.6.2-.3-.4.8-.1.7.1c0 .2.3.2.3.8Zm-9-8v.6l-.5.1.3-1.1.2.5Zm10 9.8c0 .3 0 .4-.2.7l-.3-.4c0-.2 0-.4.2-.7l.2.4Zm-1.3-.6c-.3 0-.1-.7-.9-.7l-.4.3V28c0-.1 0-.3.3-.4.4 0 .3.2.6.2l.4.2v.8Zm-3.2-3c-.5-.2-.8-.6-1.2-1.1.4 0 .6.4.9.5l.3.2v.5Zm-4.4-3.7c-.3 0-.5-.2-.6-.4v-.6c0 .2 0 .3.2.4.2-.1.2.1.2.2l.2.4Zm8.5 8.7-.2.3c0-.3-.3-.4-.5-.8l.2-.4c.2.1.4.3.4.5v.3Zm-1-1.5-.2.5c-.3 0-.3-.4-.4-.5-.2-.3-.6 0-.8 0v-.5h.5c.3-.1.4.1.6.1l.3.4Zm-2.7-2v.5l-.4-1h.3l.1.4Zm-4.4-4c0 .2-.3 0-.3 0h-.5l-.1-.3c.2 0 .3-.2.5 0l.4.2Zm1 1.1c0 .2-.5.2-.8 0l.4-.2.5.2Zm2.7 2.9v1c-.2 0-.2-.1-.2-.3l-.3-.9c0-.4-.3-.7-.5-1.2 0-.2-.3-.3-.5-.4.2 0 .5 0 .7.2 0 .1 0 .2.2.3.4 0 .3.4.6.7l-.3.3c.1 0 .3.1.3.3Zm-2-1.5-.2.3-.2-.4v-.4c.2.1.4.3.4.5Zm4.8 4.6v.1l-.8-.1c0-.3-.1-.5-.2-.5-.3 0-.3.2-.5.2l.4-.4c0-.2 0-.2.2-.2.1.2.2.2.3.2v.3l.3.1c.2 0 .3.1.3.3ZM74 27l-.2.2s-.3-.3-.3-.5l.1-.6.2.1v.4c.2.1.3.3.2.4Zm-4-5c-.6-.3-1.3-.5-2-.6v.4c.5.3 1 .5 1.6 1v.4c-.5-.5-1-1-1.7-1.2 0 .2-.3.3-.3.5a3 3 0 0 0-1.2-.6c-.2 0-.3-.6-.3-.6.3 0 .4-.2.5-.5h.2c.2 0 .2 0 .2-.2 0-.3-.7-.3-1-.3-.3 0-.6 0-.8.2-.1 0 0 .1 0 .2v.2l.4-.1c0 .3 0 .4.4.6v.5c-.7 0-1.1.2-1.6.4a1 1 0 0 1-.3-.4l-1.7 1v-.3l1.5-.9v-.3h-.6c-.5 0-1 .2-1.2.5v-.4c.5-.3 1.2-.5 1.9-.4v-.2l-.2-.3c-.3-.3-.6-.8-.6-1l.2-.2c-.1-.3-.2-1 0-1.3l-.7-.6-.3-.7.4-.7c.1 0 .3 0 .3-.2.3 0 .4-.3.7-.1l.6.1.1.3c.3 0 .3.3.5.5h.4l.6.3a2 2 0 0 1 1.4-.2l.2-.6c0 .1 0 0 .1 0 .2-.2.5-.4.8-.3.2.1.6 0 .8.3l.4.7c-.2.3 0 .7-.3.9l-.3.3h-.3c.2.4.1 1 0 1.3 0 0 .2 0 .2-.2v.4l-.4.7c0 .3-.3.7-.7.8.8 0 1.4.3 2.1.6v.4Zm2.1 3.3H72c-.6 0-.9-.1-1.1-.3.2 0 .4-.3.4-.3.3.3.7.5 1 .6ZM70.7 24c-.3 0-.7.2-.8-.1l.2-.3.6.4Zm4.2 4.8c0 .3-.3.6-.4.8v-.8l-.3-.1v-.5l-.1-.4c0-.3.3-.3.4-.5v.6c0 .1.2.4 0 .7 0 .1.4 0 .4.2Zm-1.2-.6-.3.9c0-.3 0-.6-.2-.8v-.3s-.3-.1-.3-.3c0-.2.2-.4.3-.5 0 0 .3 0 .3.4v.3c-.2.2.2.2.2.3Zm-4.3-3.6-.7-.3-.2-.8c.2.2.7.2.6.7l.3.4ZM71 26 70 26a2 2 0 0 1-.5-.4c.2-.2.4-.2.5-.2.2.2.4.5.8.7Zm-8.7-7.8H62v-.2l.3-.4v.6Zm6.6 7c-.2.1-.6.2-.7 0-.2-.5-.1-1 0-1.3l.2.9.5.5Zm-1.4-2.7c0 .3-.2.8-.5 1 0-.3 0-.3-.2-.5v.2l-.2.5H66v-.6c-.3 0-.3.2-.3.2l-.1.4c-.2 0-.3 0-.5-.2v-.5l-.3.2c-.2-.1-.3-.5-.3-.8.8-.4 1.9-.3 2.5 0h.4Zm2.6 4.1H70c-.6.2-1-.2-1.5-.4.2-.2.6-.2.9-.2l.1.3.6.3ZM62.4 19l-.3.3-.2 1.3-.3-.8.3-.6.5-.2Zm5.2 6.6c-.2-.2-.7-.2-.6-.5.1-.3.3-.3.4-.4 0 .3 0 .6.2.9Zm4.8 5.2-.3-.3c.1-.6-.2-1-.3-1.5V29c.2.2.6.5.5.7v1.2Zm-1.2-2c-.3 0-.5 0-.6-.2-.1 0-.2-.1-.2 0-.3.2-.5-.2-.8-.1l-.6.3v-.1c0-.2 0-.3.3-.4.3.1.6-.6.8-.2h.4c.4.2.5.5.7.8Zm-4.7-4c0 .3 0 .7-.4 1l-.1-.6.5-.5Zm1.7 2.2-.5.2-.9-1 .9.2.5.6Zm3 3c-.1-.2-.4-.2-.5-.5H69.4l-.1-.1c-.3.1-.6.1-1 .4l.3-.6.5-.1h.5c.6 0 1.2 0 1.6.4v.4Zm-5.8-4.4c-.3-.3-.5-.6-.5-.9l.4.1.1.8Zm-1-1.5-.1.7-.4-1 .5.3Zm7.4 6.8-.2.7c-.1-.3-.2-.8-.6-.8 0-.2 0-.3-.3-.4h-.4c0 .2.4.2.1.4l.5.4v.5l-.2.1c0-.2 0-.7-.3-.8-.3 0-.4-.3-.6-.4-.1 0-.1-.3-.2-.2-.3.2-.6 0-.9.2l.3-.4c.2-.2.4-.1.6-.2h.4l1.2.3c.2.1.3.2.3.5l.3.1Zm-4-2.3h-.2l-.5-.3V28h.4l.2.6Zm-4-3.7a2 2 0 0 1-.8-.6 2 2 0 0 1-.2-.7c.2 0 .3.2.4.3.2.4.5.6.6 1Zm2.4 1.8c0 .3-.2.4-.4.8l-.8.3c0-.2.2-.3.3-.4l.4-.6h.5Zm3.8 5-.1.1c-.2-.2-.1-.6-.3-.6-.3 0-.5-.3-.6-.3l.2-.1h.2l.2.2c.1.2.3 0 .4.2v.4Zm-4.7-5.4c-.1.3-.3.6-.6.7H64l.5-.3.4-.4h.4Zm1 2.3c-.2.2-.3.2-.6.1l-.3-.4h.8l.1.3Zm-3.7-3.9c-.2.3-.5.4-.6.7l-.1-.4c0-.2.2-.3.2-.3h.5Zm.6.8c0 .2 0 .5-.3.8l-.2.1.1-.8c.2 0 .3-.2.4 0Zm.7.6-.2.8c-.3.2-.6.1-1 .1.5-.1.8-.5 1-.9h.2Zm.3 2.6v.8c-.2-.4-.4-.7-.8-.7-.1-.2-.3-.3-.3-.5-.1-.2-.3 0-.5-.2-.2 0-.5 0-.7.2v-.2l.4-.4c.3 0 .8 0 .9.3l.5.4v.2l.5.1Zm-.3 1.6-.4.3-.1-.5V30l-.6-.3-.7-.5-.6.1c.1-.3.1-.6.4-.6.2 0 .4 0 .5.2.2 0 .3.2.4.3l.6.4c0 .2 0 .3.2.3.3 0 .2.3.3.5Zm-.8.7v.6l-.4-1-1.2-.6h-.3l.2-.4h.3l.3.2c.2.1.5.1.5.4l.1.3.5.1v.4Zm-1.4.5c0 .4-.6 1-.6 1l.1-.9-.4-.2c-.2.1-.2.2-.2.4-.2.3-.5.6-.5.9 0-.6 0-1.4.3-1.8.2-.3.4-.3.8-.3h.2l-.2.3c.2.1.5.3.5.6Zm-1.8-.3c0 .3 0 .4-.2.6 0-.2-.1-.5-.4-.5-.2.4-.2.6 0 1.2l-.5.3-.1-.8c0-.3 0-.7.2-1l.4-.5h.5c-.2 0-.2.2-.2.4.1 0 .3 0 .3.3Zm-1.3.6-.3-.2c-.2.3 0 .6 0 .9l-.1.3s-.3-.2-.3-.4v-.8l.4-.6c.3.2.4.5.3.8Zm10.6-14.1c.1-.3.1-.7-.1-1l-.6-.5-.4.2c-.2 0-.3.3-.3.5.4.2.7.6.9.9h.1l.4-.1Zm-1.7.2-.1-.1c-.3 0-.3-.4-.5-.3h-.3c.3 0 .2.4.4.4h.5Zm.8.7-1.1-.2c-.1.1-.4.1-.4.3V20c.3 0 .4.1.4.4l.6.3.2-.3c-.2-.3-.6-.1-.6-.6l-.3-.1v-.8l.1.2c.3 0 .5 0 .6-.2l.2-.2.3-.1Zm-2.6-1.1-.5.1c-.3 0-.4.2-.4.3h.6l.3-.4Zm-1.1-.5c0-.5-.6-.6-.9-.8h-.2c-.4.2-.5.6-.5.9 0 .4.4.1.6.4.2-.1.7-.5 1-.5Zm3 4.6v-.2h-.5l.5.2Zm-2.3-3-.2-.2h-1.2c0 .2 0 .3.2.3 0 .2.2.2.2.3h.7v.7c-.1.3-.4.3-.7.4 0 .2-.2.4 0 .6l.5-.3.4-.4.1-1.3Zm-.4 2.8c-.1-.2-.4 0-.6-.1l.1.3c.2-.2.5-.2.5-.2Z"/> </svg></div> <div class="u-hidden lg:u-block" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M56.1 37.5h2.2v.5H56v-.5Zm-35.5-3-.1 5c0 .4 0 .5.7.6v.2a10.7 10.7 0 0 0-1.9 0V40c.7 0 .8-.2.8-.7l.2-4.7c0-.5-.1-.6-.8-.6v-.2a8.6 8.6 0 0 0 1.7 0l1.8 4.8 1.8-4.8a9 9 0 0 0 1.7 0v.2c-.7 0-.8.1-.8.6v4.7c.1.5.2.6.9.7v.2a11 11 0 0 0-2.4 0V40c.6 0 .8-.2.8-.6l-.1-5-1.6 4.2-.1.3-.1.4-.2.4v.3h-.2l-.1-.3-.1-.4-.2-.4v-.3l-1.7-4.2Zm7.2 3c.1-1 .5-1.6 1-1.6.7 0 1 .5 1 1.7h-2Zm1.3 2.6c-1 0-1.3-.7-1.3-2.2h2.8c0-1.5-.6-2.3-1.7-2.3-1.2 0-1.9 1-1.9 2.4 0 1.5.7 2.4 2 2.4 1 0 1.5-.6 1.6-1.6h-.3c-.1.8-.6 1.3-1.2 1.3Zm2.1-4.1v-.2c.6 0 .9 0 1.3-.2v.9c.3-.5.7-.9 1.2-.9.4 0 .8.4.8.8 0 .3-.2.5-.4.5s-.4-.2-.4-.4v-.2c0-.2 0-.3-.2-.3-.5 0-.9.6-.9 1.6v2c0 .4.1.5.7.5v.2a9.9 9.9 0 0 0-2.1 0V40c.6 0 .7-.1.7-.5v-3.1c0-.4 0-.5-.6-.5Zm7-.4V37h-.3c-.1-.8-.5-1.2-1-1.2-.8 0-1.2.8-1.2 2.1 0 1.4.4 2 1.1 2 .6 0 1-.4 1-1.2h.5c-.2 1-.7 1.6-1.6 1.6-1 0-1.8-1-1.8-2.4s.7-2.4 1.9-2.4c.4 0 .6.1 1 .4l.2-.4h.2Zm1.5 2c.1-1.1.5-1.7 1-1.7.7 0 1 .5 1 1.7h-2ZM41 40c-1 0-1.3-.7-1.3-2.2h2.8c0-1.5-.6-2.3-1.7-2.3s-1.9 1-1.9 2.4c0 1.5.8 2.4 2 2.4 1 0 1.5-.6 1.7-1.6h-.4c-.1.8-.6 1.3-1.2 1.3Zm4.2 0c-.7 0-1-.7-1-2 0-1.5.3-2.1 1-2.1s1 .7 1 2c0 1.4-.3 2.1-1 2.1Zm1.8-.8v-5.5a9 9 0 0 1-1.5.2v.2c.6 0 .7 0 .7.6v1.6c-.3-.5-.6-.7-1.1-.7-1 0-1.8 1-1.8 2.3 0 1.4.8 2.4 1.8 2.4.5 0 1-.3 1.2-.8l.1.8 1.1-.3h.2V40c-.7 0-.7 0-.7-.6Zm1.8-1.7c.1-1.1.5-1.7 1.1-1.7.6 0 1 .5 1 1.7h-2Zm1.3 2.5c-.9 0-1.3-.7-1.3-2.2h2.9c0-1.5-.7-2.3-1.8-2.3S48 36.6 48 38c0 1.5.8 2.4 2 2.4 1 0 1.5-.6 1.7-1.6h-.4c-.1.8-.6 1.3-1.2 1.3Zm2.4.3v-1.6h.2c.1.8.5 1.3 1.2 1.3.6 0 1-.4 1-.9 0-.3-.2-.5-.7-.8l-.3-.1-.5-.2c-.7-.3-.9-.6-.9-1.2 0-.7.6-1.2 1.5-1.2.3 0 .6 0 1 .3l.1-.4h.2V37H55c0-.8-.4-1.2-1-1.2-.5 0-.9.4-.9.8s.2.5 1 1h.5c.7.4 1 .7 1 1.3 0 .8-.7 1.3-1.6 1.3-.4 0-.8 0-1.1-.4l-.3.5h-.1Zm8.4-3.3c.5 0 .7 0 1 .3.2.2.3.6.3 1 0 1-.5 1.6-1.3 1.6h-.4c-.5 0-.6-.1-.6-.5V37h1Zm-1-3h.9c.8 0 1.1.5 1.1 1.4 0 .4 0 .7-.3 1-.2.2-.5.3-1 .3h-.7v-2.6Zm2.9 1.4c0-.5-.2-1-.6-1.3-.3-.2-.7-.3-1.3-.3h-2.5v.2c.6 0 .7.1.7.7v4.6c0 .5 0 .6-.7.6v.3h2.4c.7 0 1-.1 1.5-.4.4-.3.8-.9.8-1.5 0-.5-.3-1-.6-1.2-.2-.2-.4-.3-.8-.3.7-.3 1-.8 1-1.4Zm1.8 2c.1-1 .5-1.6 1-1.6.7 0 1 .5 1 1.7h-2Zm1.3 2.6c-1 0-1.3-.7-1.3-2.2h2.8c0-1.5-.6-2.3-1.7-2.3s-1.9 1-1.9 2.4c0 1.5.8 2.4 2 2.4 1 0 1.5-.6 1.7-1.6H67c-.1.8-.6 1.3-1.2 1.3Zm2-4v-.2l1.3-.3.1.8c.3-.5.7-.7 1.3-.7.6 0 1 .3 1.3.7l.1.9v2.3c0 .4 0 .5.7.5v.2a9.2 9.2 0 0 0-2.1 0V40c.5 0 .6-.1.6-.5v-2.3c0-.9-.2-1.2-.8-1.2-.7 0-1 .4-1 1.2v2.3c0 .4.1.5.6.5v.2a9 9 0 0 0-2 0V40c.5 0 .6-.1.6-.5v-3.1c0-.4 0-.5-.5-.5h-.2Zm5.1 4.2 2.6-4.3h-1.1c-.7 0-.8.1-1.2 1h-.1l.2-1.2h3.3L74 40h1c.7 0 1-.2 1.3-1.1h.2l-.3 1.4H73ZM58.6 17.8A10.5 10.5 0 0 0 48.4 7.4 10.7 10.7 0 0 0 38 14a9.8 9.8 0 0 0-.7 3.2 10.8 10.8 0 0 0 2.7 7.7 10.5 10.5 0 0 0 9 3.5 11 11 0 0 0 4.3-1.4 10.6 10.6 0 0 0 5.2-9.3Zm-18.8 4.5a9.3 9.3 0 0 1 7.8-13.7V9l-.1.5-.1 1-.2 1-.2 1.2L47 14l-.2 1-.1 1-.1.8v.3h-.1l-6.6 5.3Zm16 .7a9.4 9.4 0 0 1-7.8 4.3 9.6 9.6 0 0 1-5.2-1.5 9.3 9.3 0 0 1-2.6-2.6V23l.7-.3.8-.3a2587 2587 0 0 0 2.3-1l.7-.3c.3 0 .5-.2.8-.3l.7-.3.9-.3.7-.3h.2l.5.1 1 .4a5797.8 5797.8 0 0 0 2 .8l.6.2.1.1h.2v.1h.2l.4.2.9.4.9.3.6.3.4.1Zm1.5-4.8a9.2 9.2 0 0 1-1 4c-.3 0-.5-.3-.7-.4l-.7-.5-.6-.5-.6-.5-.7-.5-.6-.6-.7-.5-.7-.5-.5-.5-.7-.5-.2-.1V17l-.1-.8-.1-.8-.2-.8v-.8L49 13a15293.4 15293.4 0 0 0-.3-2.5l-.2-.7V9l-.1-.3A9.3 9.3 0 0 1 57 15a9 9 0 0 1 .4 3Z"/> </svg></div> <div class="u-hidden lg:u-block" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="m20.6 29.5-2.9-3.9h-1.1v4H13V19.3h5.1c3.8 0 6.2 1 6.2 3.1 0 1.5-1.4 2.3-3.2 2.8l3.3 4.2h-3.9ZM18 21.2h-1.5V24H18c1.8 0 2.8-.6 2.8-1.4 0-1-.8-1.4-2.9-1.4Zm15 4.4v4h-3.5v-3.9l-5-6.3h3.8l1.4 2a13 13 0 0 1 1.5 2.5c.2-.6.8-1.6 1.4-2.4l1.5-2.1H38l-5 6.2Zm13 4-1-2.2h-4.2l-1 2.1h-3.5l5-10.1h3.3l4.9 10.1H46Zm-2.2-5.1-1-2.5c0 .5-.5 1.6-.8 2.4l-.5 1.2h2.8l-.5-1.1Zm15.2 5L55.4 25l-1.5-2 .2 2.2v4.3h-3.2V19.4h3.5l3.3 4.5 1.6 2-.1-2.4v-4.1h3.1v10.1H59Zm14.4 0-1-2h-4.3l-.9 2h-3.6l5-10.1H72l5 10.1h-3.6Zm-2.2-5c-.4-.7-.8-2-1-2.5 0 .5-.5 1.6-.8 2.4l-.5 1.2h2.8l-.5-1.1Zm7 5V19.4h3.5v10.1h-3.4Zm14 0-3-3.9h-1.1v4h-3.5V19.3h5.1c3.8 0 6.2 1 6.2 3.1 0 1.5-1.4 2.3-3.2 2.8l3.3 4.2h-3.8Zm-2.6-8.3h-1.5V24h1.6c1.8 0 2.7-.6 2.7-1.4.2-1-.7-1.4-2.8-1.4ZM7.5 19l2.2.5h.5l.9-.2v.2l-1.3.6-.4.1c-.5.2-1.2.2-1.7.2-1 0-2-.4-3-.4s-1.9.3-2.4 1L2 22.4c0 .4.6.5.8.8l.3.7.7 1.2c.2.2.4.5.7.6l1 1 .5 1.2.2.8.2.6v.4A2 2 0 0 1 6 29a4 4 0 0 0-.8-1.2l-.6-.8c-.8-1-2-1.5-3-2.4l-.1-.2-.3-.5c-.2-.4-.6-.8-.8-1.4v-.7c0-.2-.6-.3-.3-.7.2-.3.8-.5 1-.9V20c-.2 0-.5.1-.5-.2v-.3l.1-.7H1l.5-.2c.3 0 .7 0 .9.2v.7c0 .2-.2.3-.1.4h.2l1.2-1.2c.4-.3.9-.4 1.3-.3 1 0 1.7.4 2.6.6Z"/> <path fill="currentColor" d="M5.1 20.6c.1.2 0 .3-.1.6-.5.7-.7 1.6-1 2.5h-.2v-.2c0-1 .3-1.8.7-2.7 0 0 .2-.3.4-.2H5Zm1.5.2-.2.9c-.6 1-1.2 2-1.5 3.2l-.1.1h-.1v-1.4L6 20.8h.7ZM8 21v.5c-.6 1.3-1.5 2.5-2 4l-.3.9c-.2-.1 0-.3 0-.4 0-1.2.3-2.3.9-3.3l.7-1.4c.1-.1.2-.4.4-.4l.3.1Zm1.7.1v.6c-.4 1-1.1 2-1.7 3-.5.8-.8 1.8-1.1 2.6l-.3.8h-.1c-.2 0-.2-.2-.2-.3.2-1.1.6-2 1-3.1L9 21.2l.4-.4s.2 0 .3.2Z"/> </svg></div> <div class="" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M58.5 18.5h.4l-.3-3h-.1l-.3 3h.3Zm1.7.2.5-2.7h-.1l-1.1 2.5.7.2Zm-.5 1c.2 0 .4-.1.4-.3 0-.3-.2-.4-.4-.4-.3 0-.4.1-.4.4 0 .2.1.4.4.4Zm-1.2 0c.2 0 .4-.2.4-.5 0-.2-.1-.4-.4-.4-.2 0-.4.2-.4.4 0 .3.2.4.4.4Zm-1.6-1 .7-.2-1.1-2.5h-.1l.5 2.6Zm0 .6c0 .3.3.4.5.4s.4-.1.4-.4c0-.2-.2-.4-.4-.4s-.4.2-.4.4Zm-46 1.2H7.4v11.8h2.3V28h1.2c2.3 0 4.3-1.4 4.3-3.8 0-2.3-2-3.6-4.3-3.6Zm-.1 5.5H9.6v-3.6H11c1.2 0 2.1.5 2.1 1.7 0 1.3-.8 2-2.2 2Zm10.9-4.6-.4-1h-1.8l-.4 1-4 9.6c-.3.8-.7 1.3-.7 1.3h2.4l.3-1 .8-1.9H23l.8 1.8.4 1.1h2.3s-.3-.4-.6-1.3l-4.2-9.6Zm-3 6 1.6-4 1.9 4h-3.5Zm19.5-7h-2v8.4l-6.4-8.3h-2.3c.3.5.4 1 .4 1.2V32.3h2V24l6.4 8.3h2l-.1-2.3v-9.5Zm6.5 0h-4V32.4h1.2l2.7.2c3.6 0 6.2-2.6 6.2-6 0-3.5-2.5-6-6.1-6Zm-.2 10h-1.4c-.2-.1-.2-.2-.2-.5v-7.5h1.6c2.5 0 4.2 1.7 4.2 4s-1.7 4-4.2 4Zm14-10a6 6 0 0 0-6 6 6 6 0 0 0 6 6 6 6 0 0 0 6.1-6 6 6 0 0 0-6-6Zm0 10.1c-2.1 0-3.9-1.8-3.9-4 0-2.4 1.7-4.2 4-4.2 2.2 0 3.9 1.8 3.9 4.1s-1.7 4.1-4 4.1ZM73 28.3c-.3-.4-.7-.8-1.1-1 1.2-.3 2.3-1.7 2.3-3.1 0-2-1.5-3.7-3.8-3.7h-3.8v11.8H69v-4.5c1 0 1.5.2 2 .9l.9 1.5 1.1 2v.1h2.7l-1.4-2.1-1.2-1.9ZM70 26h-1v-3.5H70c1.3 0 2 .9 2 1.8s-.7 1.7-2.2 1.7ZM88.2 31 84 21.4l-.3-1h-1.9s0 .4-.3 1l-4 9.6-.7 1.3h2.3l.4-1 .7-1.9h5.2l.7 1.8.4 1.1H89l-.7-1.3ZM81 27.5l1.7-4.2 1.8 4.2H81Z"/> </svg></div> <div class="u-hidden lg:u-block" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M36.9 21h-2v9h2v-3.7H41V30h1.8v-9h-1.8v3.6h-4.2V21ZM51.5 26c0 1.5-.7 2.3-2 2.3-1.4 0-2.2-.8-2.2-2.3v-5.2h-1.8v5.2c0 2.6 1.4 4.1 4 4.1 2.5 0 3.9-1.5 3.9-4.1v-5.2h-1.9v5.2ZM69.4 21l-2.1 6.3-2-6.3h-2l3.2 9.1H68l2.1-6 2 6h1.7l3.1-9h-2l-2 6.2-2-6.3h-1.5Zm14.2 3.5h-3.4v-1.8h5v-1.7h-6.8V30h7v-1.6h-5.2V26h3.4v-1.7Zm4-3.5h1.8V30h-1.9v-9Zm-26.4 7.2.8 2h2l-4-9.2h-1.7l-4 9.1h2l.7-1.8h4.2Zm-2-5 1.2 3.2v.2h-2.8v-.2l1.5-3.1ZM16.8 29.1C13.9 22.8 10 18 10 18s-2 2-2 4c.1 1.6 1.3 2.4 1.3 2.4 1.8 1.8 6.3 4.1 7.3 4.6h.2Zm-.8 1.5H16l-7.4.2c.8 1.4 2.2 2.6 3.6 2.2 1-.2 3.2-1.7 3.9-2.2v-.2Zm.1-.6c.1-.1 0-.2 0-.2-3.2-2.2-9.5-5.5-9.5-5.5-.6 1.8.2 3.2.2 3.2A4.3 4.3 0 0 0 9 29.7c.7.3 1.4.3 1.4.3h5.6Zm.5-15-1.1.2c-2 .5-2.4 2.3-2.4 2.3-.4 1 0 2.3 0 2.3.6 2.9 3.8 7.7 4.5 8.7h.1c1.1-10.8-1-13.6-1-13.6Zm2.5 13.5h.1c.8-1.1 3.9-5.9 4.6-8.8 0 0 .3-1.4 0-2.3 0 0-.5-1.8-2.5-2.3l-1.2-.2s-2.2 2.8-1 13.5Zm1.7 2V30.9c.7.5 2.8 2 3.8 2.2 0 0 2 .7 3.6-2.2l-7.4-.2Zm9.4-6.3s-6.2 3.4-9.5 5.6v.2h5.7s.5 0 1.2-.3c0 0 1.6-.5 2.4-2.3 0 0 .8-1.4.2-3.2Zm-10.1 4.9h.1c1-.6 5.5-2.8 7.3-4.6 0 0 1.2-.9 1.3-2.4 0-2-2-4-2-4S22.9 22.8 20 29v.1Z"/> </svg></div> <div class="" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="m53.6 30.3.1.2.2-.1 21.9-14.2c.3-.2.8-.4 1.2-.4h4.8c.8 0 1.3.5 1.3 1.3v9.1c0 1.1-.3 1.8-1.3 2.4L76 32h-.2l-.1-.2V21.2c0-.1 0-.2-.2-.2h-.1l-16 10.4c-.4.3-.8.4-1.2.4H47.6c-.7 0-1.2-.5-1.2-1.2V17.4c0-.1 0-.2-.2-.2h-.1l-10.6 6.4-.1.1v.2l7.6 7.5.2.3H36c-.5 0-.9 0-1.2-.3L30.3 27H30l-7.7 4.5c-.4.3-.7.4-1.2.4h-7c-.8 0-1.2-.5-1.2-1.2v-9c0-1.1.2-1.8 1.2-2.4l5.8-3.5h.2l.1.3v12c0 .1 0 .2.2.2h.1l19.8-12c.4-.3.9-.4 1.3-.4h10.7c.7 0 1.2.5 1.2 1.3v13.2Z"/> </svg></div> <div class="" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M33.3 28.6c-1.8.5-3 .5-4 .5-2.7 0-5.8-1.4-5.8-5.2 0-3.8 2.7-5.3 6.4-5.3.7 0 2.1.1 3 .5v2.2a6 6 0 0 0-2.6-.7c-2.2 0-4 1-4 3.3 0 2 1.4 3.2 3.4 3.2.3 0 .7 0 1-.2v-2H29V23h4.2v5.6ZM35.6 18.8h7.1v2h-4.4v2h4.2v2h-4.2V27h4.6v2h-7.3V18.7ZM47.6 24.6h.8c1 0 2 .1 2 1.2 0 1-1 1.2-2 1.2h-.8v-2.4ZM45 29h4.3c1.8 0 4-.5 4-3 0-1.1-.8-1.9-2.1-2.1 1.1-.4 1.8-1.2 1.8-2.4 0-1.8-1.4-2.6-3.3-2.6h-4.7V29Zm2.7-8.2h.8c1 0 1.8.1 1.8 1s-1 1.1-1.8 1.1h-.8v-2ZM55.1 18.8h7.2v2h-4.5v2H62v2h-4.2V27h4.6v2h-7.3V18.7ZM67.2 20.7h.7c1 0 2 .2 2 1.1 0 1.2-1.1 1.2-2 1.2h-.7v-2.3ZM64.5 29h2.7v-4h.5c1 0 1.4.5 2 2.2l.5 1.8H73l-1-2.7c-.4-1.3-.5-2-1.4-2.3 1.3-.3 2-1.2 2-2.5 0-1.8-1.5-2.6-3.3-2.6h-4.8V29ZM74.7 18.8h2.8V29h-2.8V19ZM81.4 20.8H79v-2h7.7v2h-2.5V29h-2.7v-8ZM10.4 18.8h10.1V29H10.4V19Z"/> </svg></div> <div class="u-hidden sm:u-block" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <g clip-path="url(#a)"> <path fill="currentColor" d="M47.4 23H42v-4.2h-1.6v10.4H42v-4.9h5.4v5H49V18.7h-1.6m-15.9 0h-2.9v10.4h1.7v-4h2c.9 0 3.4-.5 3.4-3.3 0-3.3-3.6-3.1-4.2-3.1Zm0 5h-1.2v-3.7h1c.4 0 3-.2 3 1.8 0 1.9-2 2-2.9 2Zm-15.2-5v10.4h6.6V28h-5v-3.6h3.6V23h-3.6v-2.8h5v-1.4h-6.6Zm-9.7 2.5c0-1.7 2.3-1.7 3.7-.7l.5-1.4c-4-1.8-5.8.6-5.8 2.2 0 3.8 5.4 3 4.7 5.6-.3 1-2 1.6-4 .4L5 28.8c2.7 1.3 6.1.7 6.2-2.2.2-3.5-4.6-3.3-4.6-5.3Zm69.7.4c-.2-3-3.3-2.9-4-2.9h-2.7v10.4h1.6v-4.4h1.6l3 4.4h2l-3.3-4.7c.9-.3 2-1 1.8-2.8Zm-4 1.9h-1V20h.8c.4 0 2.6-.2 2.8 1.5.2 2-2.2 2-2.6 2Zm15-4.8h-2l-3.5 10.4h1.7l.7-2.4h4.2l1 2.4H91l-3.8-10.4Zm-2.8 6.8 1.7-5.1 1.8 5.1h-3.5Zm-25.2-7.1a5.3 5.3 0 0 0-5.6 5.5c0 3 2.2 5.5 5.6 5.5 3.4 0 5.6-2.5 5.6-5.5s-2.2-5.5-5.6-5.5Zm0 9.5c-2.5 0-3.9-1.8-3.9-4s1.4-4 3.9-4 3.9 1.8 3.9 4-1.4 4-3.9 4Z"/> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M5 18.5h86v11H5z"/> </clipPath> </defs> </svg></div> <div class="u-hidden lg:u-block" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M44.2 8.5V7.6H44v-.1l-.1-.1-.1-.2h-.1v-.1h-.2V7h-.1l-.1-.1h-.2v-.1H42.1l-.4.3v.1h-.1v.1h-.1v.1l-.2.1v.1l-.2.2V8l-.1.2-.1.2-.1.3-.1.2-.1.2v.2l-.2.2-.1.4-.1.2v.2l-.2.4-.1.2v.1l-.2.3-.1.4-.2.4v.2l-.1.2-.1.2v.3l-.2.3-.2.4-.3 1v.1l-.1.2-.1.3-.1.3v.1l-.2.3v.2l-.1.2v.2l-.1.1v.2l-.1.2v.3h-.1V17.7l-.1.2-.2.5v.3l-.1.2-.2.6v.5l-.2.3-.1.5-.1.4v.2l-.1.3v.1l-.1.1v.2l-.1.4-.1.4v.2l-.2.4v.4s-.1.2 0 .2l-.1.2v.2l-.1.3-.1.2v.5l-.2.7v.2l-.1.4v.5l-.2.6v.2l-.1.8v.4l-.1.2v.5H35v.1c-.1 0 0 0 0 0-.1-.1-.1-.1-.2 0v-.5h-.1V28.2h-.1V28h-.1V27l-.1-.1v-.6l-.1-.1v-.6l-.1-.1v-.1l-.1-.2c-.1-.1 0-.1 0-.1s-.1 0 0 0V25H34v-.4h-.1V24h-.1V23.1h-.1v-.4s-.1-.1 0-.2h-.1V22l-.1-.1v-.6h-.1v-.5l-.1-.1v-.4l-.1-.1v-.4l-.1-.1v-.1l-.1-.1-.1-.1v-.1h-.1v-.1h-.2l-.1-.1h-.8v.1h-.1l-.1.2-.1.1-.1.2-.1.3-.1.2v.2H31v.3h-.1v.2l-.1.1-.1.4v.1l-.1.1v.2l-.1.1v.2l-.1.1V22.6l-.2.3v.2l-.1.1v.1l-.1.1v.2l-.1.3-.1.2V24.4l-.2.1v.1s-.1 0 0 .2h-.1v.2l-.1.3-.2.4v.2l-.1.1V26.3l-.2.3v.2c0 .1-.2.3-.1.4v.3l.3.3H30l.2-.2.1-.1h.1V27.2h.1V27l.1-.1v-.2h.1v-.1l.1-.2h.1V26h.1v-.4h.1V25.2h.1V25h.1v-.2h.1V24.5c0-.1 0 0 0 0v-.1h.1v-.1h.1v-.2c.1 0 0 0 0 0h.1V24h.2l.1.1v.2h.1V25h.1v.1c.1 0 0 0 0 0l.1.2V25.8h.1v.5l.1.1V27l.1.2v.4c.1 0 0 .1 0 .1h.1v.6h.1v.6l.1.1v.7h.1v.5l.1.1v.6c.1 0 .1 0 0 .1h.1v.6h.1v.6h.1v.7h.1v.4c.1 0 0 0 0 .1h.1v.4l.1.1v.5h.1v.6h.1v.5l.1.1v.4h.1v.5h.1v.4l.1.1v.2h.1v.1h.1v.1h.1l.1.1h.8v-.1h.1v-.1h.1v-.1h.1V36.8h.1V36.5l.1-.2v-.5h.1v-.7l.1-.1V34.4s.1 0 0 0l.1-.1V33.5l.1-.1v-.6s.1 0 0 0l.1-.1V32.1l.1-.1v-.6s.1 0 0 0v-.1h.1v-.5h.1V30.5l.1-.1h.1v-.2h-.1V29.4l.1-.1v-.1l.1-.1V29c.1 0 0 0 0 0h.1v-1.6h.1V27c.1 0 0-.1 0-.1v-.2h.1v-.5h.1v-.4h.1V25.5h.1V25l.1-.1v-.5l.1-.2V23.9s.1 0 0 0h.1v-.4h.1V23.1l.1-.2v-.4l.1-.1V22.1h.1v-.4h.1v-.2h.1v-.4h.1V21l.1-.1v-.2h.1V20.4h.1v-.1h.1v-.1h.1V19.4h.1V19l.1-.2.1-.2v-.1l.1-.2v-.2h.1V17.8h.1v-.4l.1-.1v-.2l.1-.1V16.7l.1-.1v-.2h.1V16h.1V15.7h.1V15.4h.1v-.1l.1-.1V15h.1v-.2l.1-.1.1-.2v-.1l.1-.2.1-.1v-.4l.1-.1v-.1h.1v-.2h.1V13h.1v-.2l.1-.2.1-.3.1-.1v-.1l.1-.1v-.2h.1v-.2h.1v-.1l.1-.1v-.1h.1v-.1l.1-.2.1-.1.1-.1v-.1l.1-.1.1-.2h.1v-.1h.1v-.2h.1V10h.1V10h.1v-.1h.1v-.1h.2v-.2h.2v-.1h.1s0-.1 0 0v-.2h.1V9h.1V9h.1v-.1h.1V8.5l.1-.1v-.1ZM39 30.7v.4h.1v.1h.8l.1-.1h.1l.1-.2.2-.1s0-.1.1 0l.1-.1v-.1h.2c0-.2 0-.1-.1-.1V29.8h.1V28.2h.1v-.5l.1-.2V27h.1v-1l.1-.2V25.2h.1V24l-.1-.2-.2-.1h-.4c-.1 0-.3 0-.4.2h-.1l-.1.1-.1.1-.1.1-.1.1-.2.2-.1.4v.2l-.1.1v.8l-.1.2V27.1l-.1.5v.4c-.1 0 0 .2 0 .2v.4l-.1.3v1.8Zm2.9-9.9v-.1l.1-.1v-.1h.1V20.1c.1-.1 0-.2 0-.2V19.7l-.1-.1-.1-.1h-.6v.1H41v.1l-.2.2h-.1l-.2.2-.1.2h-.1v.2h-.1v.4c-.1 0-.1 0 0 0v.1s-.1 0 0 0v.4h.4v.1h.2l.1-.1h.1l.1-.1h.1v-.1h.2V21h.1V21h.1l.1-.1Zm4.8 1.4V22h-.1v-.2l-.1-.1v-.1h-.1v-.1H45.5v.1h-.2v.1H45l-.1.1h-.2l-.1.1h-.1l-.3.1h-.4l-.1.1h-.1v.1h-.1l-.1.1-.2.1v.1l-.1.1-.1.2-.1.2v.2l-.1.1v1l-.1.3v.8c0 .1-.1.1 0 .1v.2h-.1V26.2c-.1 0-.1 0 0 0v.1s-.1 0 0 0c0 .1-.1.2 0 .2v.1h-.1V29l.1.1v.1s.1 0 0 0h.1v.1h.8v-.1h.2V29h.1V29h.1l.1-.1.1-.1.1-.2.1-.2v-.1l.1-.1V26.8c.1 0 0 0 0-.1h.1V25.2h.1v-.1l.1-.1v-.6h.1v-.2l.1-.1V24l.1-.1.1-.1.1-.2h.1v-.1h.1v-.1h.1v-.1h.2v-.2h.2l.1-.1.1-.1.2-.2v-.1h.1v-.4l.2-.1Zm8.6-5h-.1v.1H55v.1l-.1.1-.1.1v.2h-.1v.2l-.1.1v.8c-.1 0 0 0 0 0-.1 0 0 0 0 0s-.1 0 0 0v.1h-.1V19.9h-.1V21l-.1.1v.9s-.1 0 0 0v.2l-.1.2V23l-.1.3v.4l.1.1h.1v.1H55l.2-.1h.1v-.1h.1l.1-.1h.1l.1-.2h.1l.1-.2.1-.1V23l.1-.1V21.2h.1v-.7h.1V18.3s.1 0 0 0h.1V17h-.2s0-.1 0 0L56 17h-.5v.1h-.1v.1h-.2Zm1.9-3.1V13.7H57v-.2H56v.1h-.1v.1h-.1v.1h-.1v.1h-.1v.1h-.1v.1l-.1.1V14.7h-.1v.4l.2.2H55.8l.1.1h.4v-.1h.1l.1-.1.2-.1v-.1l.1-.1v-.1l.1-.1h.1v-.1l.1-.1v-.2l.1-.1Zm10.7 5.8v-.1h-.1v-.4h-.1v-.2h-.1V19h-.2V19H66.2l-.3.1-.1.1h-.1l-.1.1-.2.1h-.1v.1h-.1l-.2.1H65v.1h-.2v.1h-.2v.1H64.2l-.2.1H63.8v-.1h-.1v-.2h-.1v-.4c-.1 0 0 0 0 0h-.1v-.6s0-.1 0 0V18.3c.1 0 .1 0 0 0v-.2s.1 0 0 0v-1.3h.1V16h.1V15.7h-.1V15.4c0-.1 0 0 0 0h.1V15h-.1v-.5h-.1v-.1l-.1-.1c0-.1 0 0 0 0l-.1-.1h-.1L63 14h-.8l-.1.1h-.2v.1c-.2 0-.2.1-.3.2h-.2v.1l-.1.2h-.1l-.1.1-.2.2v.1h-.1v.1h-.1l-.1.1h-.1l-.1.1H59l-.1.1h-.2l-.1.1v.1h-.1l-.1.1-.1.1-.1.2H58v.2l-.1.1a1 1 0 0 0-.1.4V18.6l-.1.2V20.3h-.1V22.2l.2.1.1.1h.7v-.1h.2l.1-.1.1-.1h.1v-.1h.1v-.2h.1v-.2l.1-.1c.1-.1 0 0 0-.1h.1v-.7c0-.1 0 0 0 0V19.2h.1c.1 0 .1 0 0 0v-.5c0-.1 0 0 0 0l.1-.2V18h.1l-.1-.1v-.1s.1 0 0 0h.1v-.4c0-.1.1 0 .1 0V17h.1l.1-.1v-.1l.1-.1h.1v-.1h.1v-.2h.2v-.1h.1l.1-.1h.1v-.1h.1l.1-.1h.4l.2.1V20.9h.1l.1.2h.2v.2H62l-.2.2h-.2v.1h-.1l-.2.2h-.2l-.4.3h-.2v.1l-.3.2h-.1l-.2.1-.1.1h-.1l-.3.2-.2.1h-.1v.1l-.3.1-.2.2h-.2l-.2.2H58v.1H58l-.1.1-.2.1h-.1v.1h-.1l-.1.1h-.1l-.1.1H57l-.1.2H56.6l-.1.1-.2.1-.2.1v.1H56v.1h-.2v.1h-.1l-.1.1-.1.1h-.1l-.1.1h-.1l-.1.1-.3.2-.3.2-.5.3-.3.2h-.1l-.1.1h-.1l-.1.1h-.1v.1H53v.1h-.1v.1h-.1v.1h-.2V25.2l.1-.1V23.2s0-.1 0 0v-.4l.1-.1V21.7h.1V21s.1 0 0 0V21c.1 0 0 0 0-.1h.1V19.8h.1v-.7L53 19V19l-.1-.1-.3-.1H52c-.1 0-.1.1-.1 0v.1h-.1l-.1.1-.1.2h-.1v.2h-.1v1.1c-.1.1 0 .2 0 .2h-.1V21.8l-.1.2v.4H51v1.2l-.1.2V24.3l-.1.3V25l-.3.4-.1.2h-.1l-.1.1H50l-.1.1h-.1l-.2.1h-.4l-.1-.2v-.1H49V22.7h.1V22.4l.1-.2v-.1l.2-.1V21.8l.1-.1v-.1h.1v-.1l.1-.2h.1V21h.1l.1-.1.1-.1v-.1h.1v-.1l.1-.1v-.1l.1-.2v-.5h-.2l-.1-.1h-.5l-.1.1h-.1l-.1.1h-.1v.1h-.1c-.1 0 0 0 0 0H49v.1c-.2 0-.2.1-.3.2l-.1.1h-.1v.1l-.1.1v.1h-.1v.1l-.1.1-.1.1v.1l-.1.1v.1H48v.1l-.1.1v.1l-.1.1v.1l-.1.1V22.3l-.1.1v.2l-.1.1v.6l-.1.2v.8l-.1.1V26.7l.1.1v.1l.1.1v.1l.2.2v.1h.1l.2.1h.1v.1H49.8h-.1l.1-.1h.1c.1-.1.2 0 .2 0v-.1h.1l.1-.1h.1v-.1h.1l.1-.1h.2V27h.1V28h-.1l-.1.1-.1.1h-.2v.1l-.1.1c-.2 0-.2.1-.3.2h-.1v.1h-.2v.1l-.3.2-.2.2-.3.2-.2.1v.1h-.1v.1h-.1l-.1.1-.2.1-.1.1-.1.1h-.1l-.1.2h-.2l-.1.2h-.1l-.2.1v.1H47v.1h-.2v.1l-.2.1-.1.1h-.1v.1h-.2v.1l-.2.1-.1.1-.1.1-.1.1h-.1l-.1.2h-.1l-.1.1-.1.1H45l-.3.3-.2.1v.1h-.1l-.1.1-.2.2-.2.1v.1l-.2.1-.2.1v.1h-.2v.1l-.1.2-.3.1v.2h-.2l-.1.1-.2.2-.3.2v.1H42l-.2.2h-.2v.2h-.2v.1l-.2.1-.1.1-.2.2-.1.1h-.1v.1h-.1l-.1.2h-.1l-.1.1v.1h-.1l-.1.1-.2.2-.2.1v.1l-.3.2-.2.2v.1l-.2.1-.2.2-.2.1-.1.2-.3.3-.2.2-.2.2v.2h-.2v.2l-.1.1v.6l.1.2v.1h.2v.1l.2.1h.2v.1h.8V40h.1l.1-.1h.1v-.2h.1v-.1h.1l.1-.1.2-.1v-.2h.1l.2-.2.1-.1v-.1h.1l.1-.1v-.1h.1v-.1h.1v-.2h.1l.1-.1.2-.1.1-.2.2-.1v-.1h.1v-.1h.1v-.1l.2-.1v-.1l.2-.1V37l.2-.2.1-.1.1-.1.1-.1.1-.1.1-.1.1-.1.2-.2h.1V36h.2v-.1l.1-.1.1-.1.1-.1h.1v-.2h.1l.1-.1h.1v-.1l.1-.1h.1V35h.1v-.1h.1v-.1h.1l.1-.1.2-.1.1-.1v-.1h.2v-.1l.2-.1V34l.2-.1.2-.2h.1l.2-.2.1-.1.1-.1h.1l.1-.2h.1l.1-.1h.1l.1-.2h.1v-.1h.2v-.1h.1v-.1h.1v-.1h.1v-.1l.2-.1.2-.2h.1l.1-.1.1-.1h.1v-.1l.2-.1.1-.1.2-.1v-.1h.1l.1-.1.1-.1h.1V31h.1V31h.1v-.1h.2v-.1l.2-.1v-.1h.1l.1-.1h.1v-.1h.1l.1-.1h.1l.1-.2h.2l.1-.1h.1V37.5l-.1.1V40.4h.1V40.7l.1.1.1.1.2.1v.1h.2l.2.1h.8l.3-.3.1-.1v-.2h.1v-.1h.1V40h.1v-.1H53v-.1h-.1v-.2h-.1v-.1h.1v-.1c.1 0 .1 0 0 0h.1v-.1h-.1c0-.1 0 0 0 0V39h-.2V38.8h.1v-.1h-.1.1v-.1l.1-.1v-.1h-.1V38h-.1v-.1h-.1v-.6c0-.1 0 0 0 0V37h-.1v-.2c0-.1 0 0 0 0v-.1l-.1-.1V36.3h.1v-.2h-.1V36c0-.1 0 0 0 0V35.7c-.1 0 0 0 0 0v-.5h-.1V35h.1-.1.1V29l.1-.1v-.4h.1c.1-.1.1 0 .2 0v-.2h.1v-.1h.1v-.1h.2V28h.1l.1-.1h.1s0-.2.1-.1v-.1h.1l.2-.1.1-.1h.1l.1-.1h.1v-.1h.1l.1-.1h.1v-.1h.2V27h.1V27h.2v-.1h.1l.1-.1h.1l.1-.1h.1v-.1h.1l.1-.1h.2l.2-.2.2-.1.2-.2h.2l.1-.1h.1v-.1h.2v-.1h.1v-.1h.1l.2-.1.1-.1h.1l.1-.1h.2v-.1h.2c0-.1 0-.2.2-.2h.1l.1-.1.1-.1h.1l.1-.1h.1l.1-.1h.1v-.1h.2l.1-.1.2-.1h.1v-.1h.2V24h.1l.1-.1h.2l.1-.1h.1v-.1h.2v-.1h.2v-.1h.2v-.1h.1l.1-.1h.1l.1-.1.2-.1h.1V23h.2V23h.2v-.1h.2l.1-.1h.1v-.1h.2v-.1h.2l.2-.1.2-.1h.1v-.1h.2l.1-.1h.1l.1-.1h.2V22h.2l.3-.2h.4l.3-.2h.2l.3-.1h.1l.2-.1.2-.1h.1l.2-.2c.2 0 .2-.1.3-.2h.1v-.1h.1v-.2h.1v-.1h.1v-.1l.1-.2V20h.1v-.2"/> </svg> </div> <div class="u-hidden lg:u-block" style="width: 96px; height: 48px;"><svg xmlns="http://www.w3.org/2000/svg" width="96" height="48" fill="none"> <path fill="currentColor" d="M84.2 20v5.7c.1 1.4.9 2.2 2.2 2.2H91c1.2 0 2-.8 2-2.2V20h-2v5.3c0 .5-.2.7-.6.7h-3.6c-.3 0-.6-.4-.6-.7V20h-2ZM38 20c-1 .1-2.1.7-2.3 2v.7c.2 1.5 1.2 1.8 2 1.9l4.6.3c.5 0 .6.3.6.6s-.1.5-.6.6h-4c-.4 0-.6-.1-.6-.6v-.3h-2v.2c0 1.6.6 2.4 2 2.5H43c1.4 0 1.9-1.1 2-2.3v-.3c-.1-1.3-.9-2-2-2.1l-4.7-.3c-.4 0-.6-.3-.6-.6s.2-.5.5-.5h4c.4 0 .5.2.5.4v.4h2v-.3c0-1.6-.7-2.2-2-2.3h-4.7ZM55.4 28h6.4c1.5 0 2.2-1 2.2-2.5 0-1-.5-1.6-.8-1.7.3-.2.6-.7.6-1.6 0-1.4-.8-2.1-2-2.2h-6.4v8Zm5.9-6.2c.3 0 .6.2.6.6 0 .4-.2.7-.7.7h-4v-1.3h4Zm0 3c.3 0 .8 0 .8.7 0 .5-.4.7-.9.7h-4v-1.5h4ZM45.5 20v5.7c.1 1.4.9 2.2 2.2 2.2h4.6c1.2 0 2-.8 2-2.2V20h-2v5.3c0 .5-.2.7-.6.7h-3.6c-.3 0-.6-.4-.6-.7V20h-2ZM74.7 20v8h2V25h4c.4 0 .7.4.7.8v2h2v-2c0-.8-.5-1.6-.9-1.7.4-.2.8-.7.8-1.8 0-1.6-.8-2.3-2-2.4h-6.6Zm6 1.8c.4 0 .7.2.7.7 0 .5-.3.8-.7.8h-4v-1.5h4ZM72 28h2.2l-4-8H68l-4 8H66l.7-1.5h4.5l.6 1.5Zm-4.3-3.1L69 22l1.4 2.9h-2.8ZM21.2 22.4h-.5c-1.2.2-4.3.7-5.1 1-1 .1-1.3.4-1.6 1.4a94 94 0 0 0-.9 3l-.1-.4a94 94 0 0 0-.7-2.6c-.3-1-.7-1.3-1.6-1.5a171.3 171.3 0 0 0-5.4-1c0-.2.2-.2.3-.2l5.1-.6c1-.1 1.3-.4 1.6-1.1l.6-2 .2-.3c.1 0 .2.1.2.3l.7 2c.3.7.6 1 1.6 1.1l5 .6h.6l2.3-.3c.3-.1.5-.3.6-.5l.3-1 .1-.2c.1 0 .2.1.2.3l.3.9c0 .2.2.4.6.5a40.4 40.4 0 0 0 2.5.5l-.3.1-2.2.4c-.5.1-.5.3-.6.5l-.3 1c0 .1 0 .2-.2.2l-.1-.3-.3-.9c0-.2-.2-.4-.6-.5a35 35 0 0 0-2.3-.4Z"/> <path fill="currentColor" d="m24 25 .5.1 1.6.2c.2 0 .3.2.4.4l.2.8c0 .1 0 .3.2.3l.2-.3.2-.8c0-.2.2-.4.4-.4l1.7-.2s.2 0 .2-.2l-.2-.1-1.7-.2c-.2 0-.3-.2-.4-.3l-.2-.8-.2-.3-.2.3-.2.8-.4.3-1.6.2H24l-2-.3c-.3 0-.4-.2-.5-.4l-.3-.8-.1-.3-.2.3-.3.8c0 .2-.2.4-.5.4l-2 .3-.2.1c0 .2.2.2.3.2l1.9.3c.3 0 .5.2.5.5L21 27c0 .1 0 .3.2.3l.1-.3.3-1c0-.4.2-.5.5-.6l2-.3Z"/> <path fill="currentColor" d="M17.3 16.5C9.4 16.5 3 19.9 3 24s6.4 7.5 14.3 7.5c8 0 14.4-3.4 14.4-7.5s-6.5-7.5-14.4-7.5Zm0 14.1c-7.3 0-13.2-3-13.2-6.6 0-3.7 5.9-6.6 13.2-6.6 7.4 0 13.2 3 13.2 6.6 0 3.7-5.8 6.6-13.2 6.6Z"/> <path fill="currentColor" d="M20.5 27.9h.5c.5 0 .9 0 1.6.2.3 0 .5.2.5.3l.2.7c0 .2 0 .3.2.3l.2-.3.2-.7c0-.2.1-.3.4-.3l1.6-.2s.3 0 .3-.2l-.3-.1-1.6-.3c-.3 0-.4-.1-.4-.3l-.2-.7-.2-.3-.2.3-.2.7c0 .2-.2.3-.5.3l-1.6.3h-.5l-2.2-.4c-.4 0-.5-.2-.6-.4l-.3-1c0-.1 0-.3-.2-.3l-.2.3-.3 1c0 .2-.2.4-.6.4l-2.2.4-.2.1.2.2c.6 0 1.2.2 2.2.4.4 0 .5.3.6.6l.4 1 .1.3.2-.2.3-1.1c0-.3.2-.6.6-.6l2.2-.4Z"/> </svg></div> </div> </div> </section> <script> const playList = [ { "src": "\/images\/homepage\/header-01-square--desktop.webm", "mobile": "\/images\/homepage\/header-01-square--mobile.webp", "alt": "Real-time chat with a personal shopper to increase sales" }, { "src": "\/images\/homepage\/header-02-square--desktop.webm", "mobile": "\/images\/homepage\/header-02-square--mobile.webp", "alt": "Live chat support to improve customer satisfaction" }, { "src": "\/images\/homepage\/header-03-square--desktop.webm", "mobile": "\/images\/homepage\/header-03-square--mobile.webp", "alt": "AI bot for customer service answers a customer question on chat" } ]; const progressCircleDesktop = document.getElementById('progressCircleDesktop'); const circumference = 2 * Math.PI * 16; progressCircleDesktop.style.strokeDasharray = circumference; const video = document.getElementById('hero-video'); function playVideo(index) { if (document.querySelectorAll('.hero__video-btn')[index].classList.contains('active')) { return; } video.classList.add('fade-out-right'); setTimeout(() => { video.classList.remove('fade-out-right'); video.classList.remove('fade-in-left'); document.querySelectorAll('.hero__video-btn').forEach(btn => { btn.classList.remove('active'); }); document.querySelectorAll('.hero__video-btn')[index].classList.add('active'); video.src = playList[index].src; video.ariaHidden = "true"; video.currentTime = 0; video.type = "video/webm"; resetProgress(); video.play(); setTimeout(() => { video.classList.add('fade-in-left'); }, 50); }, 300); } video.addEventListener('timeupdate', () => { const progress = video.currentTime / video.duration; const dashOffset = circumference * (1 - progress); progressCircleDesktop.style.strokeDashoffset = dashOffset; }); video.addEventListener('ended', () => { let currentIndex = 0; for (let i = 0; i < playList.length; i++) { if (video.src.includes(`header-0${i+1}-square`)) { currentIndex = i; break; } } video.classList.add('fade-out-right'); setTimeout(() => { const nextIndex = (currentIndex + 1) % playList.length; video.classList.remove('fade-out-right'); video.classList.remove('fade-in-left'); video.src = playList[nextIndex].src; video.ariaHidden = "true"; video.classList.add('played'); video.currentTime = 0; video.play(); document.querySelectorAll('.hero__video-btn')[currentIndex].classList.remove('active'); document.querySelectorAll('.hero__video-btn')[nextIndex].classList.add('active'); resetProgress(); setTimeout(() => { video.classList.add('fade-in-left'); }, 50); }, 500); }); function resetProgress() { progressCircleDesktop.style.strokeDashoffset = circumference; } const desktopVideoSection = document.querySelector('.desktop-video'); if (desktopVideoSection) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { video.play(); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); observer.observe(desktopVideoSection); } let autoToggleInterval; let currentIndex = 0; const durationMobile = 8000; function toggleImage(index) { if (document.querySelectorAll('.hero__mobile-btn')[index].classList.contains('active')) { return; } const mobileImage = document.querySelector('.mobile-image'); const mobileImageSection = document.querySelector('.mobile-image'); if (!mobileImageSection) return; document.querySelectorAll('.hero__mobile-btn').forEach(btn => { btn.classList.remove('active'); }); document.querySelectorAll('.hero__mobile-btn')[index].classList.add('active'); mobileImage.querySelectorAll('img').forEach(img => img.style.display = 'none'); const cachedImage = mobileImage.querySelector(`img[data-index="${index}"]`); if (cachedImage) { cachedImage.style.display = 'block'; } else { const img = document.createElement('img'); img.src = playList[index].mobile; img.alt = playList[index].alt; img.style.width = "100%"; img.style.height = "auto"; img.width = "504"; img.height = "504"; img.dataset.index = index; img.style.display = 'block'; mobileImage.appendChild(img); } clearInterval(autoToggleInterval); currentIndex = index; } const mobileImageSection = document.querySelector('.mobile-image'); if (mobileImageSection) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { toggleImage(0); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); observer.observe(mobileImageSection); } </script> <section class="u-maxw-14 b--u-mb-6 b--md:u-mb-10 b--u-mx-auto b--u-px-4 b--u-py-6 b--md:u-pb-8 b--u-rounded-32 u-border-black-40 u-border-solid u-border b--u-bg-white" style="box-shadow: 0px 149px 42px 0px rgba(0, 0, 0, 0.00), 0px 95px 38px 0px rgba(0, 0, 0, 0.01), 0px 53px 32px 0px rgba(0, 0, 0, 0.02), 0px 24px 24px 0px rgba(0, 0, 0, 0.04), 0px 6px 13px 0px rgba(0, 0, 0, 0.05);"> <h2 class="b--u-text-2xl u-text-center b--u-mb-3 u-maxw-10 b--u-mx-auto b--u-mb-3 b--md:u-mb-5" style="font-weight: 500; text-wrap: balance"> LiveChat® is <span style="background: linear-gradient(92deg, #6AAAFF 43.82%, #AF71FF 94.96%); background-clip: text; -webkit-text-fill-color: transparent;">intuitive customer service software</span>. Quick to set up, easy for your team to use <br />and a go-to choice for your customers. </h2> <img class="md:u-hidden u-w-full u-rounded-32" src="/images/homepage/product-view--mobile_huf9f3a5ce8ba0c2374f722658cda72c2b_143541_1008x0_resize_q75_h2_catmullrom_3.ba7dfd2e3831fc796c4824ab4d9894c4ae30b132ed7a32bab057d4fdd24c10cf.webp" alt="LiveChat® - AI customer service platform for your sales and customer support" width="504" height="330" loading="lazy" style="max-width: 504px; max-height: 330px;" type="image/webp"> <img class="u-hidden md:u-block u-w-full b--u-mb-5" src="/images/homepage/product-view--desktop_hu4cbfe34f2a228990920ce661de5d9cce_538742_2240x0_resize_q75_h2_catmullrom_3.67a10e85bd853d692610504d1118097fea06ce0825b2597940e8632347c898d9.webp" alt="LiveChat® - AI customer service platform for your sales and customer support" width="1120" height="560" loading="lazy" style="max-width: 1120px; max-height: 560px;" type="image/webp"> <div data-controller="modal player-youtube" data-action="modal:show->player-youtube#load modal:close->player-youtube#pause"> <div class="c-video u-relative u-maxw-10 b--u-mx-auto"> <button role="button" data-controller="events" data-events-event="box" data-events-content1="LiveChat® is intuitive customer service software" data-events-content2="Watch a 4-minute LiveChat® demo" data-action="click->modal#show click->events#send" class="c-btn v--secondary v--thick u-block b--u-mx-auto md:u-w-auto b--u-mt-3 u-flex u-items-center" style="max-width: max-content;" > Watch a <span class="u-hidden sm:u-inline b--u-mx-0.5">4-minute</span> LiveChat® demo <svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" fill="none" class="b--u-ml-1"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1v16l13-8L1 1Z"/> </svg> </button> </div> <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="close" loading="lazy" 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/uCdPETQ6feU?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe> </dialog> </div> </section> <section 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-10"> <p class="b--u-text-xl b--u-text-medium">Preview LiveChat®<br>on your home page with one click</p> <form action="/website-preview/" method="GET" class="u-w-full" data-controller="events" data-events-event="form" data-events-action="preview" data-events-content1="Preview LiveChat®" data-events-content2="Preview" data-action="submit->events#send" > <div class="u-flex u-flex-col sm:u-flex-row u-maxw-6"> <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> </section> <section class="u-maxw-14 b--u-mx-auto b--u-px-4 b--u-py-6 b--md:u-py-8 b--md:u-pb-8 b--u-mb-6 b--md:u-mb-16 b--u-rounded-32 u-border-black-40 u-border-solid u-border b--u-bg-white" style="box-shadow: 0px 149px 42px 0px rgba(0, 0, 0, 0.00), 0px 95px 38px 0px rgba(0, 0, 0, 0.01), 0px 53px 32px 0px rgba(0, 0, 0, 0.02), 0px 24px 24px 0px rgba(0, 0, 0, 0.04), 0px 6px 13px 0px rgba(0, 0, 0, 0.05);"> <div class="u-maxw-12 b--u-mx-auto"> <div class="u-text-center md:u-text-left"> <p class="b--u-text-xs b--u-text-black-500 u-border-black-40 u-border-solid u-border b--u-rounded-32 b--u-px-2 b--u-py-1 b--u-mb-3 u-inline-block">INCREASE ONLINE SALES</p> </div> <div class="u-flex u-flex-col md:u-flex-row b--u-mb-2 u-text-center md:u-text-left" style="gap: 0 1rem;"> <h2 class="b--u-text-3xl b--u-mb-2" style="font-weight: 500; font-size: clamp(2.625rem, 2rem + (1.5 * (100vw - 36rem) / 49), 3.5rem); text-wrap: balance;">Engage with live chat, sell with ease</h2> <p class="u-maxw-5 b--u-mx-auto md:u-mx-0">Your visitors are already interested — now put live chat to work. Start conversations with pre-set messages, recommend products, and guide them to the ideal purchase.</p> </div> <div class="b--u-mb-6 u-hidden md:u-block" style="max-width: 1120px; aspect-ratio: 8/3;"> <div id="increase-sales-video" data-src="/images/homepage/increase-sales--desktop.dc756730147094c828de29904c69ea79d97374825701aa7200e0fffde0356c00.webm"></div> <script> const increaseSalesVideoObserver = new IntersectionObserver(entries => { entries.forEach(({isIntersecting, target}) => { if (isIntersecting) { const videoSrc = target.getAttribute('data-src'); if (videoSrc) { const video = document.createElement('video'); Object.assign(video, { src: videoSrc, controls: false, autoplay: true, loop: true, muted: true }); target.appendChild(video); video.classList.add('b--u-rounded-24', 'fade-in-up'); } increaseSalesVideoObserver.unobserve(target); } }); }, { rootMargin: '200px', threshold: 0 }); increaseSalesVideoObserver.observe(document.getElementById('increase-sales-video')); </script> </div> <img class="b--u-rounded-24 b--u-mb-5 md:u-hidden" src="/images/homepage/increase-sales--mobile_hube846d2844f7002e677903d711eaec8d_895122_1008x0_resize_q75_h2_catmullrom_3.005bcc6b7e0febffa2ff2e77314445ea14979b8777a20ae079039678991ec423.webp" alt="AI-powered customer service in live chat assisting a customer" width="504" height="460" loading="lazy" type="image/webp"> <div class="u-text-center"> <a href="/solutions/sales-and-marketing/" target="_blank" class="u-inline-flex u-items-center u-justify-center c-btn v--dark v--outline v--thick b--u-pl-3 b--u-mb-6 b--md:u-mb-16 u-w-full md:u-w-auto" data-controller="events" data-events-event="button" data-events-content1="Engage with live chat, sell with ease" data-events-content2="Sales boosting tools" data-action="click->events#send" > Sales boosting tools <svg class="c-icon u-mt-0 b--u-ml-0.5" 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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="b--u-mb-8 b--md:u-mb-16 u-flex u-flex-col lg:u-flex-row gap-2 u-items-center"> <div class="u-relative u-maxw-6 lg:u-maxw-5 b u-w-full"> <div class="lg:u-hidden b--u-pb-8 sm:u-pb-0 b--u-pr-4"> <img class=" b--u-rounded-24 u-ml-0" src="/images/homepage/01-testimmonial-milena-wojewoda--mobile_huc49476f7d46c0f7d6f5f47ec0d88d403_686456_832x0_resize_q75_h2_catmullrom_3.bd76dfaa485c2395868bb8157e5da99612d8d3f104ede822bdae1c7c2da86e8d.webp" alt="Quote from Sephora about using live chat software for customer service" width="416" height="256" loading="lazy" style="max-width: 416px;" type="image/webp"> </div> <div class="u-hidden lg:u-block"> <img class=" b--u-rounded-24 u-ml-0" src="/images/homepage/01-testimmonial-milena-wojewoda--desktop_hua44fb94d2a9dde697bfac3d4cbd32273_639619_704x0_resize_q75_h2_catmullrom_3.3a0cd78d23bf6444242b4d755a5d52507cd11767970c72c745c6792e24b1690b.webp" alt="Quote from Sephora about using live chat software for customer service" width="352" height="308" loading="lazy" style="max-width: 352px;" type="image/webp"> </div> <div class="u-absolute u-flex u-maxw-3 b--u-px-3 b--u-py-2 b--u-rounded-16 u-border b--u-border-solid b--u-border-green-100" style="bottom: 0; right: 0; background: rgba(209, 244, 213, 0.80); backdrop-filter: blur(10px); height: 130px; -webkit-backdrop-filter: blur(10px);"> <p class="b--u-text-sm u-m-0" style="align-self: center;"><strong>25%</strong> increase in <strong>average order value</strong> after implementing LiveChat®</p> </div> </div> <blockquote class="v--reset u-flex u-flex-col lg:u-flex-row u-justify-between u-items-center gap-2"> <div class="u-maxw-7"> <svg xmlns="http://www.w3.org/2000/svg" class="b--u-mb-1 b--md:u-mb-4" width="154" height="40" fill="none"> <path fill="#1B1B20" d="M76 18.2h-9v-6.8h-2.7v17.3h2.8v-8.2h9v8.2h2.6V11.4h-2.6m-26.6 0-4.8-.1v17.4h2.8V22h3.2c1.6-.1 5.8-1 5.8-5.7 0-5.4-6-5-7-5Zm-.1 8.4h-1.9v-6.3h1.6c.7 0 5-.3 5 3 .2 3.1-3.1 3.3-4.7 3.3ZM24 11.3v17.4h11v-2.3H27v-5.9h5.9v-2.1h-6v-4.8h8.4v-2.3H24Zm-16 4.2c0-2.8 3.7-3 6-1l.8-2.4C8.4 9 5.4 13 5.4 15.7c0 6.3 9 5 7.7 9.4-.5 1.6-3.4 2.5-6.7.5l-1 2.3c4.4 2.3 10.1 1.2 10.3-3.5.3-6-7.7-5.5-7.7-8.9Zm116 .7c-.3-5.2-5.4-4.8-6.5-4.8l-4.6-.1v17.4h2.7v-7.3l2.7-.1 5 7.4h3.3l-5.5-7.9c1.5-.5 3.2-1.7 3-4.6Zm-6.7 3.1h-1.7v-5.9h1.5c.7 0 4.3-.2 4.6 2.7.4 3.3-3.6 3.2-4.4 3.2Zm25-8h-3.2l-5.8 17.4h2.7l1.2-4h7.1l1.4 4h2.9l-6.4-17.4Zm-4.5 11.4 2.8-8.6 3 8.6h-5.8Zm-42-11.9a9 9 0 0 0-9.3 9.2 9 9 0 0 0 9.2 9.2 9 9 0 0 0 9.3-9.2 9 9 0 0 0-9.3-9.2Zm0 15.9c-4.2 0-6.5-3-6.5-6.7s2.3-6.7 6.4-6.7c4.1 0 6.5 3 6.5 6.7s-2.4 6.7-6.5 6.7Z"/> </svg> <p class="b--u-text-lg" style="line-height: 1.3;"><b>“Most of our chats are sales-related, and we've seen a significant uptick in sales since implementing LiveChat®. By offering quick online consultations, customers on the fence can get the advice they need to confidently choose and buy.”</b></p> <div class="u-flex md:u-items-end u-justify-between gap-1"> <cite class="b--u-text-sm" style="bottom: 1.5rem; left: 1.5rem; font-style: normal;"><b>Milena Wojewoda</b>, Digital Project Specialist at Sephora</cite> <a href="/customers/customer-stories/sephora/" aria-label="Read the Sephora case study" target="_blank" class="c-btn v--dark v--outline v--thick b--u-p-1 u-round u-flex u-items-center u-justify-center" style="width: 3rem; height: 3rem; flex-shrink: 0;" data-controller="events" data-events-event="box" data-events-content1="Sephora" data-events-content2="Read case study" data-action="click->events#send" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_2093)"> <path d="M10 6L16 12L10 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_2093"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> </div> </div> </blockquote> </div> <div data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass"> <div class="u-flex md:u-hidden u-flex-col u-items-center u-justify-center b--u-mt-3 u-text-center" style="gap: 1rem 2rem;"> <h3 class="b--u-text-lg u-my-0" style="font-weight: 500;">Sell more products with live chat online</h3> <a href="https://accounts.livechat.com/signup?source_id=engage_section_ending_cta&source_url=https%253A%252F%252Fwww.livechat.com%2525%2521s%2528%253Cnil%253E%2529&source_type=website" class="c-btn v--signup c-btn v--signup u-w-full" data-controller="events" data-events-event="button register_redirect" data-events-content2="Sign up free" data-events-source-id="engage_section_ending_cta" data-action="click->events#send">Sign up free</a> </div> <div class="u-hidden md:u-flex u-flex-row u-items-center u-justify-center b--u-bg-white b--u-rounded-16 u-border u-border-black-40 u-border-solid b--u-mt-3 b--u-p-1.5 u-text-center hover:u-shadow-lg t-transition-shadow c-link-overlay" style="gap: 1rem 2rem;"> <h3 class="b--u-text-lg u-my-0" style="font-weight: 500;">Sell more products with live chat online</h3> <a href="https://accounts.livechat.com/signup?source_id=engage_section_ending_cta&source_url=https%253A%252F%252Fwww.livechat.com%2525%2521s%2528%253Cnil%253E%2529&source_type=website" class="c-btn v--signup c-btn v--signup v--sm c-link-overlay__a" data-controller="events" data-events-event="button register_redirect" data-events-content2="Sign up free" data-events-source-id="engage_section_ending_cta" data-action="click->events#send">Sign up free</a> </div> </div> </div> </section> <section class="u-maxw-14 b--u-mx-auto b--u-px-4 b--u-py-6 b--md:u-py-8 b--md:u-pb-8 b--u-mb-6 b--md:u-mb-16 b--u-rounded-32 u-border-black-40 u-border-solid u-border b--u-bg-white" style="box-shadow: 0px 149px 42px 0px rgba(0, 0, 0, 0.00), 0px 95px 38px 0px rgba(0, 0, 0, 0.01), 0px 53px 32px 0px rgba(0, 0, 0, 0.02), 0px 24px 24px 0px rgba(0, 0, 0, 0.04), 0px 6px 13px 0px rgba(0, 0, 0, 0.05);"> <div class="u-maxw-12 b--u-mx-auto"> <div class="u-text-center md:u-text-left"> <p class="b--u-text-xs b--u-text-black-500 u-border-black-40 u-border-solid u-border b--u-rounded-32 b--u-px-2 b--u-py-1 b--u-mb-3 u-inline-block">IMPROVE CUSTOMER SATISFACTION</p> </div> <div class="u-flex u-flex-col md:u-flex-row b--u-mb-2 u-text-center md:u-text-left" style="gap: 0 1rem;"> <h2 class="b--u-text-3xl b--u-mb-2" style="font-weight: 500; font-size: clamp(2.625rem, 2rem + (1.5 * (100vw - 36rem) / 49), 3.5rem); text-wrap: balance;">Make premium support your new standard</h2> <p class="u-maxw-5 b--u-mx-auto md:u-mx-0">Streamline your communication by handling all customer messages in the live chat app. With instant access to customer info, you'll deliver the top-notch service your customers deserve.</p> </div> <div class="b--u-mb-6 u-hidden md:u-block" style="max-width: 1120px; aspect-ratio: 8/3;"> <div id="premium-user-experience-video" data-src="/images/homepage/premium-user-experience--desktop.16f89054eecec3552bc9ff5d5e2d9ab0f0cfe1c6ffc4a1c7ae6b9fb9c9395f58.webm"></div> <script> const premiumUserExperienceVideoObserver = new IntersectionObserver(entries => { entries.forEach(({isIntersecting, target}) => { if (isIntersecting) { const videoSrc = target.getAttribute('data-src'); if (videoSrc) { const video = document.createElement('video'); video.classList.add('b--u-rounded-24', 'fade-in-up'); Object.assign(video, { src: videoSrc, controls: false, autoplay: true, loop: true, muted: true }); target.innerHTML = ''; target.appendChild(video); } premiumUserExperienceVideoObserver.unobserve(target); } }); }, { rootMargin: '200px', threshold: 0 }); premiumUserExperienceVideoObserver.observe(document.getElementById('premium-user-experience-video')); </script> </div> <img class="b--u-rounded-24 b--u-mb-5 md:u-hidden" src="/images/homepage/premium-user-experience--mobile_hu52deeb68349e1d2a9336daee9a582b37_931135_1008x0_resize_q75_h2_catmullrom_3.7df0409d53fce4a72858aac986a8c73dbeb3c24d4c89aa02f062ca8afc1fc515.webp" alt="Example use of AI in customer service to enhance messages in live chat" width="504" height="460" loading="lazy" type="image/webp"> <div class="u-text-center"> <a href="/solutions/customer-support/" target="_blank" class="u-inline-flex u-items-center u-justify-center c-btn v--dark v--outline v--thick b--u-pl-3 b--u-mb-6 b--md:u-mb-16 u-w-full md:u-w-auto" data-controller="events" data-events-event="button" data-events-content1="Make premium support your new standard" data-events-content2="Efficient support features" data-action="click->events#send" > Efficient support features <svg class="c-icon u-mt-0 b--u-ml-0.5" 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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="b--u-mb-8 b--md:u-mb-16 u-flex u-flex-col lg:u-flex-row gap-2 u-items-center"> <div class="u-relative u-maxw-6 lg:u-maxw-5 b u-w-full"> <div class="lg:u-hidden b--u-pb-12 sm:u-pb-0 b--u-pr-4"> <img class="b--u-rounded-24 u-ml-0" src="/images/homepage/02-testimmonial-kamran-zand--mobile_hu514096d7324192eb13dfcff45d84395b_585941_832x0_resize_q75_h2_catmullrom_3.ba21271886e7d821532f1be29e61835b4601d339dda26ebff9a63bb8b2dd4946.webp" alt="Kamran Zand, Owner at Luxury Estates International, on LiveChat®" width="416" height="256" loading="lazy" style="max-width: 416px;" type="image/webp"> </div> <div class="u-hidden lg:u-block"> <img class="b--u-rounded-24 u-ml-0" src="/images/homepage/02-testimmonial-kamran-zand--desktop_hud0e26d4cad82fdb574dae108d677be87_594757_704x0_resize_q75_h2_catmullrom_3.50d1994272137347a0e09ec2eae4b657dcd5cf3545ad70db81c30e62c40a322f.webp" alt="Kamran Zand, Owner at Luxury Estates International, on LiveChat®" width="352" height="308" loading="lazy" style="max-height: 308px; max-width: 352px;" type="image/webp"> </div> <div class="u-absolute u-flex b--u-px-3 b--u-py-2 b--u-rounded-16 u-border b--u-border-solid b--u-border-green-100" style="bottom: 0; right: 0; background: rgba(209, 244, 213, 0.80); backdrop-filter: blur(10px); height: 130px; -webkit-backdrop-filter: blur(10px); max-width: 230px;"> <p class="b--u-text-sm u-m-0" style="align-self: center;">30% increase in <strong>customer conversion</strong> after implementing LiveChat®</p> </div> </div> <blockquote class="v--reset u-flex u-flex-col lg:u-flex-row u-justify-between u-items-center gap-2"> <div class="u-maxw-7"> <img class="u-ml-0 b--u-mb-3" src="/images/homepage/luxury-state-international-logo_hu6af1ad29a14d15a00aa437cc0a7027e5_16411_368x0_resize_q75_h2_catmullrom_3.6958794ba27bc92d69990416b56d75041ffaa17d1df5a7f9c3018c638e6a8e41.webp" alt="Luxury State International logo" width="184" height="40" loading="lazy" style="max-height: 40px; max-width: 184px;" type="image/webp"> <p class="b--u-text-lg" style="line-height: 1.3;"><b>"With a mission to deliver first-class customer service, it was only natural for us to have the best live chat software. It allows our customers to book property showings instantly, which is perfect for their tight schedules."</b></p> <div class="u-flex md:u-items-end u-justify-between gap-1"> <cite class="b--u-text-sm" style="bottom: 1.5rem; left: 1.5rem; font-style: normal;"><b>Kamran Zand</b>, Owner at Luxury Estates International</cite> <a href="/customers/customer-stories/luxury-estates-international/" target="_blank" aria-label="Read the Luxury Estates International case study" class="c-btn v--dark v--outline v--thick b--u-p-1 u-round u-flex u-items-center u-justify-center" style="width: 3rem; height: 3rem; flex-shrink: 0;" data-controller="events" data-events-event="box" data-events-content1="Luxury Estates International" data-events-content2="Read case study" data-action="click->events#send" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_2093)"> <path d="M10 6L16 12L10 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_2093"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> </div> </div> </blockquote> </div> <div data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass"> <div class="u-flex md:u-hidden u-flex-col u-items-center u-justify-center b--u-mt-3 u-text-center" style="gap: 1rem 2rem;"> <h3 class="b--u-text-lg u-my-0" style="font-weight: 500;">Create a flawless experience with an online chat</h3> <a href="https://accounts.livechat.com/signup?source_id=support_section_ending_cta&source_url=https%253A%252F%252Fwww.livechat.com%2525%2521s%2528%253Cnil%253E%2529&source_type=website" class="c-btn v--signup c-btn v--signup u-w-full" data-controller="events" data-events-event="button register_redirect" data-events-content2="Sign up free" data-events-source-id="support_section_ending_cta" data-action="click->events#send">Sign up free</a> </div> <div class="u-hidden md:u-flex u-flex-row u-items-center u-justify-center b--u-bg-white b--u-rounded-16 u-border u-border-black-40 u-border-solid b--u-mt-3 b--u-p-1.5 u-text-center hover:u-shadow-lg t-transition-shadow c-link-overlay" style="gap: 1rem 2rem;"> <h3 class="b--u-text-lg u-my-0" style="font-weight: 500;">Create a flawless experience with an online chat</h3> <a href="https://accounts.livechat.com/signup?source_id=support_section_ending_cta&source_url=https%253A%252F%252Fwww.livechat.com%2525%2521s%2528%253Cnil%253E%2529&source_type=website" class="c-btn v--signup c-btn v--signup v--sm c-link-overlay__a" data-controller="events" data-events-event="button register_redirect" data-events-content2="Sign up free" data-events-source-id="support_section_ending_cta" data-action="click->events#send">Sign up free</a> </div> </div> </div> </section> <section class="b--u-pt-6 b--md:u-pt-12 b--u-pb-8 b--md:u-pb-10 b--u-rounded-32 b--u-mb-6 b--md:u-mb-16 u-border-black-40 u-border-solid u-border b--u-bg-black-900 b--u-text-white" style="box-shadow: 0px 149px 42px 0px rgba(0, 0, 0, 0.00), 0px 95px 38px 0px rgba(0, 0, 0, 0.01), 0px 53px 32px 0px rgba(0, 0, 0, 0.02), 0px 24px 24px 0px rgba(0, 0, 0, 0.04), 0px 6px 13px 0px rgba(0, 0, 0, 0.05);"> <div class="u-maxw-12 b--u-mx-auto b--u-px-4 xl:u-px-0" style="overflow-x: clip;"> <div class="u-text-center md:u-text-left"> <p class="b--u-text-xs b--u-text-purple-200 b--u-border-black-700 b--u-bg-black-800 u-border-solid u-border b--u-rounded-32 b--u-px-2 b--u-py-1 b--u-mb-3 u-inline-block">AUTOMATE CUSTOMER SERVICE</p> </div> <div class="u-flex u-flex-col md:u-flex-row b--u-mb-2 u-text-center md:u-text-left" style="gap: 0 1rem;"> <h2 class="b--u-text-2xl" style="font-weight: 500; text-wrap: balance;">Automate support and sales with AI customer service chatbots</h2> <p class="u-maxw-6 b--u-text-black-200 b--u-mx-auto md:u-mx-0">When your live chat agents deal with repetitive tasks or common questions, use chatbots to handle inquiries automatically. Let chatbots manage the routine and your team focus on delivering exceptional experience.</p> </div> <div class="b--u-mb-6 u-hidden md:u-block" style="max-width: 1120px; aspect-ratio: 8/3;"> <div id="automation-video" data-src="/images/homepage/automation--desktop.99e066876d9f3a2e12b0bc945ad69c717f472dad19c92914d8aa6c33a1f377d8.webm"></div> <script> const automationVideoObserver = new IntersectionObserver(entries => { entries.forEach(({isIntersecting, target}) => { if (isIntersecting) { const videoSrc = target.getAttribute('data-src'); if (videoSrc) { const video = document.createElement('video'); Object.assign(video, { src: videoSrc, controls: false, autoplay: true, loop: true, muted: true }); target.appendChild(video); video.classList.add('b--u-rounded-24', 'fade-in-up'); } automationVideoObserver.unobserve(target); } }); }, { rootMargin: '200px', threshold: 0 }); automationVideoObserver.observe(document.getElementById('automation-video')); </script> </div> <img class="b--u-rounded-24 b--u-mb-6 md:u-hidden" src="/images/homepage/automation--mobile_hudadfe357c9941d921e0c4e2ab9b1adbe_806954_1008x0_resize_q75_h2_catmullrom_3.4a3e2ac4e1263a3a1f4bd5862363b4c705c64eda27a6d0bc4646a9fcec6cb3e1.webp" alt="Customer support AI chatbot service assisting with booking meetings and providing support." width="504" height="460" loading="lazy" style="max-width: 504px; max-height: 460px;" type="image/webp"> <div class="u-text-center"> <a href="/chatbot/" target="_blank" class="u-inline-flex u-items-center u-justify-center c-btn v--white v--outline v--thick b--u-pl-3 b--u-mb-8 b--md:u-mb-16 u-w-full md:u-w-auto" data-controller="events" data-events-event="button" data-events-content1="Automate support and sales with AI customer service chatbots" data-events-content2="Automate LiveChat® with ChatBot" data-action="click->events#send" > Automate LiveChat® with ChatBot <svg class="c-icon u-mt-0 b--u-ml-0.5" 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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="u-flex u-flex-col lg:u-flex-row u-justify-between b--u-mb-2 u-text-center lg:u-text-left" style="gap: 0 1rem;"> <h2 class="b--u-text-2xl u-maxw-6 b--u-mx-auto lg:u-mx-0" style="font-weight: 500;">Boost your team’s performance with Copilot inside the app</h2> <p class="u-maxw-6 b--u-text-black-200 u-mx-auto lg:u-mx-0">Copilot helps your agents navigate LiveChat® and provides real-time insights about your business so they can respond faster and with confidence. With seamless AI customer service backing them up, your agents work more efficiently and deliver a better experience.</p> </div> <div class="b--u-mb-6 u-hidden xl:u-block" style="max-width: 1120px; aspect-ratio: 1120/370;"> <div id="copilot-video" data-src="/images/homepage/copilot--desktop.db2bb8c12c3b163a91188e0742d5634102ba4892299aa9cc3344328b298b8bb4.webm"></div> <script> const copilotVideoObserver = new IntersectionObserver(entries => { entries.forEach(({isIntersecting, target}) => { if (isIntersecting) { const videoSrc = target.getAttribute('data-src'); if (videoSrc) { const video = document.createElement('video'); Object.assign(video, { src: videoSrc, controls: false, autoplay: true, loop: true, muted: true }); target.appendChild(video); video.classList.add('b--u-rounded-24', 'fade-in-up'); } copilotVideoObserver.unobserve(target); } }); }, { rootMargin: '200px', threshold: 0 }); copilotVideoObserver.observe(document.getElementById('copilot-video')); </script> </div> <img class="b--u-rounded-24 b--u-mb-8 xl:u-hidden" src="/images/homepage/copilot--mobile_huc7414647517fe3aa7d4d2f173eabfe4e_539181_1008x0_resize_q75_h2_catmullrom_3.67fd57d4fcb1e11aa44826dad912a535fcab92e1ab055f53e906914698268a46.webp" alt="LiveChat®'s Copilot enhancing customer service with artificial intelligence" width="504" height="460" loading="lazy" style="max-width: 504px; max-height: 460px;" type="image/webp"> <div class="u-w-full xl:u-hidden"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="auto" data-loop="false" data-space-between="20" data-pagination="true"> <div class="swiper-container v--dark" data-swiper-target="container"> <div class="swiper-prev u-hidden" data-swiper-target="prev"></div> <div class="swiper-next u-hidden" data-swiper-target="next"></div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide" style="width: 416px; margin-right: 20px;"> <div class="animated-box b--u-rounded-24 b--u-bg-black-800 b--u-p-3 b--sm:u-p-4 u-maxw-4 u-w-full u-flex u-flex-col u-justify-between u-text-white"> <div> <img src="/images/homepage/text-enhancement--mobile_hu12dfbaf4abb9ceb545b44881f63873e3_69160_708x0_resize_q75_h2_catmullrom_3.8ab8fa6e03b922b97c8861bbdb8cd0f22668716088e852d956b874e6d89163ca.webp" alt="AI text enhancement inside LiveChat®" width="352" height="255" loading="lazy" type="image/webp"> </div> <p class="b--u-text-lg b--u-text-medium u-m-0">Text enhancement</p> </div> </div> <div class="swiper-slide" style="width: 416px; margin-right: 20px;"> <div class="animated-box b--u-rounded-24 b--u-bg-black-800 b--u-p-3 b--sm:u-p-4 u-maxw-4 u-w-full u-flex u-flex-col u-justify-between u-text-white"> <div> <img src="/images/homepage/tag-suggestions--mobile_hu017e1ed344a56862b376d32eded36601_74013_708x0_resize_q75_h2_catmullrom_3.0d3bbf4090d75d2ecf014b479f02fb2189d47aecef616aed26a1443ec303ef25.webp" alt="Tag suggestions inside LiveChat®" width="352" height="243" loading="lazy" type="image/webp"> </div> <p class="b--u-text-lg b--u-text-medium u-m-0">Tag suggestions</p> </div> </div> <div class="swiper-slide" style="width: 416px; margin-right: 20px;"> <div class="animated-box b--u-rounded-24 b--u-bg-black-800 b--u-p-3 b--sm:u-p-4 u-maxw-4 u-w-full u-flex u-flex-col u-justify-between u-text-white"> <div> <img src="/images/homepage/chat-summary--mobile_huf3f8440a4b8f06a0293aee0cb113f70a_62585_708x0_resize_q75_h2_catmullrom_3.1c2f431d821bc4e9aebf01c7c79a4ed7cb4259a3498e73ef1bbb0b82c32acd7d.webp" alt="AI summary of live chat conversation" width="352" height="234" loading="lazy" type="image/webp"> </div> <p class="b--u-text-lg b--u-text-medium u-m-0">Chat summary</p> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> </div> <div class="u-hidden xl:u-flex u-flex-col lg:u-flex-row gap-2 u-justify-center b--u-mb-5"> <style> .swiper-slide:has(.animated-box) { max-width: calc(100vw - 72px); } .animated-box__title svg { opacity: 0; transform: translateX(-10px); transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; } .animated-box:hover .animated-box__title svg { opacity: 1; transform: translateX(0); } .animated-box .fade-in { transition: opacity 0.3s ease-in-out; opacity: 1; } .animated-box:hover .fade-in { opacity: 0; } .animated-box .fade-out { transition: opacity 0.3s ease-in-out; opacity: 0; } .animated-box:hover .fade-out { opacity: 1; } .animated-box .opacity-in { transition: opacity 0.3s ease-in-out; opacity: 1; } .animated-box:hover .opacity-in { opacity: 0; } .animated-box .opacity-out { transition: opacity 0.3s ease-in-out; opacity: 0; } .animated-box:hover .opacity-out { opacity: 1; } .animated-box .opacity-out-03 { transition: opacity 0.3s ease-in-out; opacity: 0.3; } .animated-box:hover .opacity-out-03 { opacity: 1; } .animated-box .scale-up { transition: scale 0.6s cubic-bezier(.37,.28,.33,1.29); scale: 0; } .animated-box:hover .scale-up { scale: 1; } .animated-box .tooltip-1 { transform-origin: 100px 190px; opacity: 0; } .animated-box:hover .tooltip-1 { opacity: 1; scale: 1; } .animated-box .tooltip-2 { transform-origin: 250px 190px; opacity: 0; scale: 0.9; transition: opacity 0.3s ease-in-out, scale 0.3s ease-in-out; } .animated-box:hover .tooltip-2 { opacity: 1; scale: 1; } .animated-box .fade-out-down { opacity: 1; transform: translateY(0); transition: opacity 0.4s ease-in-out, transform 0.3s ease-in-out; } .animated-box:hover .fade-out-down { opacity: 0; transform: translateY(10px); } .animated-box .fade-out-up { opacity: 1; transform: translateY(0); transition: opacity 0.4s ease-in-out, transform 0.3s ease-in-out; } .animated-box:hover .fade-out-up { opacity: 0; transform: translateY(-10px); } </style> <div class="animated-box b--u-rounded-24 b--u-bg-black-800 b--u-text-black-200 b--u-px-4 b--u-py-4 u-maxw-4 u-w-full u-block v--no-underline hover:u-text-white"> <div> <div id="text-enhancement-tile"></div> </div> <p class="b--u-text-lg b--u-text-medium b--u-mt-4 u-m-0">Text enhancement</p> <script defer> const loadSvg1 = function() { const div1 = document.querySelector('#text-enhancement-tile'); fetch('\/images\/homepage\/text-enhancement.svg') .then(response => response.text()) .then(svgContent => { div1.innerHTML = svgContent; window.removeEventListener('DOMContentLoaded', loadSvg1); div1.parentElement.parentElement.classList.add('fade-in-up'); }) .catch(error => console.error('Error loading SVG:', error)); }; const observer1 = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { loadSvg1(); observer1.unobserve(entry.target); } }); }, { rootMargin: '200px', threshold: 0 }); const textEnhancementTile = document.querySelector('#text-enhancement-tile').parentElement.parentElement; if (textEnhancementTile) { observer1.observe(textEnhancementTile); } </script> </div> <div class="animated-box b--u-rounded-24 b--u-bg-black-800 b--u-text-black-200 b--u-px-4 b--u-py-4 u-maxw-4 u-w-full u-block v--no-underline hover:u-text-white"> <div> <div id="tag-suggestions-tile"></div> </div> <p class="b--u-text-lg b--u-text-medium b--u-mt-4 u-m-0">Tag suggestions</p> <script defer> const loadSvg2 = function() { const div2 = document.querySelector('#tag-suggestions-tile'); fetch('\/images\/homepage\/tag-suggestions.svg') .then(response => response.text()) .then(svgContent => { div2.innerHTML = svgContent; window.removeEventListener('DOMContentLoaded', loadSvg2); div2.parentElement.parentElement.classList.add('fade-in-up'); }) .catch(error => console.error('Error loading SVG:', error)); }; const observer2 = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { loadSvg2(); observer2.unobserve(entry.target); } }); }, { rootMargin: '200px', threshold: 0 }); const tagSuggestionsTile = document.querySelector('#tag-suggestions-tile').parentElement.parentElement; if (tagSuggestionsTile) { observer2.observe(tagSuggestionsTile); } </script> </div> <div class="animated-box b--u-rounded-24 b--u-bg-black-800 b--u-text-black-200 b--u-px-4 b--u-py-4 u-maxw-4 u-w-full u-block v--no-underline hover:u-text-white"> <div> <div id="chat-summary-tile"></div> </div> <p class="b--u-text-lg b--u-text-medium b--u-mt-4 u-m-0">Chat summary</p> <script defer> const loadSvg3 = function() { const div3 = document.querySelector('#chat-summary-tile'); fetch('\/images\/homepage\/chat-summary.svg') .then(response => response.text()) .then(svgContent => { div3.innerHTML = svgContent; window.removeEventListener('DOMContentLoaded', loadSvg3); div3.parentElement.parentElement.classList.add('fade-in-up'); }) .catch(error => console.error('Error loading SVG:', error)); }; const observer3 = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { loadSvg3(); observer3.unobserve(entry.target); } }); }, { rootMargin: '200px', threshold: 0 }); const chatSummaryTile = document.querySelector('#chat-summary-tile').parentElement.parentElement; if (chatSummaryTile) { observer3.observe(chatSummaryTile); } </script> </div> </div> <div class="u-text-center b--u-px-4 b--u-mt-4"> <a href="/features/ai/" target="_blank" class="u-inline-flex u-items-center u-justify-center c-btn v--white v--outline v--thick b--u-pl-3 u-w-full md:u-w-auto" data-controller="events" data-events-event="button" data-events-content1="Boost your team’s performance with Copilot inside the app" data-events-content2="AI customer service with LiveChat®" data-action="click->events#send"> AI customer service with LiveChat® <svg class="c-icon u-mt-0 b--u-ml-0.5" 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="M9 5l7 7-7 7"></path> </svg> </a> </div> </section> <style> .integration-logo img { transition: scale 0.4s ease-in-out; } .integration-logo:hover img { scale: 1.1; } </style> <section class="u-maxw-14 b--u-mx-auto b--u-px-2 md:b--u-px-12 b--u-pt-6 b--md:u-pt-10 b--u-pb-8 b--md:u-pb-8 b--u-mb-10 b--md:u-mb-12 b--u-rounded-32 u-border-black-40 u-border-solid u-border b--u-bg-white" style=" box-shadow: 0px 149px 42px 0px rgba(0, 0, 0, 0), 0px 95px 38px 0px rgba(0, 0, 0, 0.01), 0px 53px 32px 0px rgba(0, 0, 0, 0.02), 0px 24px 24px 0px rgba(0, 0, 0, 0.04), 0px 6px 13px 0px rgba(0, 0, 0, 0.05); " > <div class="b--u-bg-white u-flex u-flex-col u-items-center u-text-center"> <div class="u-flex u-flex-wrap u-items-center u-justify-center gap-1 b--u-mb-5"> <a href="/marketplace/apps/zapier/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Zapier icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/zapier.svg" alt="Zapier logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/calendly/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Calendly icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/calendly.svg" alt="Calendly logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/twilio/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Twilio icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/twilio.svg" alt="Twilio logo" width="35" height="35" style="width: 35px; height: 35px;" loading="lazy" /> </a> <a href="/marketplace/apps/slack-for-livechat/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Slack icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/slack.svg" alt="Slack logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/whatsapp-business/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="WhatsApp icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/whatsapp.svg" alt="WhatsApp logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/magento/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Magento icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/magneto.svg" alt="Magneto logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <img src="/images/homepage/integrations/livechat.svg" alt="LiveChat® logo" width="100" height="100" class="b--u-mt-2 b--u-mx-3 u-hidden xl:u-block" style="width: 100px; height: 100px;" loading="lazy" /> <a href="/marketplace/apps/stripe/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Stripe icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/stripe.svg" alt="Stripe logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/instagram-for-business/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Instagram icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/instagram.svg" alt="Instagram logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/wordpress/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="WordPress icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/wordpress.svg" alt="WordPress logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/facebook-messenger/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Messenger icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/messenger.svg" alt="Messenger logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/zendesk/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="ZenDesk icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/zendesk.svg" alt="ZenDesk logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> <a href="/marketplace/apps/pipedrive/" target="_blank" data-controller="events" data-events-event="box" data-events-content1="Connect with tools that support your business growth" data-events-content2="Pipedrive icon" data-action="click->events#send" class="integration-logo u-flex u-items-center u-justify-center u-shadow b--u-rounded-12 hover:u-shadow-lg t-transition-shadow" style="height: 64px; width: 64px" > <img src="/images/homepage/integrations/pipedrive.svg" alt="Pipedrive logo" width="40" height="40" style="width: 40px; height: 40px;" loading="lazy" /> </a> </div> <div class="u-mt-8 u-mb-12"> <h2 class="b--u-text-3xl u-maxw-8 b--u-mx-auto b--u-mb-2" style="font-weight: 500; font-size: clamp(2.625rem, 2rem + (1.5 * (100vw - 36rem) / 49), 3.5rem); text-wrap: balance;"> Connect with tools that support your business growth </h2> <p class="b--u-text-base u-maxw-8 b--u-mx-auto b--u-mb-8"> Mix and match from <b>200+ integrations</b> like WordPress, Squarespace, and Mailchimp to create a tailored solution. The tools manage the details, simplify your tasks, and operate seamlessly in the background. </p> <a href="/marketplace/" target="_blank" class="u-hidden lg:u-inline-flex u-items-center c-btn v--dark v--outline v--thick b--u-pl-3 b--u-mb-12" data-controller="events" data-events-event="button" data-events-content1="Connect with tools that support your business growth" data-events-content2="See LiveChat® integrations" data-action="click->events#send" > See LiveChat® integrations <svg class="c-icon u-mt-0 b--u-ml-0.5" 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="M9 5l7 7-7 7" ></path> </svg> </a> </div> </div> <div> <div class="u-relative u-mb-12 b--u-rounded-16 u-maxw-12 b--u-mx-auto b--md:u-px-2"> <img class="u-hidden md:u-block b--u-rounded-12 u-absolute" src="/images/homepage/integrations-background--desktop_hubb34a3028af1858a661e60d7e13030c9_2659260_2246x0_resize_q75_h2_catmullrom_3.b2e42f08839e0a3c4b43a89c881ffc4cf14ffe7c63699a836f910c6262f87854.webp" alt="LiveChat® improves your customer shopping experience" width="1120" height="510" loading="lazy" style="width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;" type="image/webp"> <img class="md:u-hidden b--u-rounded-12" src="/images/homepage/integrations-background--mobile_hu208e3da55a761b3007d5b6989db64cfd_638036_1008x0_resize_q75_h2_catmullrom_3.af776f89ecb5ce0442c955719ffff782e4ca641700bad5635ef992f99613888c.webp" alt="LiveChat® improves your customer shopping experience" width="504" height="320" loading="lazy" type="image/webp"> <div class="u-relative b--u-rounded-12 u-text-left b--lg:u-pt-8 u-maxw-10 b--u-mx-auto b--u-pt-4"> <h3 class="b--u-text-xl b--u-mb-2 md:u-maxw-4" style="font-weight: 500;"> LiveChat® completes your customer shopping experience </h3> <p class="b--u-mb-4 md:u-maxw-4"> See how our top ecommerce integrations can impact your sales and enhance customer experience. </p> </div> <div class="u-flex u-flex-col sm:u-grid b--u-mb-8 b--md:u-mb-6 b--md:u-pb-8 u-maxw-10 b--u-mx-auto" style="gap: 1.5rem; grid-template-columns: 1fr 1fr; "> <a href="/shopify-chat/" target="_blank" class="b--u-rounded-12 u-shadow t-transition-shadow hover:u-shadow-lg v--no-underline b--u-text-black b--u-px-4" style="background: rgba(252, 252, 252, 0.75); backdrop-filter: blur(3px); border: 1px solid var(--Black-40, #EEEEEF);" data-controller="events" data-events-event="box" data-events-content1="LiveChat® completes your customer shopping experience" data-events-content2="Connect your shop on Shopify" data-action="click->events#send" > <img src="/images/homepage/integrations/shopify.svg" alt="Shopify logo" width="116" height="32" class="b--u-my-4" style="width: 116px; height: 32px;" loading="lazy"/> <p class="b--u-text-base u-text-center" style="font-weight: 500;">Connect your shop on Shopify</p> </a> <a href="/bigcommerce-chat/" target="_blank" class="b--u-rounded-12 u-shadow t-transition-shadow hover:u-shadow-lg v--no-underline b--u-text-black b--u-px-4" style="background: rgba(252, 252, 252, 0.75); backdrop-filter: blur(3px); border: 1px solid var(--Black-40, #EEEEEF);" data-controller="events" data-events-event="box" data-events-content1="LiveChat® completes your customer shopping experience" data-events-content2="Connect your shop on BigCommerce" data-action="click->events#send" > <img src="/images/homepage/integrations/big-commerce.svg" alt="BigCommerce logo" width="113" height="32" class="b--u-my-4" style="width: 113px; height: 32px;" loading="lazy"/> <p class="b--u-text-base u-text-center" style="font-weight: 500;">Connect your shop on BigCommerce</p> </a> </div> </div> </div> <div class="u-maxw-12 b--u-mx-auto"> <div data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass"> <div class="u-flex md:u-hidden u-flex-col u-items-center u-justify-center b--u-mt-3 u-text-center" style="gap: 1rem 2rem;"> <h3 class="b--u-text-lg u-my-0" style="font-weight: 500;">Bring your favorite tools together for a seamless workflow</h3> <a href="https://accounts.livechat.com/signup?source_id=integrations_section_ending_cta&source_url=https%253A%252F%252Fwww.livechat.com%2525%2521s%2528%253Cnil%253E%2529&source_type=website" class="c-btn v--signup c-btn v--signup u-w-full" data-controller="events" data-events-event="button register_redirect" data-events-content2="Sign up free" data-events-source-id="integrations_section_ending_cta" data-action="click->events#send">Sign up free</a> </div> <div class="u-hidden md:u-flex u-flex-row u-items-center u-justify-center b--u-bg-white b--u-rounded-16 u-border u-border-black-40 u-border-solid b--u-mt-3 b--u-p-1.5 u-text-center hover:u-shadow-lg t-transition-shadow c-link-overlay" style="gap: 1rem 2rem;"> <h3 class="b--u-text-lg u-my-0" style="font-weight: 500;">Bring your favorite tools together for a seamless workflow</h3> <a href="https://accounts.livechat.com/signup?source_id=integrations_section_ending_cta&source_url=https%253A%252F%252Fwww.livechat.com%2525%2521s%2528%253Cnil%253E%2529&source_type=website" class="c-btn v--signup c-btn v--signup v--sm c-link-overlay__a" data-controller="events" data-events-event="button register_redirect" data-events-content2="Sign up free" data-events-source-id="integrations_section_ending_cta" data-action="click->events#send">Sign up free</a> </div> </div> </div> </section> <section class="u-maxw-14 b--u-mx-auto b--u-px-4 b--u-py-6 b--md:u-py-8 b--md:u-pb-8 b--u-mb-8 b--md:u-mb-16 b--u-rounded-32 u-border-black-40 u-border-solid u-border b--u-bg-white" style="overflow-x: clip; box-shadow: 0px 149px 42px 0px rgba(0, 0, 0, 0.00), 0px 95px 38px 0px rgba(0, 0, 0, 0.01), 0px 53px 32px 0px rgba(0, 0, 0, 0.02), 0px 24px 24px 0px rgba(0, 0, 0, 0.04), 0px 6px 13px 0px rgba(0, 0, 0, 0.05);"> <div class="u-maxw-12 b--u-mx-auto"> <div class="u-flex u-flex-col md:u-flex-row b--u-mb-2 u-text-center md:u-text-left" style="gap: 0 1rem;"> <h2 class="b--u-text-3xl" style="font-weight: 500; font-size: clamp(2.625rem, 2rem + (1.5 * (100vw - 36rem) / 49), 3.5rem); text-wrap: balance;">Monitor how live chat impacts your business</h2> <p class="u-maxw-5 b--u-mx-auto md:u-mx-0">Get clear insights with live chat reports that help you make smart customer service decisions — no data expert needed.</p> </div> <div class="xl:u-hidden"> <div class="u-mx-auto u-relative" data-controller="swiper" data-show="auto" data-loop="false" data-space-between="20" data-pagination="true"> <div class="swiper-container b--u-py-3" data-swiper-target="container"> <div class="swiper-prev u-hidden" data-swiper-target="prev"></div> <div class="swiper-next u-hidden" data-swiper-target="next"></div> <div class="swiper-wrapper" data-swiper-target="wrapper"> <div class="swiper-slide"> <div class="animated-box u-flex-col u-justify-between b--u-rounded-16 o-wrapper u-shadow-lg b--u-px-3 b--u-sm:px-4 b--u-py-2 b--sm:u-py-3 u-text-black b--u-border-black-50 u-border-solid u-border"> <img class="u-mx-auto b--u-rounded-16" src="/images/homepage/monitor/sales-tracker--mobile_huc043e5b670e76a6ab3105c47c6d2a11d_70957_704x0_resize_q75_h2_catmullrom_3.e25e70b3ce11720710f8e476d931256e30b4ff9a83d04346e1b594110910da31.webp" alt="This image shows a bar chart of the sales tracker for the month." width="352" height="255" loading="lazy" style="border: 1px solid var(--Black-40, #EEEEEF); max-height: 243px; max-width: 352px;" type="image/webp"> <p class="b--u-mt-2 b--u-text-lg b--u-text-medium u-m-0"> Sales tracker </p> </div> </div> <div class="swiper-slide"> <div class="animated-box u-flex-col u-justify-between b--u-rounded-16 o-wrapper u-shadow-lg b--u-px-3 b--u-sm:px-4 b--u-py-2 b--sm:u-py-3 u-text-black b--u-border-black-50 u-border-solid u-border"> <img class="u-mx-auto b--u-rounded-16" src="/images/homepage/monitor/agent-performance--mobile_hu27423662c8ca26d1ae3291207d115126_107839_704x0_resize_q75_h2_catmullrom_3.7cb56c1ab001cce8f5ad30b45bff344ac3c5b3ddfc1d1acaf24f2f65c878d8c7.webp" alt="This image shows a bar chart of the agent performance for the month." width="352" height="242" loading="lazy" style="border: 1px solid var(--Black-40, #EEEEEF); max-height: 243px; max-width: 352px;" type="image/webp"> <p class="b--u-mt-2 b--u-text-lg b--u-text-medium u-m-0"> Agent performance </p> </div> </div> <div class="swiper-slide"> <div class="animated-box u-flex-col u-justify-between b--u-rounded-16 o-wrapper u-shadow-lg b--u-px-3 b--u-sm:px-4 b--u-py-2 b--sm:u-py-3 b--u-border-black-50 u-border-solid u-border"> <img class="u-mx-auto b--u-rounded-16" src="/images/homepage/monitor/campaigns-conversion--mobile_hu5db86005cbd246510999ee16f53bd966_110891_704x0_resize_q75_h2_catmullrom_3.b2d2defa5e49775b6345ebc31ae39c04c7020f41c3cddbfc1201ee76af9ed888.webp" alt="This image shows a bar chart of the campaigns conversion for the month." width="352" height="242" loading="lazy" style="border: 1px solid var(--Black-40, #EEEEEF); max-height: 243px; max-width: 352px;" type="image/webp"> <p class="b--u-mt-2 b--u-text-lg b--u-text-medium u-m-0"> Campaigns conversion </p> </div> </div> <div class="swiper-slide"> <div class="animated-box u-flex-col u-justify-between b--u-rounded-16 o-wrapper u-shadow-lg b--u-px-3 b--u-sm:px-4 b--u-py-2 b--sm:u-py-3 b--u-border-black-50 u-border-solid u-border"> <img class="u-mx-auto b--u-rounded-16" src="/images/homepage/monitor/chat-engagement--mobile_huc6d80087e9e869855b8a7b7c087cb1a0_89656_704x0_resize_q75_h2_catmullrom_3.c3560c47625da239a723eb9b1ff686d9f09f62db2c63c5b449608a29f0ce619e.webp" alt="This image shows a bar chart of the chat engagement for the month." width="352" height="243" loading="lazy" style="border: 1px solid var(--Black-40, #EEEEEF); max-height: 243px; max-width: 352px;" type="image/webp"> <p class="b--u-mt-2 b--u-text-lg b--u-text-medium u-m-0"> Chat engagement </p> </div> </div> <div class="swiper-slide"> <div class="animated-box u-flex-col u-justify-between b--u-rounded-16 o-wrapper u-shadow-lg b--u-px-3 b--u-sm:px-4 b--u-py-2 b--sm:u-py-3 b--u-border-black-50 u-border-solid u-border"> <img class="u-mx-auto b--u-rounded-16" src="/images/homepage/monitor/chat-satisfaction--mobile_huf4638c403d7dc2294707de9f76f6709e_143361_704x0_resize_q75_h2_catmullrom_3.6399c26f790d0dbe3954fa4d8bcc313a73305c50074c4f3ed4303ca09a241117.webp" alt="This image shows a bar chart of the chat satisfaction for the month." width="352" height="243" loading="lazy" style="border: 1px solid var(--Black-40, #EEEEEF); max-height: 243px; max-width: 352px;" type="image/webp"> <p class="b--u-mt-2 b--u-text-lg b--u-text-medium u-m-0"> Chat satisfaction </p> </div> </div> <div class="swiper-slide"> <div class="animated-box u-flex-col u-justify-between b--u-rounded-16 o-wrapper u-shadow-lg b--u-px-3 b--u-sm:px-4 b--u-py-2 b--sm:u-py-3 b--u-border-black-50 u-border-solid u-border"> <img class="u-mx-auto b--u-rounded-16" src="/images/homepage/monitor/achieved-goals--mobile_hu5d2edf4f298e3432f6590d8a4edd9e4d_66313_704x0_resize_q75_h2_catmullrom_3.ecfc0204be5a4e739cb2ba99596eb4adaa815895dacc520d0ccb133c4a85b1b7.webp" alt="This image shows a bar chart of the achieved goals for the month." width="352" height="243" loading="lazy" style="border: 1px solid var(--Black-40, #EEEEEF); max-height: 243px; max-width: 352px;" type="image/webp"> <p class="b--u-mt-2 b--u-text-lg b--u-text-medium u-m-0"> Achieved goals </p> </div> </div> <div class="swiper-slide"> <div class="animated-box u-flex-col u-justify-between b--u-rounded-16 o-wrapper u-shadow-lg b--u-px-3 b--u-sm:px-4 b--u-py-2 b--sm:u-py-3 u-text-black b--u-border-black-50 u-border-solid u-border"> <img class="u-mx-auto b--u-rounded-16" src="/images/homepage/monitor/staffing-prediction--mobile_hu07a13679781bfa943e5149001ca9f074_82088_704x0_resize_q75_h2_catmullrom_3.b0d658fd70eede261639c32a2047f045e4a13ca5393fccee38b16a80254417c2.webp" alt="This image shows a bar chart of the staffing prediction for the month." width="352" height="242" loading="lazy" style="border: 1px solid var(--Black-40, #EEEEEF); max-height: 243px; max-width: 352px;" type="image/webp"> <p class="b--u-mt-2 b--u-text-lg b--u-text-medium u-m-0"> Staffing prediction </p> </div> </div> <div class="swiper-slide"> <div class="animated-box u-flex-col u-justify-between b--u-rounded-16 o-wrapper u-shadow-lg b--u-px-3 b--u-sm:px-4 b--u-py-2 b--sm:u-py-3 u-text-black b--u-border-black-50 u-border-solid u-border"> <img class="u-mx-auto b--u-rounded-16" src="/images/homepage/monitor/website-traffic--mobile_hu4830432a4ec83345e42f96275849d657_55535_704x0_resize_q75_h2_catmullrom_3.367c87e8db3502b628157dc8b9ea0e8df7a71814fa79b5c382cec1cf5ba74b08.webp" alt="This image shows a bar chart of the website traffic for the month." width="352" height="242" loading="lazy" style="border: 1px solid var(--Black-40, #EEEEEF); max-height: 243px; max-width: 352px;" type="image/webp"> <p class="b--u-mt-2 b--u-text-lg b--u-text-medium u-m-0"> Website traffic </p> </div> </div> </div> <div class="swiper-pagination" data-swiper-target="pagination"></div> </div> </div> </div> <style> @media (min-width: 75rem) { .monitoring-grid { grid-template-columns: repeat(3, 1fr); } .animated-box { opacity: 0; } } </style> <div class="animated-box--wrapper u-hidden xl:u-grid gap-2 monitoring-grid b--u-mb-6"> <div class="animated-box b--u-rounded-24 b--u-p-3 u-bg-white u-shadow-lg t-transition-shadow hover:u-shadow-xl v--no-underline b--u-text-black-400 hover:u-text-black b--u-border-black-50 u-border-solid u-border" style="background-color: #F5F5F5;"> <div id="monitor-1" class="u-flex u-items-center u-justify-center" style="height: 270px;"></div> <p class="b--u-text-lg b--u-text-medium u-m-0 b--u-mt-auto"> Sales tracker </p> </div> <div class="animated-box b--u-rounded-24 b--u-p-3 u-bg-white u-shadow-lg t-transition-shadow hover:u-shadow-xl v--no-underline b--u-text-black-400 hover:u-text-black b--u-border-black-50 u-border-solid u-border" style="background-color: #F5F5F5;"> <div id="monitor-2" class="u-flex u-items-center u-justify-center" style="height: 270px;"></div> <p class="b--u-text-lg b--u-text-medium u-m-0 b--u-mt-auto"> Agent performance </p> </div> <div class="animated-box b--u-rounded-24 b--u-p-3 u-bg-white u-shadow-lg t-transition-shadow hover:u-shadow-xl v--no-underline b--u-text-black-400 hover:u-text-black b--u-border-black-50 u-border-solid u-border" style="background-color: #F5F5F5;"> <div id="monitor-3" class="u-flex u-items-center u-justify-center" style="height: 270px;"></div> <p class="b--u-text-lg b--u-text-medium u-m-0 b--u-mt-auto"> Campaigns conversion </p> </div> <div class="animated-box b--u-rounded-24 b--u-p-3 u-bg-white u-shadow-lg t-transition-shadow hover:u-shadow-xl v--no-underline b--u-text-black-400 hover:u-text-black b--u-border-black-50 u-border-solid u-border" style="background-color: #F5F5F5;"> <div id="monitor-4" class="u-flex u-items-center u-justify-center" style="height: 270px;"></div> <p class="b--u-text-lg b--u-text-medium u-m-0 b--u-mt-auto"> Chat engagement </p> </div> <div class="animated-box b--u-rounded-24 b--u-p-3 u-bg-white u-shadow-lg t-transition-shadow hover:u-shadow-xl v--no-underline b--u-text-black-400 hover:u-text-black b--u-border-black-50 u-border-solid u-border" style="background-color: #F5F5F5;"> <div id="monitor-5" class="u-flex u-items-center u-justify-center" style="height: 270px;"></div> <p class="b--u-text-lg b--u-text-medium u-m-0 b--u-mt-auto"> Chat satisfaction </p> </div> <div class="animated-box b--u-rounded-24 b--u-p-3 u-bg-white u-shadow-lg t-transition-shadow hover:u-shadow-xl v--no-underline b--u-text-black-400 hover:u-text-black b--u-border-black-50 u-border-solid u-border" style="background-color: #F5F5F5;"> <div id="monitor-6" class="u-flex u-items-center u-justify-center" style="height: 270px;"></div> <p class="b--u-text-lg b--u-text-medium u-m-0 b--u-mt-auto"> Achieved goals </p> </div> <div class="animated-box b--u-rounded-24 b--u-p-3 u-bg-white u-shadow-lg t-transition-shadow hover:u-shadow-xl v--no-underline b--u-text-black-400 hover:u-text-black b--u-border-black-50 u-border-solid u-border" style="background-color: #F5F5F5;"> <div id="monitor-7" class="u-flex u-items-center u-justify-center" style="height: 270px;"></div> <p class="b--u-text-lg b--u-text-medium u-m-0 b--u-mt-auto"> Staffing prediction </p> </div> <div class="animated-box u-relative u-flex b--u-rounded-24 b--u-p-3 u-bg-white u-shadow-lg t-transition-shadow hover:u-shadow-xl v--no-underline b--u-text-black b--u-border-black-50 u-border-solid u-border" style="background-color: #F5F5F5; grid-column: span 2;"> <div class="opacity-out-03"> <div class="b--u-p-2 b--u-mb-4 b--u-rounded-16 u-maxw-4 u-border b--u-border-solid b--u-border-black-50 u-shadow-md"> <p class="b--u-text-sm b--u-text-medium b--u-mb-1" style="background: linear-gradient(185deg, #F80 7.53%, #FF5100 100.26%); background-clip: text; -webkit-text-fill-color: transparent;">WEBSITE TRAFFIC</p> <p class="b--u-text-xs u-m-0">You can expect 1000 chats daily if you <b>accept chats</b> in peak hours.</p> </div> <div class="b--u-mr-6 b--u-ml-2"> <p class="b--u-text-lg b--u-text-medium u-m-0 b--u-mb-1">Your chats, analyzed in seconds</p> <p class="b--u-text-xs u-m-0 b--u-text-black-500">Weekly summaries highlight your most frequent customer questions, giving you the big picture – like skimming through 1,000 chats in 30 seconds.</p> </div> </div> <div id="monitor-8" class="u-flex u-items-center u-justify-center" style="height: 270px;"></div> </div> </div> <script defer> const loadSvg4 = function() { const monitors = [ { "id": "monitor-1", "image": "\/images\/homepage\/monitor\/sales-tracker--desktop.svg" }, { "id": "monitor-2", "image": "\/images\/homepage\/monitor\/agent-performance--desktop.svg" }, { "id": "monitor-3", "image": "\/images\/homepage\/monitor\/campaigns-conversion--desktop.svg" }, { "id": "monitor-4", "image": "\/images\/homepage\/monitor\/chat-engagement--desktop.svg" }, { "id": "monitor-5", "image": "\/images\/homepage\/monitor\/chat-satisfaction--desktop.svg" }, { "id": "monitor-6", "image": "\/images\/homepage\/monitor\/achieved-goals--desktop.svg" }, { "id": "monitor-7", "image": "\/images\/homepage\/monitor\/staffing-prediction--desktop.svg" }, { "id": "monitor-8", "image": "\/images\/homepage\/monitor\/website-traffic--desktop.svg" } ]; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { monitors.forEach(monitor => { const monitorElement = document.getElementById(monitor.id); fetch(monitor.image) .then(response => response.text()) .then(svgContent => { monitorElement.innerHTML = svgContent; monitorElement.parentElement.classList.add('fade-in-up'); window.removeEventListener('DOMContentLoaded', loadSvg4); }) .catch(error => console.error('Error loading SVG:', error)); }); observer.unobserve(entry.target); } }); }, { rootMargin: '200px', threshold: 0 }); const animateBox = document.querySelector('.animated-box--wrapper'); if (animateBox) { observer.observe(animateBox); } }; const supportsPathAnimation = CSS.supports("d", "path('M0 0L10 10')"); if (supportsPathAnimation) { document.querySelector('.animated-box--wrapper').classList.add('enable-d-path-animations'); } window.addEventListener('DOMContentLoaded', loadSvg4); </script> <div class="u-text-center"> <a href="/features/reports-and-analytics/" target="_blank" class="u-inline-flex u-items-center u-justify-center c-btn v--dark v--outline v--thick b--u-pl-3 b--u-mb-8 b--md:u-mb-16 u-w-full md:u-w-auto" data-controller="events" data-events-event="button" data-events-content1="Monitor how live chat impacts your business" data-events-content2="See LiveChat® reports" data-action="click->events#send" > See LiveChat® reports <svg class="c-icon u-mt-0 b--u-ml-0.5" 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="M9 5l7 7-7 7"></path> </svg> </a> </div> <div class="b--u-mb-8 b--md:u-mb-16"> <blockquote class="v--reset u-flex u-flex-col lg:u-flex-row u-justify-between u-items-center gap-2"> <div class="lg:u-hidden"> <img class="b--u-rounded-24" src="/images/homepage/03-testimmonial-sierra-woodall--mobile_hu891502490cb6787a6526cfca432403ef_709877_1008x0_resize_q75_h2_catmullrom_3.f0f7262229c5640be865e1cd0171212fe736db0f3873ea97fd943ac26b4629c4.webp" alt="Sierra Woodall portrait" width="504" height="256" loading="lazy" style="max-height: 256px; max-width: 504px;" type="image/webp"> </div> <div class="u-hidden lg:u-block"> <img class="b--u-rounded-24" src="/images/homepage/03-testimmonial-sierra-woodall--desktop_hu6f8b3b9879c35b6ec677264a44a2909f_627855_704x0_resize_q75_h2_catmullrom_3.732670e427545c24b53be21e33959722a4d34b6744d588b557aa3b00e87ce3e0.webp" alt="Sierra Woodall portrait" width="352" height="308" loading="lazy" style="max-height: 308px; max-width: 352px;" type="image/webp"> </div> <div class="u-maxw-7"> <img class="u-ml-0 b--u-mb-3" src="/images/homepage/green-state-logo_hu3216778c48cba9c680d78e5139f8da98_15573_300x0_resize_q75_h2_catmullrom_3.43cbc5d25a54af403ec649af3f32f419b6117b3f154c88948b05fe771ed3a20d.webp" alt="GreenState Credit Union logo" width="150" height="40" loading="lazy" style="max-height: 40px; max-width: 150px;" type="image/webp"> <p class="b--u-text-lg" style="line-height: 1.3;"><b>“Our chat team loves the reporting tools from LiveChat®. They look at their stats every day, their average response time or their average chat ratings. And having that available to them in a super simple way is really great.”</b></p> <div class="u-flex md:u-items-end u-justify-between gap-1"> <cite class="b--u-text-sm" style="bottom: 1.5rem; left: 1.5rem; font-style: normal;"><b>Sierra Woodall</b>, GreenState Credit Union</cite> <a href="/customers/customer-stories/greenstate-credit-union/" aria-label="Read the GreenState Credit Union case study" target="_blank" class="c-btn v--dark v--outline v--thick b--u-p-1 u-round u-flex u-items-center u-justify-center" style="width: 3rem; height: 3rem; flex-shrink: 0;" data-controller="events" data-events-event="box" data-events-content1="GreenState Credit Union" data-events-content2="Read case study" data-action="click->events#send" > <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_2093)"> <path d="M10 6L16 12L10 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_2_2093"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </a> </div> </div> </blockquote> </div> <div data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass"> <div class="u-flex md:u-hidden u-flex-col u-items-center u-justify-center b--u-mt-3 u-text-center" style="gap: 1rem 2rem;"> <h3 class="b--u-text-lg u-my-0" style="font-weight: 500;">Turn live chat data into exceptional customer care</h3> <a href="https://accounts.livechat.com/signup?source_id=monitor_section_ending_cta&source_url=https%253A%252F%252Fwww.livechat.com%2525%2521s%2528%253Cnil%253E%2529&source_type=website" class="c-btn v--signup c-btn v--signup u-w-full" data-controller="events" data-events-event="button register_redirect" data-events-content2="Sign up free" data-events-source-id="monitor_section_ending_cta" data-action="click->events#send">Sign up free</a> </div> <div class="u-hidden md:u-flex u-flex-row u-items-center u-justify-center b--u-bg-white b--u-rounded-16 u-border u-border-black-40 u-border-solid b--u-mt-3 b--u-p-1.5 u-text-center hover:u-shadow-lg t-transition-shadow c-link-overlay" style="gap: 1rem 2rem;"> <h3 class="b--u-text-lg u-my-0" style="font-weight: 500;">Turn live chat data into exceptional customer care</h3> <a href="https://accounts.livechat.com/signup?source_id=monitor_section_ending_cta&source_url=https%253A%252F%252Fwww.livechat.com%2525%2521s%2528%253Cnil%253E%2529&source_type=website" class="c-btn v--signup c-btn v--signup v--sm c-link-overlay__a" data-controller="events" data-events-event="button register_redirect" data-events-content2="Sign up free" data-events-source-id="monitor_section_ending_cta" data-action="click->events#send">Sign up free</a> </div> </div> </div> </section> <style> .review-element { width: 240px; font-size: 1rem; height: max-content; border: 1px solid var(--Black-30, #f6f6f7); box-shadow: 0px 73px 20px 0px rgba(0, 0, 0, 0), 0px 47px 19px 0px rgba(0, 0, 0, 0), 0px 26px 16px 0px rgba(0, 0, 0, 0.01), 0px 12px 12px 0px rgba(0, 0, 0, 0.02), 0px 3px 6px 0px rgba(0, 0, 0, 0.03); } @media (min-width: 48rem) { .review-element { width: 452px; font-size: 1.25rem; } } .review-wrapper { overflow-x: clip; } .review-list { overflow-x: scroll; } @media (min-width: 48rem) { .review-list { overflow-x: unset; } @media (prefers-reduced-motion: no-preference) { .review-list { animation: scroll 90s linear infinite; will-change: transform; } } } .review-list:hover { animation-play-state: paused; } @keyframes scroll { from { transform: translateX(1100px); } to { transform: translateX(-1100px); } } </style> <section class="review-wrapper b--u-mb-1 b--md:u-mb-12"> <h2 class="b--u-text-3xl u-text-center b--u-mb-4 b--md:u-mb-8" style="font-weight: 500; text-wrap: balance">They say... chatting has never been easier</h2> <div class="review-list b--u-pb-2 b--u-px-4 u-flex md:u-flex-col" style="gap: 0 1rem;"> <div class="u-flex u-justify-center"> <div class="u-flex gap-2 b--u-pb-2"><div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">Kent Bicycles Service Center 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“We have been using LiveChat® for about a year now. It has <strong>greatly enhanced our ability to assist our customers.</strong>“</p> </div> <div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">The Cake Planner 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“LOVE this app! I've been able to help so many people live on the page. <strong>Helped sales and engagement.</strong>“</p> </div> <div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">MONTBLANC LMDM 🇦🇺</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Absolutely recommend for the level of reporting and customer service provided when I had some troubles re-installing the app again.”</p> </div> <div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">ÓRTTU 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Easy for using, works fast no any bugs at all. Strong recommend for online e-commerce business! <strong>Really increase conversion rate!</strong>”</p> </div> <div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">Aylala 🇵🇱</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“The app is great!!! I can <strong>literally close sales</strong> on the go and handle Instagram and other channels all from ONE PLACE! It’s super reliable, easy to use, and really helps boost my conversions!”</p> </div> <div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">Luxurious Beds and Linens 🇨🇦</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Great app <strong>great customer service</strong> always there to help when you have questions or issues to solve. Highly recommend.”</p> </div> <div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">X NIHILO 🇦🇺</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Integrating LiveChat® into our e-commerce website has been <strong>one of the best decisions we’ve made.</strong>”</p> </div> <div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">Store Supplies 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Awesome App with powerful features. <strong>Worth the price!</strong>”</p> </div> <div class="review-element u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">Fromanteel Watches 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Functional, easy to use<strong>, full of information and indicators in order to quickly support customer requests.</strong>”</p> </div> </div> </div> <div class="u-flex u-justify-center"> <div class="u-flex gap-2"><div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">TurkstraLumberLtd 🇨🇦</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Linking LiveChat® to our Shopify store <b>was very simple to set up</b>, and the tools we use to help our customers were simple and intuitive to use from day 1. The Automations available through LiveChat® have raised our customer service levels, allowing us to send the right message, to the right customer at the right time.”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">MB Sentinel 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Great app that just works. We were mainly looking for a chat application that didn’t require a customer to give us their contact information before starting a conversation. (We felt this limited interactions). <strong>We saw a 25% increase in our sales</strong> with the automations/campaigns within live chat.”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">JetSkiCovers 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“LiveChat® has been great for JetSkiCovers on Shopify. <strong>The support is excellent</strong>, and features like sending Product Cards and sharing order details during chats enhance customer interactions. Highly recommend for a straightforward and effective customer support experience!”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">KORA Organics 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Great app that works out of the box, but can also be customized to match our site's look + feel. Allows our CX team to handle multiple chats at once, tag for solid reporting, and then track sales for customers that interact with chat.”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">PATH projects 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“I have been using Live Chat for 7 years now between different websites. <strong>Great stable platform, lots of customization</strong> options and great customer support. Highly recommended.”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">South Horizon T-Shirt Company 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“I have used LiveChat® for almost 2+ years on and off. I am <strong>extremely pleased with this incredible app</strong> and its features. The design is quite brilliant and well executed. But most importantly any time I have a question, I can chat with their support team member 24/7 and get a correct answer within minutes. Now that’s peace of mind.”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">ENDER LEGARD 🇬🇧</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“Our 'go-to' chat app since 2017. <strong>LiveChat® does everything we need it to do</strong> (and then some). Sleek, easy to use interface with lots of features. A bit pricey (especially for some of the AI add-ons), but you get what you pay for. And when needed, the support is instant and super efficient.”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">White Rabbit Skin Care 🇬🇧</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“I've only been using this app for about a week but already it is miles better than others i've tried. It is simple to use, and I love the fact that there is also a mobile app too, which definitely helps with customer support and therefore conversions.”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">CustomIcing.com.au 🇦🇺</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“We have been using LiveChat® for many years now. <strong>Very easy to install and use.</strong> If ever tech assistance has been needed they have always been fast to reply and assist. The recent update and addition of Product Cards has made live chats with customers much better. I look forward to seeing more updates from LiveChat®. Yes, I would recommend LiveChat®.”</p> </div> <div class="review-element u-hidden md:u-flex u-flex-col gap-1 b--u-rounded-24 b--u-p-3 b--u-bg-white"> <div class="u-flex u-justify-between u-flex-col-rev md:u-flex-row" style="gap: 0.5rem 0;"> <h3 style="font-size: inherit; font-weight: 500;">Security Store House 🇺🇸</h3> <div class="u-flex"> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> <img src="/icons/star-full.svg" class="u-ml-0 u-mr-0" width="20" height="20" alt="Star" style="width: 20px; height: 20px;" loading="lazy" /> </div> </div> <p>“This is the go-to professional app with everything you need. Not only does support check in on you to make sure you're okay, but they even go the extra mile when needed. Great service and app.”</p> </div> </div> </div> </div> </section> <section class="u-flex u-flex-col u-items-center u-justify-center u-text-center md:u-text-left md:u-flex-row gap-1 u-maxw-12 b--u-mx-auto b--u-mb-8 b--md:u-mb-16 b--u-px-5 md:u-px-0"> <div class="u-bg-white b--u-rounded-32 u-maxw-8 u-shadow-lg u-border b--u-border-black-50 u-border-solid b--u-px-4 b--sm:u-px-8 b--md:u-px-12 b--u-py-6"> <p class="b--u-text-xs b--u-text-black-500 u-border-black-40 u-border-solid u-border b--u-rounded-32 b--u-px-2 u-inline-flex u-items-center b--u-mb-3 u-inline-block" style="height: 40px;">Starts from <span class="b--u-text-white b--u-text-bold b--u-mx-0.5 b--u-py-0.25 b--u-px-0.5 u-shadow" style="border-radius: 5px; background: linear-gradient(185deg, #F80 7.53%, #FF5100 100.26%);">$20</span> monthly</p> <h4 class="b--u-text-2xl b--u-mb-2" style="font-weight: 500;">Simple pricing for every need</h4> <p class="b--u-text-base b--u-mb-4 b--md:u-mb-6">Add LiveChat® to your website for free and enjoy a <b>14-day trial</b> (no credit card required). Choose the perfect pricing plan afterward.</p> <a href='/pricing/' target="_blank" class="c-btn u-bg-black b--u-text-base b--u-text-bold hover:u-bg-gray-200 u-text-white" data-controller="events" data-events-event="box" data-events-content1="Simple pricing for every need" data-events-content2="See LiveChat® pricing" data-action="click->events#send" > See full pricing <svg class="c-icon u-mt-0 b--u-ml-0.5" 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="M9 5l7 7-7 7" ></path> </svg> </a> </div> <div class="u-bg-white b--u-rounded-32 u-maxw-5 md:u-maxw-4 md:u-shadow-lg md:u-border b--u-border-black-50 b--u-border-solid b--u-p-2 b--u-py-6 u-flex u-flex-col u-items-center u-justify-center u u-text-center"> <p class="b--u-text-xs b--u-text-black-500 u-border-black-40 u-border-solid u-border b--u-rounded-32 b--u-px-2 b--u-py-1 b--u-mb-6 u-inline-flex u-items-center" style="height: 40px;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <path fill="#F6F6F7" stroke="#EEEEEF" d="M10.8 1.7c.6-.9 1.8-.9 2.4 0l3 4.2c.2.5.7.8 1.3 1l4.9 1.4c1 .3 1.4 1.5.7 2.4l-3 4c-.4.5-.6 1-.6 1.6l.1 5.1c0 1-1 1.8-2 1.5l-4.8-1.7c-.5-.2-1.1-.2-1.6 0l-4.8 1.7c-1 .3-2-.4-2-1.5v-5c.1-.7 0-1.2-.4-1.7l-3.1-4c-.7-.9-.3-2 .7-2.4l5-1.4c.5-.2 1-.5 1.3-1l2.9-4.2Z"/> </svg> <svg class="b--u-mx-0.5" style="filter: drop-shadow(0px 1px 2px rgba(156, 63, 13, 0.16)) drop-shadow(0px 4px 4px rgba(156, 63, 13, 0.14)) drop-shadow(0px 9px 5px rgba(156, 63, 13, 0.08)) drop-shadow(0px 15px 6px rgba(156, 63, 13, 0.02)) drop-shadow(0px 24px 7px rgba(156, 63, 13, 0.00));" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"> <path fill="url(#paint0_linear_2252_9238)" d="M12.4 1.4a2 2 0 0 1 3.2 0l3.6 5.2c.3.4.7.7 1.1.8l6.1 1.8a2 2 0 0 1 1 3.2l-3.8 5a2 2 0 0 0-.5 1.3l.2 6.3a2 2 0 0 1-2.6 2l-6-2.2a2 2 0 0 0-1.4 0l-6 2.2a2 2 0 0 1-2.6-2l.2-6.3c0-.5-.2-1-.5-1.3l-3.8-5a2 2 0 0 1 1-3.2l6-1.8a2 2 0 0 0 1.2-.8l3.6-5.2Z"/> <defs> <linearGradient id="paint0_linear_2252_9238" x1="4" y1="0" x2="1.4055" y2="31.8804" gradientUnits="userSpaceOnUse"> <stop stop-color="#FF8800"/> <stop offset="1" stop-color="#FF5100"/> </linearGradient> </defs> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <path fill="#F6F6F7" stroke="#EEEEEF" d="M10.8 1.7c.6-.9 1.8-.9 2.4 0l3 4.2c.2.5.7.8 1.3 1l4.9 1.4c1 .3 1.4 1.5.7 2.4l-3 4c-.4.5-.6 1-.6 1.6l.1 5.1c0 1-1 1.8-2 1.5l-4.8-1.7c-.5-.2-1.1-.2-1.6 0l-4.8 1.7c-1 .3-2-.4-2-1.5v-5c.1-.7 0-1.2-.4-1.7l-3.1-4c-.7-.9-.3-2 .7-2.4l5-1.4c.5-.2 1-.5 1.3-1l2.9-4.2Z"/> </svg> </p> <h4 class="b--u-text-lg b--u-mb-1" style="font-weight: 500;">Looking for an enterprise live chat solution?</h4> <p class="b--u-text-sm b--u-mb-2 b--md:u-mb-3">Let's discuss a personalized plan designed specifically for your business.</p> <a href="/sales-contact-form/" target="_blank" data-controller="events" data-events-event="button" data-events-content2="Request a call" data-action="click->events#send" class="c-btn v--secondary v--thick v--transparent u-px-4 u-text-center"> Request a call <svg class="c-icon u-mt-0 b--u-ml-0.5" 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="M9 5l7 7-7 7" ></path> </svg> </a> </div> </section> <style> .product-experts-image { --mask: linear-gradient(to right, rgba(0,0,0, 0) 0, rgba(0,0,0, 1) 20%, rgba(0,0,0, 1) 80%, rgba(0,0,0, 0) 100% ) 100% 50% / 100% 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); } </style> <section class="u-flex u-flex-col u-items-center u-justify-center u-text-center b--u-mb-6 b--md:u-mb-16"> <div class="u-maxw-7 b--u-mx-auto b--u-px-4"> <h2 class="b--u-text-3xl b--u-mb-2" style="font-weight: 500">We’re here for you 24/7/365</h2> <p class="u-maxw-6 b--u-mb-6 b--u-mx-auto"> You’re looking for the best live chat software to meet your needs. We’re here to offer you more than just a product. </p> <p class="u-maxw-6 b--u-mb-6 b--u-mx-auto"> LiveChat® Product Experts are available for you 24/7/365 to provide live chat support and help you drive your business growth. </p> </div> <div class="product-experts-image u-relative"> <img class="md:u-hidden md:u-block u-relative u-block b--u-mb-6 u-maxw-12 " src="/images/homepage/product-experts--mobile_huf7c98ca0272665c440c7ff00cd29c6d4_153562_983x0_resize_q75_h2_catmullrom_3.8a5340113132a8e8c1c3431e8f5e213c3f20f5b7d738eb58b4b46b7757469cae.webp" alt="Product Experts" width="490" height="74" loading="lazy" style="max-height: 74px; max-width: 490px;" type="image/webp"> <img class="u-relative u-hidden md:u-block b--u-mb-6 u-maxw-12" src="/images/homepage/product-experts--desktop_hu73ffbfacaacd1643a5abf06ce0b95278_304490_1435x0_resize_q75_h2_catmullrom_3.967a076a3d6cfaece9b770a84d3c7d5a25f1aaff46983c39157de5817ab5178b.webp" alt="Product Experts" width="716" height="108" loading="lazy" style="height: 108px; width: 716px;" type="image/webp"> </div> <button class="u-inline-flex u-items-center c-btn v--sm v--dark v--outline v--thick b--u-pl-3 gap-1" onclick="LC_API.open_chat_window();return false;" data-controller="events" data-events-event="widget" data-events-section="cta" data-events-content1="Chat with a Product Expert" data-action="click->events#send" > Chat with a Product Expert <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <g clip-path="url(#clip0_2693_105369)"> <path d="M23.8619 14.919C23.74 16.3443 23.083 17.6707 22.0229 18.6317C20.9628 19.5928 19.5782 20.1173 18.1471 20.1H14.9956L8.99269 24V20.1L14.9956 16.2H18.1531C18.5999 16.2161 19.0361 16.0622 19.3737 15.7693C19.7113 15.4764 19.9252 15.0664 19.972 14.622C20.1555 11.6243 20.1405 8.61773 19.927 5.622C19.8908 5.22239 19.7121 4.84913 19.4233 4.57041C19.1345 4.2917 18.755 4.12614 18.3542 4.104C16.3072 3.978 14.1522 3.9 11.9941 3.9C9.8361 3.9 7.68106 3.972 5.63407 4.116C5.23325 4.13814 4.85378 4.3037 4.56501 4.58241C4.27624 4.86113 4.09745 5.23439 4.0613 5.634C3.84783 8.62973 3.83279 11.6363 4.01628 14.634C4.06595 15.0762 4.28099 15.4833 4.6183 15.7737C4.95561 16.0641 5.39027 16.2164 5.83516 16.2H8.99269V20.1H5.84117C4.41168 20.1142 3.02963 19.5879 1.97204 18.6265C0.914457 17.6651 0.259483 16.3397 0.138405 14.916C-0.0601029 11.7186 -0.0450622 8.51144 0.183427 5.316C0.296877 3.99089 0.880368 2.74992 1.82864 1.81696C2.77692 0.883991 4.02755 0.320453 5.35493 0.228C7.49197 0.075 9.74306 0 11.9941 0C14.2452 0 16.4963 0.075 18.6334 0.228C19.9648 0.318078 21.2198 0.882107 22.1708 1.81779C23.1218 2.75347 23.7058 3.99883 23.8169 5.328C24.045 8.52045 24.06 11.7245 23.8619 14.919Z" fill="#FF5100" /> </g> <defs> <clipPath id="clip0_2693_105369"> <rect width="24" height="24" fill="white" transform="translate(0 0.0925293)" /> </clipPath> </defs></svg> </button> </section> <section class="u-flex md:u-hidden u-flex-col u-text-center b--u-py-4 b--u-px-2 b--u-my-4 o-wrapper"> <p class="b--u-text-3xl b--u-text-medium u-maxw-11 u-mx-auto">Ready to increase sales, provide a premium experience, and enjoy seamless automation?</p> <div class="u-text-center"> <div class="u-maxw-7 u-w-ful u-mx-auto"> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="events" data-events-event="form register_redirect" data-events-action="submit" data-events-content2="Sign up free" data-events-source-id="pre-footer" data-action="submit->events#send"> <div class="u-maxw-6 u-mx-auto u-flex u-flex-col sm:u-flex-row"> <input type="email" name="email" class="b--u-mr-1 b--u-mb-1 sm:u-mb-0" style="min-width: 14rem; height:58px;" data-signup-target="email" placeholder='Enter your business email' aria-label="Business Email" required> <input type="hidden" name="source_id" value="pre-footer"> <input type="hidden" name="source_url" value="https://www.livechat.com/"> <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-flex u-flex-wrap u-justify-center b--u-mt-1 u-mb-0 u-text-p7" style="column-gap: 1rem;"> <span class="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="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> </section> <section class="u-hidden md:u-flex u-flex-col u-text-center b--u-my-16 o-wrapper"> <p class="b--u-text-3xl 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 increase sales, provide a premium experience, and enjoy seamless automation?</p> <div class="u-text-center"> <div class="u-maxw-7 u-w-ful u-mx-auto"> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="events" data-events-event="form register_redirect" data-events-action="submit" data-events-content2="Sign up free" data-events-source-id="pre-footer" data-action="submit->events#send"> <div class="u-maxw-6 u-mx-auto u-flex u-flex-col sm:u-flex-row"> <input type="email" name="email" class="b--u-mr-1 b--u-mb-1 sm:u-mb-0" style="min-width: 14rem; height:58px;" data-signup-target="email" placeholder='Enter your business email' aria-label="Business Email" required> <input type="hidden" name="source_id" value="pre-footer"> <input type="hidden" name="source_url" value="https://www.livechat.com/"> <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-flex u-flex-wrap u-justify-center b--u-mt-1 u-mb-0 u-text-p7" style="column-gap: 1rem;"> <span class="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="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> </section> </div> </div> <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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="Pricing" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="LiveChat® Benefits" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="Tour" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="Features" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="Lead Generation" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="Product Demo" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="App" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="Marketplace" data-action="click->events#send">Marketplace</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://news.livechat.com/en/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Product" data-events-content2="News" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Solutions" data-events-content2="Customer Support" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Solutions" data-events-content2="Sales & Marketing" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Solutions" data-events-content2="Enterprise" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Customers" data-events-content2="Industries" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Customers" data-events-content2="Customers" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Customers" data-events-content2="Reviews & Testimonials" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Customers" data-events-content2="Case Studies" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Resources" data-events-content2="Success by LiveChat®" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Resources" data-events-content2="Customer Service Guide" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Resources" data-events-content2="Customer Service Report" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Resources" data-events-content2="Benchmark" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Resources" data-events-content2="Reports" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Resources" data-events-content2="Typing Speed Test" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Resources" data-events-content2="Privacy Policy Generator" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Resources" data-events-content2="Newsletter" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Support" data-events-content2="Help Center" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Support" data-events-content2="Webinars" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Support" data-events-content2="Partners Marketplace" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Support" data-events-content2="Professional Services" data-action="click->events#send">Professional Services</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://platform.text.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Support" data-events-content2="API & Developers" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Support" data-events-content2="System Status" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="About Text" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="Contact" data-action="click->events#send">Contact</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://text.com/team/" class="b--u-text-xs c-link v--reset u-block" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="Team" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="Careers" data-action="click->events#send">Careers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://investor.text.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="Investor Relations" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="Press" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="Partner Program" data-action="click->events#send">Partner Program</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://incubator.text.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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="LiveChat® Incubator" data-action="click->events#send">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" data-controller="events" data-events-event="navigation" data-events-section="footer" data-events-content1="Company" data-events-content2="Legal" data-action="click->events#send">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%2f" class="c-btn v--sm v--signup" data-controller="events" data-events-event="button register_redirect" data-events-content1="Start your free trial" data-events-content2="Sign up free" data-events-source-id="footer_cta_button" data-action="click->events#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%2f" class="c-btn v--signup u-w-full u-maxw-3 u-mx-auto" data-controller="events" data-events-event="button register_redirect" data-events-content1="Start your free trial" data-events-content2="Sign up free" data-events-source-id="footer_cta_button" data-action="click->events#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" aria-label="Link to Twitter page"><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" aria-label="Link to LinkedIn page"><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" aria-label="Link to Facebook page"><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" aria-label="Link to YouTube page"><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" aria-label="Link to Instagram page"><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" aria-label="Link to Product Hunt page"><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" aria-label="Link to Dribbble page"><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" aria-label="Link to GitHub page"><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 the best AI live chat software for business, designed for B2B SaaS companies and <a href="/solutions/ecommerce/" class="c-link v--reset u-text-underline">ecommerce</a> stores. This powerful customer service software helps you connect with customers, provide real-time support, and drive sales across multiple communication channels. If you’re looking for the best live chat software for website engagement and customer satisfaction, LiveChat® will help you grow your business.<br>Copyright © 2025 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 similar technologies on your computer or devices. Click the <a href="/legal/cookies-policy/" class="b--u-text-bold" style="color: inherit;">Cookies Policy</a> to check how you can control the use of them through your device. To understand how we process your data, including through cookies, and different forms of 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.c1c0e43f2433e56224a83075d604357796d40bb6a977c00d2a71c5db44eeb0b6.js"></script> <script async defer src="/dist/js/vendor~1.7a3494346d51bdf8dad9549379f1e02f7a317b42fb746bc0fc386ae0f51f9c68.js"></script> <script async defer src="/dist/js/vendor~2.b55d14578e713ee83c097d5a5a5b28418afb010c9f1cd1d1ffd3dc5ed228fe0a.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.271a75209b274987f40deff0cf941146439cf65b1da97c7ffca8d9af466f3dfa.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/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> </body> </html>