LiveChat Widget Look & Features Customization

<!DOCTYPE html> <html lang="en" dir="ltr"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>LiveChat Widget Look & Features Customization | Settings</title> <meta name="description" content="Discover extended LiveChat customization options: chat widget themes, custom logo, white label, multiple languages, CSS, profiles, and more."> <link rel="canonical" href="https://www.livechat.com/features/customization/"> <link rel="alternate" hreflang="en" href="https://www.livechat.com/features/customization/" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph":[{"@type":"Organization","address":[{"@type":"PostalAddress","addressCountry":"US","addressLocality":"Boston","addressRegion":"Massachusetts","postalCode":"02110","streetAddress":"101 Arch Street, 8th Floor"},{"@type":"PostalAddress","addressCountry":"PL","addressLocality":"Wroc艂aw","addressRegion":"dolno艣l膮skie","postalCode":"53-033","streetAddress":"Zwyci臋ska 47"}],"brand":{"description":"Secure \u0026 user-friendly web communication app. Join over 37,000+ companies from 150 countries that use LiveChat. Try now, chat for free!","name":"LiveChat","url":"https://www.livechat.com"},"contactPoint":{"@type":"ContactPoint","areaServed":"Worldwide","availableLanguage":"English","contactType":"Customer Support"},"description":"AI-powered technology for customer service software","logo":"https://www.livechat.com/icon-512.png","name":"Text, Inc.","sameAs":["https://www.facebook.com/livechat","https://www.instagram.com/livechat/","https://www.linkedin.com/company/livechat/","https://www.pinterest.com/livechat/","https://x.com/TextPlatform","https://www.wikidata.org/wiki/Q6658155","https://en.wikipedia.org/wiki/Text_(company)","https://www.youtube.com/@text_official"],"subOrganization":{"@type":"Product","aggregateRating":{"@type":"AggregateRating","bestRating":"5","ratingCount":"1675","ratingValue":"4.6","reviewCount":"1675","worstRating":"1"},"name":"LiveChat","offers":{"@type":"AggregateOffer","highPrice":"59","lowPrice":"0","offerCount":"8","priceCurrency":"USD"},"sameAs":["https://www.facebook.com/livechat","https://www.instagram.com/livechat/","https://www.linkedin.com/company/livechat/","https://www.pinterest.com/livechat/","https://x.com/livechat","https://www.wikidata.org/wiki/Q1763653","https://en.wikipedia.org/wiki/LiveChat","https://www.youtube.com/livechat"],"url":"https://www.livechat.com"},"url":"https://text.com"},{"@type":"WebPage","description":"Discover extended LiveChat customization options: chat widget themes, custom logo, white label, multiple languages, CSS, profiles, and more.","name":"Customization","url":"https://www.livechat.com/features/customization/"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":"https://www.livechat.com","name":"Home","position":1},{"@type":"ListItem","item":"https://www.livechat.com/features/","name":"LiveChat Features | LiveChat","position":2},{"@type":"ListItem","item":"https://www.livechat.com/features/customization/","name":"Customization","position":3}]}]} </script> <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml"> <link rel="icon" href="/favicon.ico"> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="LiveChat Widget Look & Features Customization | Settings" /> <meta property="og:description" content="Discover extended LiveChat customization options: chat widget themes, custom logo, white label, multiple languages, CSS, profiles, and more." /> <meta property="og:url" content="https://www.livechat.com/features/customization/" /> <meta property="og:site_name" content="LiveChat" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Discover extended LiveChat customization options: chat widget themes, custom logo, white label, multiple languages, CSS, profiles, and more." /> <meta name="twitter:title" content="LiveChat Widget Look & Features Customization | Settings" /> <meta name="twitter:site" content="@LiveChat" /> <meta property="og:image" content="https://www.livechat.com/features/customization/og-customization.d1a71f62f0daebf0bd851dbd3881ddced3e8a65135d0e80a58b4520ff56ff884.png" /> <meta name="twitter:image" content="https://www.livechat.com/features/customization/og-customization.d1a71f62f0daebf0bd851dbd3881ddced3e8a65135d0e80a58b4520ff56ff884.png" /> <script src="https://cdn.livechatinc.com/partners/tracking/track.js" async></script> <script> if ( typeof window.__PRERENDER_INJECTED === "undefined" ) { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M6FDC2X'); } </script> <link rel="preload" as="style" href="/dist/css/main.a7d7672955176c1f8276061c87773731725216b7b6b19dedddacbea61e57cc9a.css"> <link rel="stylesheet" href="/dist/css/main.a7d7672955176c1f8276061c87773731725216b7b6b19dedddacbea61e57cc9a.css"> <script src="https://tag.clearbitscripts.com/v1/pk_f4416cc27c888d4829d81383402d5730/tags.js" async></script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="8L66E-G78CE-AA2C4-Y3KRA-CM3E6",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"8L66E-G78CE-AA2C4-Y3KRA-CM3E6";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbeqxfqcuwz2blw3q-f-e789d39d6-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"940527","ak.ai":parseInt("603696",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"532c244","ak.r":37031,"ak.a2":n,"ak.m":"b","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":44298,"ak.gh":"23.44.5.102","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732337079","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==eOZ9zKXgvNwAIzClKNOaDyGvZzabZlo+8LfE53N/oyUbVS5Qf2U3xN/whupulDPLi9uMNVlfPDO/KvyBqi1TwDWm5i2g0KfKO/OUA5ne/+jG6c+wWjfvZyF7AAtQTzYbf1xbyEIuq/YEWjDVAhOdfsE86sqIFWH9zu1B2TkOB/53lc9zNEzSvY8NSs5nIyl/7yEXxOsEZg3mwGGsd6YkbxqVZKNAjGla0IP64fWvVYde1wYtBOWKcrIJ9ztRAWA/KynRbky+oC3o/wPngdsiYwEgvPM90IRsVKg4nxkA7wNO4XTuP9nYu0LE3XX80D5B41mHXn73YTzic2jF5sMLsCH1cZNJoSDdBYAxGxkrRES5oW+7FugRGvZFqcJuMEgYL7UhI7fI/AOAEQ8Esz4aPhZfR+HwFrD5GkvBZTq9om0=","ak.pv":"43","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M6FDC2X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="b--u-py-1 u-bg-accent c-announcement u-hidden" data-controller="announcement" data-namespace="website-livechat"> <div class="o-container u-relative"> <p class="b--u-text-2xs u-text-black u-maxw-6 u-flex u-items-center u-justify-center u-mx-auto u-mb-0 u-relative"> <svg class="u-basis-1 sm:u-basis-auto" width="21" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 2l2.3 2.4c.2.2.3.4.3.7v3c0 .5-.5 1-1 1H5a1 1 0 01-.7-.3L2 6.5a5 5 0 007 5.2 1 1 0 011.2.2l6 6a1.1 1.1 0 001.6-1.6l-6-6a1 1 0 01-.2-1.1A5 5 0 006.5 2zM4.2.8a7 7 0 019.6 8.7l5.5 5.5a3.1 3.1 0 11-4.4 4.4l-5.5-5.5A7 7 0 01.7 4.2a1 1 0 011.6-.3L5.5 7h1.6V5.5L3.9 2.3A1 1 0 014.2.7z" fill="#1B1B20"/></svg> <span class="b--u-ml-1 u-basis-11 sm:u-basis-auto" data-announcement-target="message"></span> </p> </div> </div> <aside class="c-black-friday-banner u-w-full u-relative b--u-text-white" style="z-index:200; overflow: clip; background: linear-gradient(90deg, #E6E6E6 -20%, #FF5100 30%, #FF5100 70%, #E6E6E6 120%);" data-controller="attribute"> <div class="u-w-full u-flex u-flex-col md:u-flex-row u-justify-center u-items-center u-flex-wrap u-text-center b--u-px-6 b--u-py-1 md:u-py-0" style="gap: 0 1.5rem"> <p class="b--u-text-sm b--u-mb-1 b--u-mt-1 u-flex u-flex-col md:u-flex-row" style="gap: 0 1rem"> <strong >Black Friday 2024</strong> <span style="text-wrap: balance">Last-minute tips and <strong>free templates</strong> to grow your revenue.</span> </p> <a href="/black-friday/" class="c-btn v--dark v--sm b--u-text-sm b--u-text-bold b--u-my-1">Get free tips</a> </div> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="u-absolute u-hover-pointer" style="top: 15px; right: 15px" data-action="click->attribute#toggleHidden"><path d="m18 6.5-12 12M6 6.5l12 12" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="sm:u-hidden" style="position: absolute; left: calc(50% - 565px); top: 0; width: 982px; height: 9 60px; transform: translate(-50%, -50%); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="sm:u-hidden" style="position: absolute; right: calc(50% - 500px); top: 0; width: 982px; height: 960px; transform: translate(50%, -50%) rotate(180deg); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="u-hidden sm:u-block md:u-hidden" style="position: absolute; left: calc(50% - 645px); top: 0; width: 982px; height: 960px; transform: translate(-50%, -50%); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="u-hidden sm:u-block md:u-hidden" style="position: absolute; right: calc(50% - 600px); top: 0; width: 982px; height: 960px; transform: translate(50%, -50%) rotate(180deg); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="u-hidden md:u-block" style="position: absolute; left: calc(50% - 800px); top: 0; width: 982px; height: 960px; transform: translate(-50%, -50%); pointer-events: none; user-select: none;"> <img src="/images/black-friday--decor-1.svg" alt="" role="presentation" height="960" width="982" class="u-hidden md:u-block" style="position: absolute; right: calc(50% - 800px); top: 0; width: 982px; height: 960px; transform: translate(50%, -50%) rotate(180deg); pointer-events: none; user-select: none;"> </aside> <div class="c-navbar u-border-b " data-controller="attribute"> <div class="c-navbar__content"> <a href="/" class="c-navbar__logo"><img src="/lc-powered-by-logo.59e4207fd8afaeef387d20bfdb42958c49652808777bfbc227d1d69247059393.svg" alt="LiveChat logo" width="134" height="40"></a> <button class="c-navbar__button" aria-expanded="false" data-action="attribute#toggleHidden attribute#addClass attribute#toggleClass"> <span data-attribute-target="element">Menu</span> <span hidden data-attribute-target="element">Close</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" width="20" class="b--u-ml-1"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> <path d="M1 3.5h15" class="c-navbar__button__bar" /> <path d="M1 8h15" class="c-navbar__button__bar" /> <path d="M1 12.5h15" class="c-navbar__button__bar" /> </g> </svg> </button> <nav class="c-menu b--lg:u-ml-2.5 b--xl:u-ml-6 " data-controller="menu" data-attribute-target="element" data-attribute-toggle-class="v--active" hidden> <ul> <li data-menu-target="root"> <button class="c-menu__item v--top" data-menu-target="top">Product<span class="c-menu__arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div> <ul> <li><a href="/tour/" class="c-menu__item">Product Tour<br><small>Feel the LiveChat experience</small></a></li> <li><a href="/features/" class="c-menu__item">Features<br><small>Everything you need</small></a></li> <li><a href="/features/channels/" class="c-menu__item">Channels<br><small>Be where your customers are</small></a></li> </ul> </div> <div> <p class="c-menu__header">Solutions</p> <ul> <li><a href="/solutions/customer-support/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.1 17.8a14 14 0 0113.8 0M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Customer Support</a></li> <li><a href="/solutions/sales-and-marketing/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3h2l.4 2m0 0H21l-4 8H7M5.4 5L7 13m0 0l-2.3 2.3a1 1 0 00.7 1.7H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Sales & Marketing</a></li> <li><a href="/enterprise/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 11h2a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v3M8 4v1.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 004 0 2 2 0 012-2h1m-5 12.5V18a2 2 0 012-2h3m1-4a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Enterprise</a></li> </ul> </div> </div> <a href="/app/" class="c-menu__foot-action v--only-desktop"> Get LiveChat App<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 7.99992H2M9.33333 3.33325L14 7.99992L9.33333 3.33325ZM14 7.99992L9.33333 12.6666L14 7.99992Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </div> </li> <li data-menu-target="root"> <a class="c-menu__item v--top" href="/pricing/" data-menu-target="top">Pricing</a> </li> <li data-menu-target="root"> <button class="c-menu__item v--top" data-menu-target="top"> <span data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass">Integrations</span> <span class="u-hidden" data-controller="attribute logged-in" data-attribute-remove-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass">Marketplace</span> <span class="c-menu__arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div class="v--reset"> <p class="c-menu__header" data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass">Top Apps</p> <p class="c-menu__header u-hidden" data-controller="attribute logged-in" data-attribute-remove-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass">Top Integrations</p> <ul> <li><a href="/shopify-chat/" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m19.2 5.5-.2-.2h-1.6L16 4c-.1-.2-.4 0-.4 0H15l-.4-.6c-.4-.9-1-1.3-1.9-1.3h-.2c-.3-.4-.8-.6-1.3-.6-1 0-2 .7-2.9 2.1-.6 1-1 2-1.1 3l-2 .6c-.7.2-.7.2-.7.7L2.9 20.3l13 2.2 5.6-1.4-2.3-15.6Zm-5-1.2-1 .4c0-.5 0-1.3-.2-1.9.8.1 1.2 1 1.3 1.5Zm-1.6.5-2.2.7c.2-.8.7-1.6 1.2-2 .1-.3.4-.5.7-.6.2.6.3 1.4.3 2Zm-1.4-2.6c.2 0 .4 0 .6.2-.2 0-.6.3-.8.6-.6.7-1.2 1.8-1.4 2.8L8 6.4c.4-1.8 1.7-4.2 3.3-4.2Z" fill="#95BF47"/><path d="M19 5.4h-1.6L16 4H16v18.5l5.6-1.4-2.3-15.6-.2-.1Z" fill="#5E8E3E"/><path d="m12.7 8.2-.6 2.4s-.7-.3-1.6-.2c-1.3 0-1.3.9-1.3 1 0 1.2 3 1.4 3.1 4 .1 2-1 3.3-2.8 3.5-2 0-3.2-1.2-3.2-1.2l.4-1.8s1.2.9 2 .8c.7 0 .9-.6.9-.9 0-1.4-2.4-1.3-2.6-3.7-.1-2 1.2-4 4-4.1 1.2 0 1.7.2 1.7.2Z" fill="#fff"/></svg></span>Shopify</a></li> <li><a href="/marketplace/apps/squarespace/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.4 12 12 5.5a2.4 2.4 0 0 1 3.4 0l.5.5 1-1-.5-.6a3.8 3.8 0 0 0-5.4 0L4.4 11l1 1Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="m14.3 7.6-1-1-6.7 6.6c-1 1-2.5 1-3.4 0-1-.9-1-2.4 0-3.4L8.9 4 8 3 2 8.8a4 4 0 0 0 0 5.5 3.8 3.8 0 0 0 5.5 0l6.7-6.7ZM20.9 8.8a3.8 3.8 0 0 0-5.5 0l-6.7 6.7 1 1 6.7-6.6a2.4 2.4 0 0 1 4.1 1.7c0 .6-.2 1.2-.7 1.7l-5.7 5.8 1 1 5.8-5.8a4 4 0 0 0 0-5.5Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.6 11 11 17.9c-1 1-2.5 1-3.4 0l-.5-.5-1 1 .5.5a3.8 3.8 0 0 0 5.4 0l6.6-6.7-1-1Z" fill="currentColor"/></svg> </span>Squarespace</a></li> <li><a href="/marketplace/apps/mailchimp/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z" fill="#FDDD4C"/><path d="M7.4 14.7c-.2-.3.3-.8.1-1.3a.8.8 0 0 0-1.3-.2c-.3.3-.3.7-.2.8v.1c.2 0 .2-.3.3-.4.1-.2.4-.3.7-.2.4.3 0 .7 0 1 0 .4.3.6.5.6l.4-.2c0-.2-.3.1-.5-.2ZM16 11.5h-.4l-.2-.5c-.1-.4-.1-.7.1-.7.3 0 .4.2.5.6v.6ZM13.4 11.8v.2l.4.2v.1h-.4c0 .2-.2.2-.4 0 0 0-.2.2-.3 0l.2-.1-.1-.5-.4.1H12l.2-.2.4-.2c0-.2 0-.4.2-.4s.3.1.4.4c.3 0 .5.2.6.4v.1l-.5-.1ZM15 12.7h.3c0-.1 0-.3-.2-.3h-.3c-.1.1 0 .3.1.3ZM15.6 12.2c0-.2.1-.3.3-.3l.2.3c0 .2-.1.3-.2.3-.2 0-.3-.1-.3-.3Z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.9 14.2c.2 0 .6.3.6 1 0 .6-.3 1.3-.3 1.5-1 2.3-3.4 3.6-6.2 3.5a6.4 6.4 0 0 1-5.8-3.6c-.6 0-1.2-.3-1.7-.7-.5-.4-.8-1-.9-1.5 0-.5 0-1 .2-1.3l-.6-.4c-2.5-2.1 5.4-10.8 8-8.6l.8.8c1.2-.5 4.4-1.5 4.4.8 0 .8-.4 1.6-1.2 2.4.9.8.6 2 .8 3l.3.2c.6.1 1 .3 1.2.6l.4.6c0 .2 0 .6-.3 1l.3.7ZM7 16h.3c.9-.2 1.1-1.2 1-2.2-.2-1-1-1.4-1.5-1.5h-.3c-1 .2-1.5 1-1.4 2 .1.9 1 1.6 2 1.7Zm-2-3.4c.3-.4.8-.7 1.3-.8.7-2 2-3.7 3.5-4.9 1.2-1 2.5-1.7 2.5-1.7s-.7-.8-1-.8c-1.2-.3-4 1.5-5.7 4C5 9.4 4 11.2 4.5 12l.6.5Zm10.3 3s-1 .4-2.7 0c0 .4.6.6 1 .7 2 .3 4-.8 4.4-1 0-.1 0 0 0 0-.6.7-2 1.4-3.8 1.4-.8 0-1.5-.2-1.8-.7-.5-.6 0-1.6.7-1.5a7 7 0 0 0 3.7-.5c1-.5 1.4-1 1.4-1.4-.1-.6-1-.7-1.5-.9-.3 0-.4-.1-.4-.5v-1c0-.5-.1-1-.5-1.3a.6.6 0 0 0-.5 0c-.2 0-.3 0-.5.2-.4.4-.8.4-1.3.4a7.9 7.9 0 0 1-.8 0h-.2c-.7 0-1.5.5-1.7 1.4-.1 1 .5 1.6.8 2l.2.2.1.2v.2a3.1 3.1 0 0 0-.7 3.3C12 18.3 14 19 16 18.4c1.4-.5 2.7-1.6 3-3 0-.4-.1-.6-.2-.7h-.3s0-.5-.3-1c-.6.5-1.3.9-1.9 1-.9.3-1.9.4-2.8.3-.4 0-.7-.1-.8.2 1.3.5 2.6.3 2.6.3Zm-3.7-8.9c-.6.4-1.4 1-2 1.7a6.4 6.4 0 0 1 5-1c-.4-.3-1-.4-1.5-.4 0-.2.2-.3.3-.3v-.1c-.6 0-2 .6-2 .6l.3-.5Z" fill="#000"/></svg></span>Mailchimp</a></li> </ul> </div> <div> <p class="c-menu__header u-hidden lg:u-block"></p> <ul class="b--lg:u-pt-2.5"> <li><a href="/marketplace/apps/whatsapp-business/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 23.25C17.799 23.25 22.5 18.549 22.5 12.75C22.5 6.95101 17.799 2.25 12 2.25C6.20101 2.25 1.5 6.95101 1.5 12.75C1.5 14.6332 1.99575 16.4005 2.86386 17.9287L1.5 23.25L6.98615 21.9778C8.47603 22.7891 10.1842 23.25 12 23.25ZM12 21.6346C16.9068 21.6346 20.8846 17.6568 20.8846 12.75C20.8846 7.84316 16.9068 3.86538 12 3.86538C7.09316 3.86538 3.11538 7.84316 3.11538 12.75C3.11538 14.6445 3.70838 16.4006 4.71888 17.8427L3.92308 20.8269L6.95995 20.0677C8.39202 21.0559 10.1284 21.6346 12 21.6346Z" fill="#BFC8D0"/> <path d="M21 12C21 16.9706 16.9706 21 12 21C10.1041 21 8.34516 20.4138 6.89449 19.4127L3.81818 20.1818L4.62432 17.1588C3.60069 15.698 3 13.9192 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" fill="url(#paint0_linear_45_490)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 13.8832 1.99575 15.6505 2.86386 17.1787L1.5 22.5L6.98615 21.2278C8.47603 22.0391 10.1842 22.5 12 22.5ZM12 20.8846C16.9068 20.8846 20.8846 16.9068 20.8846 12C20.8846 7.09316 16.9068 3.11538 12 3.11538C7.09316 3.11538 3.11538 7.09316 3.11538 12C3.11538 13.8945 3.70838 15.6506 4.71888 17.0927L3.92308 20.0769L6.95995 19.3177C8.39202 20.3059 10.1284 20.8846 12 20.8846Z" fill="white"/> <path d="M9.37502 7.12501C9.12537 6.62357 8.7424 6.66797 8.35551 6.66797C7.66407 6.66797 6.58594 7.49618 6.58594 9.03756C6.58594 10.3008 7.14259 11.6836 9.01831 13.7522C10.8285 15.7485 13.207 16.7812 15.1816 16.746C17.1563 16.7109 17.5625 15.0117 17.5625 14.4378C17.5625 14.1835 17.4047 14.0566 17.2959 14.0221C16.6231 13.6992 15.382 13.0974 15.0996 12.9844C14.8172 12.8713 14.6698 13.0243 14.5781 13.1074C14.3221 13.3515 13.8144 14.0707 13.6406 14.2324C13.4668 14.3942 13.2077 14.3123 13.0999 14.2512C12.7031 14.092 11.6272 13.6134 10.7696 12.7821C9.70899 11.7539 9.64675 11.4002 9.44693 11.0853C9.28707 10.8334 9.40437 10.6789 9.46291 10.6113C9.69142 10.3477 10.007 9.94058 10.1485 9.73829C10.29 9.53599 10.1776 9.22885 10.1102 9.03756C9.82033 8.21485 9.57473 7.52615 9.37502 7.12501Z" fill="white"/> <defs> <linearGradient id="paint0_linear_45_490" x1="19.875" y1="5.25" x2="3" y2="21" gradientUnits="userSpaceOnUse"> <stop stop-color="#5BD066"/> <stop offset="1" stop-color="#27B43E"/> </linearGradient> </defs> </svg> </span>WhatsApp</a></li> <li><a href="/marketplace/apps/facebook-messenger/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10.5" fill="url(#a)"/><path d="m16 15.2.4-3h-3v-1.9c0-.8.5-1.6 1.8-1.6h1.3V6.2L14.1 6c-2.4 0-4 1.4-4 4v2.2H7.6v3h2.7v7.2a10.9 10.9 0 0 0 3.3 0v-7.2h2.4Z" fill="#fff"/><defs><linearGradient id="a" x1="12" y1="1.5" x2="12" y2="22.4" gradientUnits="userSpaceOnUse"><stop stop-color="#18ACFE"/><stop offset="1" stop-color="#0163E0"/></linearGradient></defs></svg></span>Facebook</a></li> <li><a href="/marketplace/apps/hubspot/#description" class="c-menu__item"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7 8.4V6a2 2 0 0 0 1.1-1.7 2 2 0 0 0-2-2 2 2 0 0 0-1.9 2A2 2 0 0 0 16 6v2.5c-1 .2-1.8.6-2.6 1.2L6.6 4.2a2.2 2.2 0 0 0-2.7-2.6A2.2 2.2 0 0 0 2.8 5a2.2 2.2 0 0 0 2.7.5l6.8 5.2a5.4 5.4 0 0 0 0 6.2l-2 2h-.5a1.8 1.8 0 0 0-1.7 2 1.8 1.8 0 0 0 2.4 1.4 1.8 1.8 0 0 0 1-1.7v-.5l2-2a5.5 5.5 0 0 0 8.1-7 5.5 5.5 0 0 0-4-2.8h.1Zm-.8 8.2a2.8 2.8 0 0 1-2.8-3.3 2.8 2.8 0 0 1 5.1-1 2.8 2.8 0 0 1-2.3 4.3" fill="#FF7A59"/></svg></span>HubSpot</a></li> </ul> </div> </div> <a href="/marketplace/" class="c-menu__foot-action v--m-button"> Discover 200+ integrations<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 7.99992H2M9.33333 3.33325L14 7.99992L9.33333 3.33325ZM14 7.99992L9.33333 12.6666L14 7.99992Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </div> </li> <li data-menu-target="root" data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass"> <button class="c-menu__item v--top" data-menu-target="top">Customers<span class="c-menu__arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div> <ul> <li><a href="/customers/" class="c-menu__item">Our customers<br><small>Join 37000+ companies</small></a></li> <li><a href="/customers/customer-stories/" class="c-menu__item">Case Studies<br><small>How others grow with LiveChat</small></a></li> <li><a href="/customers/live-chat-reviews/" class="c-menu__item v--no-border">Reviews<br><small>What they say about us</small></a></li> </ul> </div> <div> <p class="c-menu__header">Industries</p> <ul> <li><a href="/solutions/ecommerce/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 11V7a4 4 0 10-8 0v4M5 9h14l1 12H4L5 9z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Ecommerce</a></li> <li><a href="/solutions/it-software/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Software & IT</a></li> <li><a href="/solutions/education/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 20v-7.5l4-2.2m0 3.7l9-5-9-5-9 5 9 5zm0 0l6.2-3.4c.8 2 1 4.3.6 6.5a12 12 0 00-6.8 3 12 12 0 00-6.8-3 12 12 0 01.6-6.5L12 14z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Education</a></li> <li><a href="/solutions/livechat-for-finance/" class="c-menu__item v--m-button"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 21h16M4 10h16M20 10V7l-8-4-8 4v3M7 10v11M17 10v11M12 10v11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </span>Finance</a></li> </ul> </div> </div> </div> </li> <li data-menu-target="root" class="u-hidden" data-controller="attribute logged-in" data-attribute-remove-class="u-hidden" data-action="logged-in:loggedIn->attribute#removeClass"> <a class="c-menu__item v--top" href="/help/" data-menu-target="top">Help Center</a> </li> <li class="v--only-mobile"> <a href="/app/" class="c-menu__item v--top">App</a> </li> <li data-menu-target="root"> <button class="c-menu__item v--top" data-menu-target="top">Resources<span class="c-menu__arrow"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div> <ul> <li data-controller="attribute logged-in" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass"><a href="/help/" class="c-menu__item"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16a4 4 0 100-8 4 4 0 000 8z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 21a9 9 0 100-18 9 9 0 000 18zM15 15l3.4 3.4M9 15l-3.4 3.4M5.6 5.6L9 9M18.4 5.6L15 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </span>Help Center</a></li> <li class="v--only-mobile"><a href="/success/" class="c-menu__item" target="_blank"><span class="c-menu__icon v--mobile"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.7C0 1.2 1.2 0 2.7 0h18.6C22.8 0 24 1.2 24 2.7v18.6c0 1.5-1.2 2.7-2.7 2.7H2.7A2.7 2.7 0 010 21.3V2.7z" fill="#FFD000"/><path d="M7 12.6v-.2h2.6v.2c0 .9.8 1.5 2.1 1.5s2.1-.5 2.1-1.4c0-.5-.2-.8-.9-1L9.7 11c-1.6-.4-2.5-1.2-2.5-2.8C7.2 6 9 4.7 11.6 4.7c2.6 0 4.3 1.3 4.3 3.5v.1h-2.5v-.2c0-.8-.5-1.4-1.8-1.4-1.1 0-1.8.5-1.8 1.2 0 .6.3.8.8 1l3.3.8c1.6.4 2.5 1.3 2.5 2.8 0 2-2 3.6-4.7 3.6S7 14.9 7 12.6z" fill="#1B1B20"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6 8.9c-.5-.2-.8-.4-.8-1 0-.7.7-1.2 1.8-1.2 1.3 0 1.8.6 1.8 1.4v.2h2.5v-.1V8c-.1-2-1.8-3.3-4.3-3.3C9 4.7 7.2 6 7.2 8.2c0 1.6.9 2.4 2.5 2.8l3.2.8c.7.1 1 .4 1 1 0 .8-1 1.3-2.2 1.3-1.3 0-2.1-.6-2.1-1.5v-.2H7V12.7c.1 2.3 2 3.4 4.7 3.4s4.7-1.5 4.7-3.6c0-1.5-.9-2.4-2.5-2.8l-3.3-.8zm1 6.9c2.7 0 4.4-1.5 4.4-3.3 0-.7-.2-1.2-.5-1.6-.3-.4-.9-.7-1.6-.9l-3.4-.8c-.3 0-.6-.2-.8-.4-.2-.2-.3-.5-.3-.9 0-.5.3-.9.7-1.1.4-.3.9-.4 1.5-.4.7 0 1.2.1 1.6.5.3.3.5.7.5 1h1.9c0-.8-.5-1.5-1-2-.8-.5-1.8-.9-3-.9s-2.2.3-3 .9c-.6.5-1 1.3-1 2.3 0 .7.1 1.3.5 1.6a3.2 3.2 0 001.7.9l3.2.7c.4.1.7.3.9.5.2.2.3.5.3.8 0 .6-.3 1-.8 1.3-.4.3-1 .4-1.7.4s-1.3-.1-1.7-.5c-.5-.2-.7-.7-.8-1.2H7.4c0 1 .5 1.7 1.1 2.2.8.6 1.9.8 3.2.9zM5.6 19.7l-.1-1-.1-1h.2A151.5 151.5 0 0111 17h7v2.1h-7a40.2 40.2 0 00-5.2.5h-.1z" fill="#1B1B20"/></svg> </span>Success by LiveChat<br><small>More than a business blog!</small></a></li> <li><a href="/news/" class="c-menu__item"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 5.9v13.3a1.8 1.8 0 01-3.4.6l-2.2-6.1m0 0A4 4 0 017 6h1.8C13 6 16.5 4.8 18 3v14c-1.5-1.8-5-3-9.2-3H7a4 4 0 01-1.6-.3zM18 13a3 3 0 000-6v6z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Product News</a></li> <li class="v--only-desktop"><a href="/marketplace/partners/" class="c-menu__item"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 20h5v-2a3 3 0 00-5.4-1.9M17 20l-.4-3.9M17 20H7m10 0v-2a5 5 0 00-.4-1.9m0 0a5 5 0 00-9.2 0M7 20H2v-2a3 3 0 015.4-1.9M7 20l.4-3.9M7 20v-2c0-.7.1-1.3.4-1.9M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Partners Marketplace</a></li> <li><a href="https://developers.livechat.com" class="c-menu__item" target="_blank" rel="noopener"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>API & Developers</a></li> <li><a href="https://partners.livechat.com?utm_source=livechat.com&utm_medium=referral&utm_content=top_navigation" class="c-menu__item v--no-border" target="_blank" rel="noopener"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 3a1 1 0 012 0l1.5 4.6a1 1 0 001 .7h4.8A1 1 0 0121 10L17 13a1 1 0 00-.3 1.1l1.5 4.7a1 1 0 01-1.5 1.1l-4-2.9a1 1 0 00-1.2 0l-4 2.9A1 1 0 016 18.8L7.4 14a1 1 0 00-.3-1.1L3 10a1 1 0 01.6-1.8h4.9a1 1 0 001-.7L11 2.9v0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Partner Program</a></li> <li class="v--only-desktop"><a href="https://status.livechat.com" class="c-menu__item" target="_blank" rel="noopener"><span class="c-menu__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>System Status</a></li> </ul> </div> <div class="v--only-desktop"> <p class="c-menu__header">Learn</p> <ul> <li><a href="/success/" class="c-menu__item" target="_blank"><span class="c-menu__icon u--mr-xs"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2.7C0 1.2 1.2 0 2.7 0h18.6C22.8 0 24 1.2 24 2.7v18.6c0 1.5-1.2 2.7-2.7 2.7H2.7A2.7 2.7 0 010 21.3V2.7z" fill="#FFD000"/><path d="M7 12.6v-.2h2.6v.2c0 .9.8 1.5 2.1 1.5s2.1-.5 2.1-1.4c0-.5-.2-.8-.9-1L9.7 11c-1.6-.4-2.5-1.2-2.5-2.8C7.2 6 9 4.7 11.6 4.7c2.6 0 4.3 1.3 4.3 3.5v.1h-2.5v-.2c0-.8-.5-1.4-1.8-1.4-1.1 0-1.8.5-1.8 1.2 0 .6.3.8.8 1l3.3.8c1.6.4 2.5 1.3 2.5 2.8 0 2-2 3.6-4.7 3.6S7 14.9 7 12.6z" fill="#1B1B20"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6 8.9c-.5-.2-.8-.4-.8-1 0-.7.7-1.2 1.8-1.2 1.3 0 1.8.6 1.8 1.4v.2h2.5v-.1V8c-.1-2-1.8-3.3-4.3-3.3C9 4.7 7.2 6 7.2 8.2c0 1.6.9 2.4 2.5 2.8l3.2.8c.7.1 1 .4 1 1 0 .8-1 1.3-2.2 1.3-1.3 0-2.1-.6-2.1-1.5v-.2H7V12.7c.1 2.3 2 3.4 4.7 3.4s4.7-1.5 4.7-3.6c0-1.5-.9-2.4-2.5-2.8l-3.3-.8zm1 6.9c2.7 0 4.4-1.5 4.4-3.3 0-.7-.2-1.2-.5-1.6-.3-.4-.9-.7-1.6-.9l-3.4-.8c-.3 0-.6-.2-.8-.4-.2-.2-.3-.5-.3-.9 0-.5.3-.9.7-1.1.4-.3.9-.4 1.5-.4.7 0 1.2.1 1.6.5.3.3.5.7.5 1h1.9c0-.8-.5-1.5-1-2-.8-.5-1.8-.9-3-.9s-2.2.3-3 .9c-.6.5-1 1.3-1 2.3 0 .7.1 1.3.5 1.6a3.2 3.2 0 001.7.9l3.2.7c.4.1.7.3.9.5.2.2.3.5.3.8 0 .6-.3 1-.8 1.3-.4.3-1 .4-1.7.4s-1.3-.1-1.7-.5c-.5-.2-.7-.7-.8-1.2H7.4c0 1 .5 1.7 1.1 2.2.8.6 1.9.8 3.2.9zM5.6 19.7l-.1-1-.1-1h.2A151.5 151.5 0 0111 17h7v2.1h-7a40.2 40.2 0 00-5.2.5h-.1z" fill="#1B1B20"/></svg> </span>Success by LiveChat<br><small>More than a business blog!</small></a></li> <li><a href="/customer-service-report/" class="c-menu__item">Customer Service Report<br><small>Discover the latest data</small></a></li> <li><a href="/benchmark/" class="c-menu__item">Local Benchmark<br><small>Compare your results</small></a></li> <li><a href="/webinars/" class="c-menu__item">Webinars<br><small>LiveChat Workshops</small></a></li> <li><a href="/privacy-policy-generator/" class="c-menu__item">Privacy Policy Generator<br><small>Become GDPR compliant</small></a></li> </ul> </div> </div> </div> </li> </ul> <div class="v--only-mobile b--u-p-3 u-mt-auto u-mb-0" data-controller="attribute logged-in append-params" data-append-params-params-value="region" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass"> <form data-append-params-target="form" action="https://accounts.livechat.com/signup" method="GET" data-controller="signup" data-action="signup#submit" class="o-input-group b--u-mb-3"> <input type="email" name="email" class="" style="border-color: #767680;" data-signup-target="email" placeholder="Enter your email" aria-label="Business Email" required autocomplete="email" /> <input type="hidden" name="source_id" value="header_cta" /> <input type="hidden" name="source_url" value="https://www.livechat.com/features/customization/" /> <input type="hidden" name="source_type" value="website" /> <div class="o-input-group__append"> <button type="submit" class="c-btn v--signup">Sign up free</button> </div> </form> <p class="u-text-center"><a href="https://my.livechatinc.com" data-controller="track" data-track-category="Log In Button" data-track-action="Top Nav" data-track-label="Redirect to Accounts" data-action="track#send">Already a customer? <span class="u-text-primary">Log in</span></a></p> </div> </nav> <div class="c-navbar__actions" data-controller="attribute logged-in append-params" data-append-params-params-value="region" data-attribute-add-class="u-hidden" data-action="logged-in:loggedIn->attribute#addClass"> <a href="https://my.livechatinc.com" class="c-btn v--sm v--secondary hover:u-bg-gray-900 hover:u-border-gray-900 hover:u-text-black u-border-white" data-controller="track" data-track-category="Log In Button" data-track-action="Top Nav" data-track-label="Redirect to Accounts" data-action="track#send">Log in</a> <div class="lc-signup-expandable" data-controller="expandable-signup"> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="signup" data-action="signup#submit" data-expandable-signup-target="form"> <div class="o-input-group"> <input type="email" name="email" class="v--sm b--u-text-sm" data-signup-target="email" data-expandable-signup-target="input" placeholder="Enter your business email" aria-label="Business Email" required autocomplete="email" /> <input type="hidden" name="source_id" value="header_cta" /> <input type="hidden" name="source_url" value="https://www.livechat.com/features/customization/" /> <input type="hidden" name="source_type" value="website" /> <div class="o-input-group__append"> <button type="submit" class="c-btn v--signup v--sm">Sign up free</button> </div> </div> </form> <a data-append-params-target="link" href="https://accounts.livechat.com/signup?source_id=header_cta&source_url=https://www.livechat.com/features/customization/&source_type=website" class="c-btn v--secondary hover:u-bg-signup hover:u-border-signup v--sm" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-action="track#send" data-expandable-signup-target="button">Sign up free</a> </div> </div> <div class="u-hidden lg:u-hidden lg:u-ml-auto" data-controller="attribute logged-in" data-attribute-remove-class="lg:u-hidden" data-attribute-add-class="lg:u-block" data-action="logged-in:loggedIn->attribute#removeClass logged-in:loggedIn->attribute#addClass"> <div class="u-hidden lg:u-flex u-flex-row u-items-center gap-1"> <a href="https://my.livechatinc.com" class="c-btn v--sm b--u-py-1.5 v--secondary " data-controller="track" data-track-category="Log In Button" data-track-action="Top Nav" data-track-label="Instant Login" data-action="track#send">Go to app</a> <div class="c-navbar__actions u-hidden" data-controller="attribute logged-in" data-attribute-remove-class="u-hidden" data-action="logged-in:loggedInWithUserData->attribute#removeClass"> <div class="t-homepage-menu" data-controller="click-focus"> <button data-action="click-focus#toggleFocusClass" class="t-homepage-menu-button c-btn u-p-1 u-rounded u-flex u-items-center v--transparent u-border-none hover:u-bg-gray-900 "> <img data-logged-in-target="avatar" src="/images/user-avatar.370edf4b344b55dcfcaea4f1f214d235b9bbfdea238dc609ef52d7b65c355d75.svg" alt="" class="t-homepage-user-icon u-round b--u-mr-1" style="width: 32px; height: 32px; object-fit: cover;"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.6666 6L7.99992 10.6667L3.33325 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div class="t-homepage-menu-content b--u-bg-white u-shadow"> <div class="b--u-m-2 u-flex gap-1 u-items-center"> <div><img data-logged-in-target="avatar" src="/images/user-avatar.370edf4b344b55dcfcaea4f1f214d235b9bbfdea238dc609ef52d7b65c355d75.svg" alt="" class="t-homepage-user-icon u-round" style="width: 38px; height: 38px; object-fit: cover"></div> <div> <div data-logged-in-target="name" class="b--u-text-md b--u-text-bold">User Name</div> <div data-logged-in-target="email" class="b--u-text-xs"></div> </div> </div> <div style="width:100%; margin-top:10px; margin-bottom:4px; border-bottom:1px solid #eaeaec;"></div> <a href="https://my.livechatinc.com/subscription/?source_id=user_menu&source_url=https%3A%2F%2Fwww.livechat.com%2ffeatures%2fcustomization%2f&source_type=website" class="c-menu__item u-flex u-items-center b--u-bg-transparent u-w-full hover:u-bg-gray-900 "> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="b--u-mr-1"> <g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" clip-path="url(#clip0_1731_971)"> <path d="M9 12H5.4a1 1 0 0 1-.7-1.7l6.6-6.6a1 1 0 0 1 1.4 0l6.6 6.6a1 1 0 0 1-.7 1.7H15v6H9v-6ZM9 21h6" /> </g> <defs> <clipPath id="clip0_1731_971"> <path fill="#fff" d="M0 0h24v24H0z" /> </clipPath> </defs> </svg> Upgrade</a> <a href="/help/" class="c-menu__item u-flex u-items-center b--u-bg-transparent u-w-full hover:u-bg-gray-900 "> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="b--u-mr-1"> <g stroke="#1B1B20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" clip-path="url(#clip0_2_3853)"> <path d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 17v0" /> <path d="M12 13.5a1.5 1.5 0 0 1 1-1.5 2.6 2.6 0 1 0-3-4" /> </g> <defs> <clipPath id="clip0_2_3853"> <path fill="#fff" d="M0 0h24v24H0z" /> </clipPath> </defs> </svg> Help Center</a> <button class="c-menu__item u-flex u-items-center b--u-bg-transparent u-w-full hover:u-bg-gray-900 " data-action="click-focus#removeFocusClass" onclick="LC_API.open_chat_window();return false;"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="b--u-mr-1"> <g clip-path="url(#clip0_2_4566)"> <path stroke="#1B1B20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 20 1.3-3.9a7.3 7.3 0 0 1-1.1-5.5c.3-2 1.5-3.7 3.2-4.9a9.8 9.8 0 0 1 11.8.5 7.4 7.4 0 0 1 1 10.5 9.2 9.2 0 0 1-5.2 3 10 10 0 0 1-6.3-.7L3 20" /> <path fill="#1B1B20" fill-rule="evenodd" d="M12.3 11c.6 0 1.2.6 1.2 1.3a1.2 1.2 0 1 1-2.5 0c0-.7.6-1.3 1.3-1.3ZM7.7 11c.7 0 1.3.6 1.3 1.2a1.2 1.2 0 0 1-2.5 0c0-.6.6-1.2 1.2-1.2ZM16.8 11c.6 0 1.2.6 1.2 1.3a1.2 1.2 0 1 1-2.5 0c0-.7.6-1.3 1.3-1.3Z" clip-rule="evenodd" /> </g> <defs> <clipPath id="clip0_2_4566"> <path fill="#fff" d="M0 0h24v24H0z" /> </clipPath> </defs> </svg> Chat with us</button> <button class="c-menu__item u-flex u-items-center b--u-bg-transparent u-w-full hover:u-bg-gray-900 " data-controller="logged-in" data-action="logged-in#logout"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="b--u-mr-1"> <g stroke="#1B1B20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" clip-path="url(#clip0_2_4402)"> <path d="M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2M7 12h14m0 0-3-3m3 3-3 3" /> </g> <defs> <clipPath id="clip0_2_4402"> <path fill="#fff" d="M0 0h24v24H0z" /> </clipPath> </defs> </svg> Logout</button> </div> </div> </div> </div> </div> </div> </div> <div class="o-wrapper"> <section class="u-bg-gray-900"> <div class="o-container"> <div class="o-feature"> <div class="u-text-center md:u-text-left b--u-pt-6 b--md:u-pt-20 b--md:u-pb-12"> <a href="/features/" class="c-link b--u-text-sm b--u-text-caps u-text-gray-300">Features</a> <h1 class="b--u-text-4xl b--u-mt-3 b--u-mb-4"><span class="u-text-mark">Chat widget customization</span></h1> <p class="b--u-text-lg b--u-mb-4 lg:u--Mr-md">Connect with your customers through a personalized, fully accessible chat widget.</p> <div class="lg:u--Mr-md"> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="signup track" data-action="track#send" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" > <div class="u-maxw-6 u-mx-auto u-flex u-flex-col sm:u-flex-row"> <input type="email" name="email" class="u-mr-xs u-mb-xs sm:u-mb-0" style="min-width: 14rem; height:58px;" data-signup-target="email" data-expandable-signup-target="input" placeholder="Enter your business email" aria-label="Business Email" required> <input type="hidden" name="source_id" value="hero"> <input type="hidden" name="source_url" value="https://www.livechat.com/features/customization/"> <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> </div> <p class="u-Mt-2xs u-mb-0 u-text-p8 u-text-center md:u-text-left"> <span class="b--u-mr-2 u-inline-block u-pb-0"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" class="b--u-mr-1"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"> </path> </svg> Free 14-day trial </span> <span class="b--u-mr-2 u-inline-block u-pb-0"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" class="b--u-mr-1"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"> </path> </svg> No credit card required </span> </p> </div> <img class="md:u-hidden u-maxw-3 u-mx-auto u-rounded u-shadow-xl b--u-mb-6 b--md:u-mb-0" src="/features/customization/Blue_yellow_hub795f1d19d4f5d7678ddbb6137f6bde4_26018_640x0_resize_q75_h2_catmullrom_3.b991d5a47a45de6d9b8d24136968a54eeff325da1bf650da81fe0310e0195b71.webp" alt="Chat Widget customization" width="320" height="640" type="image/webp"> <div class="t-f-c-hero b--lg:u-ml-6 u-hidden md:u-block lg:o-feature__zoom"> <div class="t-f-c-sticky"> <img class="t-f-c-hero-widget-img u-maxw-3 u-mx-auto u-rounded u-shadow-xl b--u-mb-6 b--md:u-mb-0" src="/features/customization/Blue_yellow_hub795f1d19d4f5d7678ddbb6137f6bde4_26018_640x0_resize_q75_h2_catmullrom_3.b991d5a47a45de6d9b8d24136968a54eeff325da1bf650da81fe0310e0195b71.webp" alt="Chat Widget customization" width="320" height="640" loading="lazy" type="image/webp"> <div class="u-relative t-f-c-hero-widget-video u-maxw-3 u-mx-auto u-rounded u-shadow-xl b--u-mb-6 b--md:u-mb-0" style=""> <video autoplay loop playsinline muted src="/features/customization/widget.9461a2064d3cd64fa2de28a35101d591b368bdf6b0e62cc98cde41776f935e04.mp4" width="" height="" style="--aspect-ratio: /;" title="Chat Widget customization" data-lazyplay-target="video" ></video> </div> <div id="t-f-c-agentbar"> <div class="u-relative t-f-c-agent-bar u-absolute u-maxw-3 u-mx-auto u-rounded u-shadow-xl" style=""> <video autoplay loop playsinline muted src="/features/customization/agent-bar-anim.e29de44d1556ccf50ab22d756494783f4b783e10eb761fd1c5ec054c426ca368.mp4" width="" height="" style="--aspect-ratio: /;" title="Agent bar in the Chat Widget" data-lazyplay-target="video" ></video> </div> </div> <img class="t-f-c-hero-widget-agent u-maxw-3 u-mx-auto u-rounded u-shadow-xl b--u-mb-6 b--md:u-mb-0" src="/features/customization/Blue_yellow_opacity_hu021f24927b2cc73cff64d1ec188abf6d_25076_640x0_resize_q75_h2_catmullrom_3.f0011c03491faf3485754cc0d4e9917affd0351e90d9b1146722aa230cc2ca1f.webp" width="320" height="640" loading="lazy" type="image/webp"> <img class="t-f-c-agent u-absolute u-maxw-3 u-mx-auto" src="/features/customization/agent-avatar_hu76d459d85a86623905edf78255c71f95_5187_640x0_resize_q75_h2_catmullrom_3.6388b4f875a3e03603a1f3bf96c7c843d56475f33ad9fdafcb655923a830a467.webp" alt="Agent avatar" width="320" height="72" loading="lazy" type="image/webp"> <div class="u-relative t-f-c-translations u-relative u-maxw-3 u-rounded u-shadow-xl" style=""> <video autoplay loop playsinline muted src="/features/customization/translations.22d5a2e7f649f12eb890cd5be6cfe3661d24fc5506bfc3b9a1efe36dce622423.mp4" width="" height="" style="--aspect-ratio: /;" title="Multiple languages in the Chat Widget" data-lazyplay-target="video" ></video> </div> <div class="u-relative t-f-c-accessibility u-relative u-w-auto u-rounded" style=""> <video autoplay loop playsinline muted src="/features/customization/accessibility.b306d389b9efb2819df7ad5e6df6da048ad16664b29bf7e21e68dd2a0fe1aa24.mp4" width="" height="" style="--aspect-ratio: /;" title="Multiple languages in the Chat Widget" data-lazyplay-target="video" ></video> </div> </div> </div> </div> </div> </section> <section class="o-container b--u-py-8 b--lg:u-py-12"> <div class="o-feature b--u-pb-8 b--md:u-py-12 b--lg:u-py-20 u-hide-focus" id="Chat-window-themes"> <div class="b--u-pb-6 b--md:u-pb-0" id="trigger1"> <h2 class="b--u-text-4xl0 b--u-mb-4 u-hide-focus" id="Company-logo">Customization</h2> <p class="b--u-text-3xl b--u-mb-4 b--lg:u-mr-3">Keep your branding consistent</p> <h4 class="b--u-text-base b--u-text-bold">Adjust the look and feel of your chat widget.</h4> <p class="b--u-text-base b--u-mb-4">With the live editor, you can set the theme, colors, and position of the Chat Widget on the fly. No need to keep jumping back and forth between LiveChat settings and your website.</p> <h4 class="b--u-text-base b--u-text-bold">Make it work across all devices.</h4> <p class="b--u-text-base">Choose how you display the Chat Widget on your website to provide a tailored customer experience on desktop and mobile.</p> </div> <div class="u-block md:u-hidden"> <div class="u-relative u-maxw-3 u-mx-auto u-rounded u-shadow-xl" style=""> <video autoplay loop playsinline muted src="/features/customization/widget.9461a2064d3cd64fa2de28a35101d591b368bdf6b0e62cc98cde41776f935e04.mp4" width="" height="" style="--aspect-ratio: /;" title="LiveChat themes" data-lazyplay-target="video" ></video> </div> </div> </div> <div class="b--u-py-8 b--md:u-py-12 b--lg:u-py-20 u-hide-focus u-hidden md:u-block" id="Onsite-configurator"> <div class="b--u-mn-4"> <div class="u-relative t-f-c-shadow-overlay b--u-bg-white" style="max-width:1184px;max-height:700px;"> <video loop playsinline muted src="/features/customization/onsite-configurator.4f58eff65b137f97db95664255c824c440d8779da4058d3cd6d60e86aaf41fab.mp4" id="onsite-configurator" width="1184" height="700" style="--aspect-ratio: 1184/700;" title="" data-lazyplay-target="video" data-paused="true" poster="/features/customization/onsite-configurator_hu3a9f990286508f91b240c6b957fc60c1_90293_2188x0_resize_q75_h2_catmullrom.1fd7fe297b30854bafa8fb5f02b5f6c4b811f77a14ac2952e68088796962d284.webp"></video> </div> </div> </div> <div class="o-feature b--u-py-8 b--md:u-py-12 b--lg:u-py-20 u-hide-focus u-relative" id="Agent-profiles"> <div id="trigger2"> <h2 class="b--u-text-4xl0 b--u-mb-4">Agent profiles</h2> <p class="b--u-text-3xl b--u-mb-4 b--lg:u-mr-3">Add a human touch</p> <h4 class="b--u-text-base b--u-text-bold">Make the chat conversations more personal.</h4> <p class="b--u-text-base b--u-mb-4">Set your name, title, and profile picture in the chat widget. Choose a pic from our gallery or upload a photo of yourself.</p> </div> <div class="u-block md:u-hidden"> <div class="u-relative t-f-c-agentbar-mobile u-relative u-maxw-3 u-mx-auto" style=""> <video autoplay loop playsinline muted src="/features/customization/agent-bar-anim.e29de44d1556ccf50ab22d756494783f4b783e10eb761fd1c5ec054c426ca368.mp4" width="" height="" style="--aspect-ratio: /;" title="Agent bar" data-lazyplay-target="video" ></video> </div> <img class="t-f-c-widget u-maxw-3 u-mx-auto u-rounded u-shadow-xl" src="/features/customization/Blue_yellow_hub795f1d19d4f5d7678ddbb6137f6bde4_26018_640x0_resize_q75_h2_catmullrom_3.b991d5a47a45de6d9b8d24136968a54eeff325da1bf650da81fe0310e0195b71.webp" alt="LiveChat Chat Widget" width="320" height="640" loading="lazy" type="image/webp"> </div> </div> <div class="o-feature b--u-py-8 b--md:u-py-12 b--lg:u-py-20 u-hide-focus u-relative" id="Accessibility"> <div id="trigger3" class="u-relative"> <h2 class="b--u-text-4xl0 b--u-mb-4">Accessibility</h2> <p class="b--u-text-3xl b--u-mb-4 b--lg:u-mr-3">Be there for everyone</p> <h4 class="b--u-text-base b--u-text-bold">Offer help to all your customers with a fully accessible chat widget.</h4> <p class="b--u-text-base b--md:u-mb-4">Screen reader support, keyboard navigation, contrast adjustments, it鈥檚 all there. The chat widget is WCAG 2.1 AA compliant.</p> </div> <div class="u-block md:u-hidden u--Mr-xl u--Ml-3xl b--u-px-3"> <div class="u-relative t-f-c-accessibility-mobile u--Mb-lg u-mx-auto" style=""> <video autoplay loop playsinline muted src="/features/customization/accessibility.b306d389b9efb2819df7ad5e6df6da048ad16664b29bf7e21e68dd2a0fe1aa24.mp4" width="" height="" style="--aspect-ratio: /;" title="Agent bar" data-lazyplay-target="video" ></video> </div> </div> </div> <div class="o-feature b--u-py-8 b--md:u-py-12 b--lg:u-py-20 u-hide-focus" id="Language"> <div class="b--u-pb-6 b--md:u-pb-0"> <h2 class="b--u-text-4xl0 b--u-mb-4" id="trigger4">Languages</h2> <h3 class="b--u-text-3xl b--u-mb-3">Interact in 45+ languages</h3> <p class="b--u-text-base">Engage your customers in their native language.</p> <p class="b--u-text-base">Both the <strong>chat widget</strong> and <strong>greetings</strong> are translated into 45+ languages, including right-to-left Arabic and Hebrew.</p> </div> <div class="u-block md:u-hidden"> <img class="t-f-c-agent-mobile u-relative u-maxw-3 u-mx-auto" src="/features/customization/agent-avatar_hu76d459d85a86623905edf78255c71f95_5187_640x0_resize_q75_h2_catmullrom_3.6388b4f875a3e03603a1f3bf96c7c843d56475f33ad9fdafcb655923a830a467.webp" alt="Agent avatar" width="320" height="72" loading="lazy" type="image/webp"> <div class="u-relative t-f-c-translations-mobile u-relative u-maxw-3 u-rounded u-shadow-xl" style=""> <video autoplay loop playsinline muted src="/features/customization/translations.22d5a2e7f649f12eb890cd5be6cfe3661d24fc5506bfc3b9a1efe36dce622423.mp4" width="" height="" style="--aspect-ratio: /;" title="Multiple languages in the Chat Widget" data-lazyplay-target="video" ></video> </div> </div> </div> <div id="trigger5"></div> <div class="o-feature b--u-pt-8 b--md:u-py-12 b--lg:u-py-20" id="trigger6"> <div class="b--u-pb-6 b--md:u-pb-0 u-hide-focus" id="Chat-boosters"> <h2 class="b--u-text-4xl0 b--u-mb-4">Chat boosters</h2> <h3 class="b--u-text-3xl b--u-mb-3">Offer instant answers</h3> <h4 class="b--u-text-base b--u-text-bold b--u-mb-3">Let customers find answers to their questions right in the chat widget.</h4> <p class="b--u-text-base b--u-mb-4">Sync your chat widget with <a href="/marketplace/apps/knowledge-base/" class="c-link v--reset" target="_blank">KnowledgeBase</a> to offer self-help before chatting.</p> </div> <div> <div class="t-f-c-knowledgebase-wrapper"> <div class="u-relative t-f-c-knowledgebase u-maxw-3 u-mx-auto u-rounded u-shadow-xl" style=""> <video autoplay loop playsinline muted src="/features/customization/knowledgebase.4861ca81d1c1d46bfa160f4112d17a3c78db8d89dd3ff6f152fc627ca900c8fe.mp4" width="" height="" style="--aspect-ratio: /;" title="Chat boosters in LiveChat" data-lazyplay-target="video" ></video> </div> </div> </div> </div> </div> </section> <section class="u-maxw-12 b--u-mx-auto b--u-bg-yellow-400 b--u-py-4 b--u-px-8 b--u-mb-8 lg:u-rounded-sl "> <div class="u-flex u-justify-between u-items-center u-flex-col lg:u-flex-row"> <div class="u-maxw-6 b--u-mt-3 u-text-center lg:u-text-left u-w-full"> <p class="b--u-text-sm b--u-text-caps">LiveChat university</p> <h2 class="b--u-text-3xl">Turn the chat widget into your brand asset</h2> </div> <div class="b--u-mb-6 md:u-mb-0 u-mx-auto" data-controller="modal player-youtube" data-action="modal:close->player-youtube#pause"> <div class="u-relative u-p-0 u-maxw-8" data-action="click->modal#show"> <img src="/features/customization/customization-video.f9c6343686134b960e548127031d259218b8c9a0df362f62223baa1472ce371c.png" width="946" height="608" loading="lazy" /> <button role="button" class="t-video-modal__play-button--orange u-absolute b--u-bg-transparent" style="inset:0;"> <img src="/icons/play-button-orange.cffdda205ead06c9ba08c5f0243b0a6b3ce240393d342c62be116d287ed3cc0d.svg" width="76" height="76" title="Play" alt="Play button" loading="lazy" style="width:76px;height:76px" > </button> <img src="/images/watch-a-video.14f41fd02b64f3f721d396348ebab2a8cc6b1df37c72e30cdfc96f7016d63e5d.svg" class="u-absolute" width="65" height="68" alt="" loading="lazy" style="width:65px;height:68px;top:45%;right:-60px;" > </div> <dialog class="b--u-bg-transparent" data-modal-target="dialog"> <button class="b--u-bg-transparent u-flex u-w-full" data-action="click->modal#close"> <img src="/icons/close.c1638c1fcdd839cdda84e54b9abda568c2efda235dbc39efb901ba9fa539554d.svg" 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" alt="icon close" loading="eager" style="width: 36px;" > </button> <iframe class="t-video-modal__video" data-player-youtube-target="video" src="https://www.youtube.com/embed/VGuMrqb-vZE?rel=0&enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen></iframe> </dialog> </div> </div> </section> <section class="u-bg-gray-900 b--u-pt-8 b--lg:u-pt-12"> <h3 class="o-container b--u-text-2xl u-text-center b--u-pb-6 b--md:u-pb-12"><span class="u-text-mark">Discover</span> more features</h3> <div class="u-hidden md:u-block o-container-xl"> <img src="/images/features/read-next.ce1c86a76b59b77ad4ed975a083d64f588e8638a6ec570bdf0c229b212469a40.svg" class="u-w-auto u-ml-0 u-mb-0" alt=""> </div> <div class="o-container" data-controller="attribute" data-attribute-target="element" data-attribute-add-class="t-all-features-big"> <div class="u-hidden md:u-block u-text-center u-absolute t-all-features-button" data-attribute-target="element" data-action="click->attribute#addClass"> <button class="c-btn u-bg-black hover:u-bg-gray-200 u-text-white" data-controller="track" data-track-category="Features" data-track-action="Expanded" data-action="track#send">See more</button> </div> <div class="t-all-features"> <div class="o-columns v--three b--u-pb-8 b--md:u-pb-12 t-f-features-list b--md:u-pt-0.5 b--md:u-px-0.5"> <a href="https://www.livechat.com/features/chat-tools/" class="u-bg-white v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/chat-tools/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">Chat tools</h5> <p class="b--u-text-sm u-hidden md:u-block">Get all the tools you need to provide excellent customer support</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> <a href="https://www.livechat.com/features/agent-availability/" class="u-bg-white v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/agent-availability/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">Agent Availability</h5> <p class="b--u-text-sm u-hidden md:u-block">Let customers reply according to their own schedule with asynchronous communication.</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> <a href="https://www.livechat.com/features/chat-api/" class="u-bg-white v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/chat-api/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">LiveChat APIs</h5> <p class="b--u-text-sm u-hidden md:u-block">Use our APIs to automate your work and create custom integrations</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> <a href="https://www.livechat.com/features/channels/" class=" v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/channels/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">Messaging channels</h5> <p class="b--u-text-sm u-hidden md:u-block">Reach your customers wherever they are</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> <a href="https://www.livechat.com/features/engaging-customers/" class=" v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/engaging-customers/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">Engaging customers</h5> <p class="b--u-text-sm u-hidden md:u-block">Discover how LiveChat helps you get more chats</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> <a href="https://www.livechat.com/features/reports-and-analytics/" class=" v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/reports-and-analytics/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">Reports & analytics</h5> <p class="b--u-text-sm u-hidden md:u-block">Get an overview and in-depth data about your chat and agent activity</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> <a href="https://www.livechat.com/features/sales-ecommerce/" class=" v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/sales-ecommerce/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">Sales & ecommerce</h5> <p class="b--u-text-sm u-hidden md:u-block">Sell, generate leads, and improve sales workflow using LiveChat</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> <a href="https://www.livechat.com/features/security/" class=" v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/security/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">Security</h5> <p class="b--u-text-sm u-hidden md:u-block">Focus on growing your business. We will make sure your data is safe</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> <a href="https://www.livechat.com/features/team-management/" class=" v--reset u-flex u-flex-col u-justify-between u-text-black u-shadow u-rounded t-all-features-feature u-hover-lift b--u-px-2 b--md:u-px-4 b--u-py-3 b--u-mr-3 md:u-mr-0 b--u-mt-3 md:u-mt-0"> <div> <img src="/features/team-management/icon.svg" alt="" class="u-w-auto u-ml-0 b--u-mb-6"> <h5 class="b--u-text-lg b--u-text-bold">Team management</h5> <p class="b--u-text-sm u-hidden md:u-block">Help your team get more efficient with LiveChat</p> </div> <p class="c-link b--u-text-sm b--u-text-bold u-hidden md:u-block">Learn more</p> </a> </div> </div> </div> </section> <section class="b--u-pt-12 b--lg:u-pt-20"> <div class="o-container"> <div class="o-feature v--inverse"> <div> <img src="/features/customization/testimonial.png" class="u-maxw-5 b--u-px-6 md:u-px-0 u-mx-auto" alt="Image showing LiveChat's customer" > </div> <div class="b--lg:u-pl-6"> <blockquote class="b--u-text-2xl b--u-mb-6"> LiveChat鈥檚 user interface is clean and approachable, and the platform itself was <span class="u-text-mark">easy to integrate</span> with our website. </blockquote> <p class="b--u-text-base"> <span class="b--u-text-base b--u-text-bold">Vari Vilson</span>, Assistant Marketing Manager at Green Retreats</p> </div> </div> </section> <section class="o-container u-text-center b--u-pt-12 b--md:u-pt-12 b--md:u-pb-6"> <p class="b--u-text-lg b--u-text-bold b--u-mb-6 b--md:u-mb-12"><span class="u-text-mark">37,000+ customers</span> can't be wrong</p> <img src="/images/features/logotypes-desktop.97bff8db2cd92a87c5b424b83b9fa88011a6c412e4d72357e0588c27e03f2211.png" class="u-hidden lg:u-block" style="max-width: 928px;" alt="Companies that use LiveChat" > <img src="/images/features/logotypes-tablet.831e7c027f9f3802dc64ed7b625759218155efaabffc49bd7cceb6d28cb80205.png" class="u-hidden md:u-block lg:u-hidden" style="max-width: 629px;" alt="Companies that use LiveChat" > <img src="/images/features/logotypes-mobile.6db3b9067cb16010c32f3cc152d3c591926ccbeb0cd9e5478d27a670c743573c.png" class="u-block md:u-hidden u-maxw-5" style="max-width: 447px;" alt="Companies that use LiveChat" > </section> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js"></script> <script> var controller = new ScrollMagic.Controller(); $(function () { var Trigger1a = new ScrollMagic.Scene({ triggerElement: "#trigger1" }) .setClassToggle('.t-f-c-hero-widget-img', 'widget-off') .addTo(controller); var Trigger1b = new ScrollMagic.Scene({triggerElement: "#trigger1"}) .setClassToggle('.t-f-c-hero-widget-video', 'widget-on') .addTo(controller); var Trigger2a = new ScrollMagic.Scene({triggerElement: "#onsite-configurator", offset: 300}) .setClassToggle('.t-f-c-hero-widget-video', 'widget-off') .addTo(controller); var Trigger2b = new ScrollMagic.Scene({triggerElement: "#onsite-configurator", offset: 300}) .setClassToggle('.t-f-c-agent-bar', 'widget-on') .addTo(controller); var Trigger2c = new ScrollMagic.Scene({triggerElement: "#onsite-configurator", offset: 300}) .setClassToggle('#t-f-c-agentbar', 't-f-c-agent-bar-big') .addTo(controller); var Trigger2d = new ScrollMagic.Scene({triggerElement: "#onsite-configurator", offset: 300}) .setClassToggle('.t-f-c-hero-widget-agent', 'widget-on') .addTo(controller); var Trigger3a = new ScrollMagic.Scene({triggerElement: "#Onsite-configurator"}) .on('enter', function() { const vid = document.getElementById('onsite-configurator'); vid.play(); }) .on('leave', function() { const vid = document.getElementById('onsite-configurator'); vid.pause(); vid.currentTime = 0; }) .addTo(controller); var Trigger3b = new ScrollMagic.Scene({triggerElement: "#trigger3"}) .setClassToggle('.t-f-c-hero-widget-agent', 'widget-off') .addTo(controller); var Trigger3c = new ScrollMagic.Scene({triggerElement: "#trigger3"}) .setClassToggle('.t-f-c-agent-bar', 'widget-off') .addTo(controller); var Trigger3d = new ScrollMagic.Scene({triggerElement: "#trigger3"}) .setClassToggle('.t-f-c-accessibility', 'widget-on') .addTo(controller); var TriggerMobile = new ScrollMagic.Scene({triggerElement: "#agentbarmobile"}) .setClassToggle('.t-f-c-agentbar-mobile', 't-f-c-agentbar-mobile-big') .addTo(controller); var Trigger4c = new ScrollMagic.Scene({triggerElement: "#trigger4"}) .setClassToggle('.t-f-c-agent', 'widget-on') .addTo(controller); var Trigger4d = new ScrollMagic.Scene({triggerElement: "#trigger4"}) .setClassToggle('.t-f-c-translations', 'widget-on') .addTo(controller); var Trigger4e = new ScrollMagic.Scene({triggerElement: "#trigger4"}) .setClassToggle('.t-f-c-accessibility', 'widget-off') .addTo(controller); var Trigger5a = new ScrollMagic.Scene({triggerElement: "#trigger5"}) .setClassToggle('.t-f-c-agent-bar-big', 'widget-off') .addTo(controller); var Trigger5b = new ScrollMagic.Scene({triggerElement: "#trigger5"}) .setClassToggle('.t-f-c-translations', 'widget-off') .addTo(controller); var Trigger5c = new ScrollMagic.Scene({triggerElement: "#trigger6"}) .setClassToggle('.t-f-c-knowledgebase', 't-f-c-show') .addTo(controller); }); </script> </div> <section class=" b--u-py-12 b--lg:u-py-20"> <div class="o-container"> <div class="u-text-center"> <h4 class="b--u-text-3xl">Start using LiveChat now!</h4> <p class="b--u-text-lg b--u-mt-3 b--u-mb-4 u-flex u-justify-center u-flex-wrap"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10" 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"> </path> </svg> Free 14-day trial </span> <span> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10" class="b--u-ml-2 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"> </path> </svg> AI-driven features </span> <span> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10" class="b--u-ml-2 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"> </path> </svg> No credit card required </span> </p> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="signup" data-action="signup#submit"> <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" data-signup-target="email" placeholder="Enter your business email" required> <input type="hidden" name="source_id" value="footer_form"> <input type="hidden" name="source_url" value="https://www.livechat.com/features/customization/"> <input type="hidden" name="source_type" value="website"> <button type="submit" class="c-btn v--signup">Sign up free</button> </div> </form> </div> </div> </section> <section class=" u-bg-gray-900 b--u-py-8 u-border-t u-border-gray-800"> <div class="o-container u-maxw-13 u-mx-auto"> <h2 class="b--u-text-lg u-text-center b--u-mb-6">Discover <a href="https://text.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" class="b--u-text-bold c-link v--reset" data-controller="track" data-track-category="Product Bar" data-track-action="Clicked on Text" data-action="click->track#send">Text</a> products:</h2> <div class="o-columns v--four v--responsive"> <a href="https://www.chatbot.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset "> <div class="b--u-mr-3"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_dd1)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M43.6 31.6v3a1.1 1.1 0 01-.6 1.1c-2.2 1-4.6 1.6-7 1.7-2.4 0-4.8-.6-7-1.7a1.1 1.1 0 01-.6-1v-3.1a.9.9 0 011.2-.8c2 .9 4.2 1.3 6.4 1.4 2.2 0 4.3-.5 6.4-1.4a.9.9 0 011.2.8z" fill="#06F"/><path d="M51.8 38.9a7.6 7.6 0 01-7.6 6.9H40L32 51v-5.2l8-5.2h4.2a2.4 2.4 0 002.4-2.1c.3-4 .2-8 0-12a2.2 2.2 0 00-2.1-2 138.9 138.9 0 00-17 0 2.2 2.2 0 00-2 2c-.4 4-.4 8-.1 12a2.4 2.4 0 002.4 2.1H32v5.2h-4.2a7.6 7.6 0 01-7.6-7 96 96 0 010-12.7 7.4 7.4 0 017-6.8 125 125 0 0117.6 0 7.4 7.4 0 017 6.8 96 96 0 010 12.8z" fill="#06F"/><defs><filter id="filter0_dd1" x="0" y="0" width="72" height="72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter></defs></svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"><span class="b--u-text-sm b--u-text-bold">ChatBot</span> <br><span style="opacity: .65;">Automate customer service with聽AI</span></p> </a> <a href="https://www.helpdesk.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset "> <div class="b--u-mr-3"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_dd2)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M36 33.3l8.1-7.1H36c-2.9 0-5.8.1-8.5.3a2.2 2.2 0 00-2 2c-.2 1.7-.3 3.8-.3 6v1c0 2.2 0 4.3.2 6a2.2 2.2 0 002.1 2c5.7.4 11.3.4 17 0a2.2 2.2 0 002-2c.2-1.6.3-3.6.3-5.6l5.2-4.5v4.5l-.2 6a7.4 7.4 0 01-7 6.8 118.6 118.6 0 01-17.7 0 7.4 7.4 0 01-6.9-6.8 83 83 0 01-.2-6.3v-1.2l.2-6.3a7.4 7.4 0 017-6.8C30 21.1 33 21 36 21h16v5.2L36 40.1l-7.5-6.5 4-3.4 3.5 3z" fill="#2FC774"/><defs><filter id="filter0_dd2" x="0" y="0" width="72" height="72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter></defs></svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"><span class="b--u-text-sm b--u-text-bold">HelpDesk</span> <br><span style="opacity: .65;">Support customers with tickets</span></p> </a> <a href="https://www.knowledgebase.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset "> <div class="b--u-mr-3"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_dd3)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M46.8 26.4V21h-.3c-4.4.2-8.1 3-10.4 5.4H36c-2.3-2.3-6-5.2-10.4-5.4h-.3v5.4H20v9.2l.2 6.3a7.4 7.4 0 007 6.8 125.1 125.1 0 0017.7 0 7.4 7.4 0 006.9-6.8l.2-6.3v-9.2h-5.2zm0 9.2c0 2 0 4.2-.2 5.9a2.2 2.2 0 01-2.1 2c-5.7.4-11.3.4-17 0a2.2 2.2 0 01-2-2 76 76 0 01-.3-6v-9.1c3.8.1 7.5 4.1 8.6 5.7l2.2 3 2.2-3c1.1-1.6 4.8-5.6 8.6-5.7v9.2z" fill="#9146FF"/><defs><filter id="filter0_dd3" x="0" y="0" width="72" height="72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="effect1_dropShadow" result="effect2_dropShadow"/><feBlend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter></defs></svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"><span class="b--u-text-sm b--u-text-bold">KnowledgeBase</span> <br><span style="opacity: .65;">Guide and educate customers</span></p> </a> <a href="https://openwidget.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset "> <div class="b--u-mr-3"> <svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_ddd_1770_3180)"><g clip-path="url(#clip0_1770_3180)"><rect x="6" y="6" width="64" height="64" rx="8" fill="#333333"/><rect x="6" y="6" width="64" height="64" fill="white"/><g clip-path="url(#clip1_1770_3180)"><mask id="mask0_1770_3180" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="22" width="37" height="32"><path d="M38.0931 22.1982C41.4514 22.1982 44.9297 22.3204 48.0482 22.565C52.1262 22.9318 55.4845 26.1111 55.8444 30.3909L55.8865 31.1297L55.9301 32.0677C55.9732 33.0966 56.0166 35.4319 56.0602 39.0736L56.0377 40.2545C55.9933 42.3179 55.9257 44.1669 55.8444 45.4529C55.4845 49.7327 52.1262 52.9119 48.0482 53.2788C45.2132 53.5011 42.0809 53.6224 39.0116 53.6426L38.0855 53.6453C34.7272 53.6453 31.2489 53.523 28.1304 53.2784C24.0524 52.9116 20.6941 49.7323 20.3343 45.4526L20.2922 44.7137L20.262 44.0862C20.2036 42.7792 20.1562 41.1715 20.125 39.4513V36.3925L20.1491 35.2212C20.1935 33.3067 20.2578 31.6002 20.3343 30.3912C20.6941 26.1114 24.0524 22.9321 28.1304 22.5653C30.9654 22.343 34.0977 22.2217 37.167 22.2015L38.0931 22.1982ZM38.0893 28.191L36.9913 28.1959L35.93 28.2103C33.4557 28.2542 30.9978 28.3698 28.6102 28.557C27.2908 28.6793 26.3313 29.6575 26.2114 30.8803L26.1708 31.3192C26.0605 32.6261 25.9888 34.4595 25.9471 36.4738V39.3699L25.9736 40.4745C26.0231 42.2766 26.1 43.866 26.2114 44.9634C26.3313 46.1862 27.2908 47.1645 28.6102 47.2867C30.9978 47.474 33.4557 47.5895 35.93 47.6334L36.9913 47.6479L38.162 47.6528L39.1873 47.6482C42.0193 47.6214 44.8398 47.501 47.5684 47.2871C48.8878 47.1648 49.8473 46.1865 49.9673 44.9637L50.0078 44.5249C50.1429 42.925 50.22 40.5364 50.2552 37.9926L50.2316 36.4735L50.2051 35.3689C50.1555 33.5668 50.0786 31.9775 49.9673 30.88C49.8473 29.6572 48.8878 28.679 47.5684 28.5567C45.1809 28.3695 42.723 28.2539 40.2486 28.21L39.1873 28.1956L38.0893 28.191Z" fill="white"/></mask><g mask="url(#mask0_1770_3180)"><path fill-rule="evenodd" clip-rule="evenodd" d="M38.0889 15.4592C44.0661 15.4592 49.952 18.2295 53.9876 22.0383C54.0673 22.1135 53.9991 21.7143 54.5387 22.5107L38.0889 37.9217V15.4592Z" fill="url(#paint0_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M53.9876 22.0384C58.2258 26.2725 60.4205 32.0816 60.5674 37.6397C60.5699 37.7338 60.5718 38.8333 60.5731 38.9273L38.0889 37.9218L53.9876 22.0384Z" fill="url(#paint1_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M60.5731 37.9217C60.5731 43.8289 58.2906 49.2035 54.5587 53.2134C54.4436 53.337 53.9461 53.684 53.8283 53.805L38.0889 37.9217H60.5731Z" fill="url(#paint2_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M54.21 53.5803C49.9787 57.8075 43.9624 60.2164 38.3994 60.3775C38.2959 60.3805 36.7047 60.376 36.6016 60.3775L38.0895 37.9217L54.21 53.5803Z" fill="url(#paint3_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38.0889 60.3841C32.0806 60.3841 26.4042 57.8144 22.3645 53.9726C22.306 53.917 21.4435 52.9528 21.3857 52.8966L38.0889 37.9217V60.3841Z" fill="url(#paint4_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.191 53.8051C17.9938 49.6119 15.8008 43.8741 15.6161 38.3651C15.6111 38.2171 15.6181 37.0106 15.6161 36.863L38.0897 37.9217L22.191 53.8051Z" fill="url(#paint5_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.6055 37.9218C15.6055 31.9661 17.9255 26.5518 21.712 22.5316C21.797 22.4414 22.6457 21.8183 22.7322 21.7295L38.0897 37.9218H15.6055Z" fill="url(#paint6_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.9688 22.263C26.1334 18.1024 32.0273 15.7033 37.5161 15.4751C37.7077 15.4672 38.3088 15.4619 38.4993 15.4592L38.0893 37.9217L21.9688 22.263Z" fill="url(#paint7_linear_1770_3180)"/></g></g></g></g><defs><filter id="filter0_ddd_1770_3180" x="0" y="0" width="76" height="76" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1770_3180"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1.5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_1770_3180" result="effect2_dropShadow_1770_3180"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="3"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feBlend mode="normal" in2="effect2_dropShadow_1770_3180" result="effect3_dropShadow_1770_3180"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_1770_3180" result="shape"/></filter><linearGradient id="paint0_linear_1770_3180" x1="38.4724" y1="25.9331" x2="47.5683" y2="26.4078" gradientUnits="userSpaceOnUse"><stop stop-color="#B349D9"/><stop offset="1" stop-color="#F53547"/></linearGradient><linearGradient id="paint1_linear_1770_3180" x1="49.4051" y1="25.838" x2="49.9508" y2="37.0956" gradientUnits="userSpaceOnUse"><stop stop-color="#F13354"/><stop offset="1" stop-color="#FF4200"/></linearGradient><linearGradient id="paint2_linear_1770_3180" x1="53.493" y1="38.672" x2="51.5341" y2="47.9153" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4200"/><stop offset="1" stop-color="#FFD000"/></linearGradient><linearGradient id="paint3_linear_1770_3180" x1="47.6944" y1="48.4639" x2="38.8971" y2="48.191" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD000"/><stop offset="1" stop-color="#72CE3A"/></linearGradient><linearGradient id="paint4_linear_1770_3180" x1="28.1102" y1="49.2244" x2="38.0171" y2="49.4373" gradientUnits="userSpaceOnUse"><stop stop-color="#02B296"/><stop offset="1" stop-color="#72CE3A"/></linearGradient><linearGradient id="paint5_linear_1770_3180" x1="22.7873" y1="38.0065" x2="25.5249" y2="48.2296" gradientUnits="userSpaceOnUse"><stop stop-color="#2173DA"/><stop offset="1" stop-color="#02B195"/></linearGradient><linearGradient id="paint6_linear_1770_3180" x1="28.4199" y1="29.8256" x2="25.1975" y2="34.5073" gradientUnits="userSpaceOnUse"><stop stop-color="#3750FF"/><stop offset="1" stop-color="#2172D9"/></linearGradient><linearGradient id="paint7_linear_1770_3180" x1="37.237" y1="25.2676" x2="27.6519" y2="23.872" gradientUnits="userSpaceOnUse"><stop stop-color="#B44ADA"/><stop offset="1" stop-color="#364FFE"/></linearGradient><clipPath id="clip0_1770_3180"><rect x="6" y="6" width="64" height="64" rx="8" fill="white"/></clipPath><clipPath id="clip1_1770_3180"><rect width="36.2667" height="36.2667" fill="white" transform="translate(19.8662 19.8667)"/></clipPath></defs></svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"><span class="b--u-text-sm b--u-text-bold">OpenWidget</span> <br><span style="opacity: .65;">Enhance websites with widgets</span></p> </a> </div> </div> </section> <footer class=" u-bg-gray-900 b--u-pt-6"> <div class="u-border-b"> <div class="o-container-xl"> <div class="u-flex u-flex-wrap u-items-center b--u-mb-3"> <p class="b--u-text-xs b--u-text-bold u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3">Get LiveChat App</p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3"><a href="/app/livechat-web-app/" class="c-link v--reset b--u-text-xs u-flex u-items-center u-w-fit"><svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M7.57 14.51c1.12-.15 2.1-1.31 2.72-3.03-.9-.2-1.8-.3-2.72-.31v3.34zM9.36 14.24l.2-.06.16-.05.19-.07.16-.07.19-.07a7.87 7.87 0 0 0 1.6-.97l.15-.11.15-.14.13-.11.15-.15.13-.12.02-.02a8.81 8.81 0 0 0-1.8-.69 6.44 6.44 0 0 1-1.66 2.7l.06-.02.17-.05zM14.62 7.52h-3.13a13.4 13.4 0 0 1-.53 3.6c.69.18 1.35.44 1.98.78a7.23 7.23 0 0 0 1.68-4.38zM7.57 7h3.4a12.92 12.92 0 0 0-.52-3.46c-.95.21-1.91.33-2.88.34V7zM7.57.01v3.35c.91-.01 1.82-.12 2.72-.32C9.67 1.33 8.69.17 7.57.01zM7.57 10.65c.97 0 1.93.12 2.88.34.33-1.13.5-2.3.51-3.47H7.57v3.13zM12.94 2.62c-.63.34-1.3.6-1.98.79.34 1.17.51 2.38.53 3.6h3.13a7.23 7.23 0 0 0-1.68-4.39zM12.59 2.23l-.02-.02-.13-.13-.15-.14-.13-.12-.15-.13-.14-.11a5.59 5.59 0 0 0-.94-.63 7.23 7.23 0 0 0-.17-.1L10.6.77a5.78 5.78 0 0 0-.34-.16l-.19-.08a7.38 7.38 0 0 0-.72-.25L9.2.24 9.13.22a6.44 6.44 0 0 1 1.67 2.7 8.8 8.8 0 0 0 1.79-.69zM0 7h3.13c.01-1.21.2-2.42.53-3.6a9.1 9.1 0 0 1-1.98-.78A7.23 7.23 0 0 0 0 7zM7.05 14.51v-3.34c-.92 0-1.82.12-2.72.31.62 1.72 1.6 2.88 2.72 3.03zM7.05 7.52h-3.4c.02 1.18.2 2.34.52 3.47.94-.22 1.9-.33 2.88-.34V7.52zM7.05.01c-1.12.16-2.1 1.32-2.72 3.03.9.2 1.8.3 2.72.32V0zM7.05 3.88c-.97-.01-1.94-.13-2.88-.34-.33 1.12-.5 2.29-.51 3.46h3.39V3.88zM5.49.22l-.06.02-.17.04-.2.06L4.9.4l-.2.07-.15.06-.19.08a7.57 7.57 0 0 0-.82.42l-.17.1a6.85 6.85 0 0 0-.46.32l-.16.13-.14.1-.15.14-.13.12-.15.14-.13.13-.02.02c.57.3 1.17.52 1.8.68C4.13 1.9 4.71.97 5.48.22zM2.18 12.44l.15.14.13.12.15.14.14.1.16.13.14.1a7.4 7.4 0 0 0 .81.5l.16.09a6.08 6.08 0 0 0 .34.16l.19.07a7.38 7.38 0 0 0 .35.14l.17.05.2.06.16.05.06.01a6.44 6.44 0 0 1-1.67-2.7 8.8 8.8 0 0 0-1.79.7l.02.02.13.12zM1.68 11.9c.62-.34 1.3-.6 1.98-.78a13.4 13.4 0 0 1-.53-3.6H0c.06 1.6.65 3.15 1.68 4.38z"/></g></svg> <span class="b--u-ml-1">Web browser</span></a></p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3"><a href="/app/livechat-for-windows/" class="c-link v--reset b--u-text-xs u-flex u-items-center u-w-fit"><svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M0 12.5l6 .8V7.7H0zM0 6.9h6V1.2L0 2zM6.7 13.4l7.9 1.1V7.7H6.7zM6.8 1.1v5.7h7.7V0z"/></g></svg> <span class="b--u-ml-1">Windows</span></a></p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3"><a href="/app/livechat-for-android/" class="c-link v--reset b--u-text-xs u-flex u-items-center u-w-fit"><svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M1.08 5.58h-.05C.47 5.58 0 6.04 0 6.6v4.44c0 .57.47 1.02 1.03 1.02h.05c.56 0 1.03-.46 1.03-1.02V6.6c0-.56-.47-1.02-1.03-1.02zM2.6 12.76c0 .51.42.93.94.93h1.01v2.4c0 .57.47 1.02 1.03 1.02h.05c.57 0 1.03-.46 1.03-1.02v-2.4h1.41v2.4c0 .57.46 1.02 1.03 1.02h.04c.57 0 1.03-.46 1.03-1.02v-2.4h1.01c.52 0 .95-.42.95-.93V5.74H2.6v7.02z"/><path d="M9.74 1.49l.8-1.23a.17.17 0 0 0-.05-.23.17.17 0 0 0-.24.05l-.83 1.27a5.46 5.46 0 0 0-4.11 0L4.48.08a.17.17 0 0 0-.24-.05.17.17 0 0 0-.05.23l.8 1.23a4.03 4.03 0 0 0-2.4 3.83h9.56l.01-.28c0-1.52-.98-2.85-2.42-3.55zm-4.6 2.2a.46.46 0 0 1-.45-.46c0-.25.2-.45.46-.45a.46.46 0 1 1 0 .91zm4.44 0a.46.46 0 0 1-.46-.46c0-.25.2-.45.46-.45a.46.46 0 1 1 0 .91z" fill-rule="nonzero"/><path d="M13.7 5.58h-.05c-.56 0-1.03.46-1.03 1.02v4.44c0 .57.47 1.02 1.03 1.02h.05c.56 0 1.02-.46 1.02-1.02V6.6c0-.56-.46-1.02-1.03-1.02z"/></g></svg> <span class="b--u-ml-1">Android</span></a></p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3 b--u-text-xs u-flex u-items-center u-w-fit"><svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.6 13.9l-1 1.5a1.2 1.2 0 01-2-1.1l.7-1.2c.2-.2.5-.5 1-.4 0 0 1.3 0 1.4.8l-.1.4zM17 10H13.9L11 4.8l-.2-.3c-.3-.4-.7.7-.7.7-.6 1.2 0 2.7.3 3l4 7.1a1.2 1.2 0 002-1.1l-1-1.8s0-.2.2-.2H17c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2zm-5.3 1.6s.1.7-.5.7h-10a1.2 1.2 0 010-2.3h2.5c.5 0 .6-.2.6-.2l3.4-5.9v-.2l-1.2-2a1.2 1.2 0 012-1.1l.6.9.5-1a1.2 1.2 0 012 1.2L6.9 10l.1.1h2.8s1.6 0 1.9 1.6z" fill="currentColor"/></svg><a href="/app/livechat-for-iphone/" class="c-link v--reset b--u-text-xs b--u-ml-1">iOS</a></p> <p class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3"><a href="/app/livechat-for-mac/" class="c-link v--reset b--u-text-xs u-flex u-items-center u-w-fit"><svg width="15" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor" fill-rule="evenodd"><path d="M12.4 9.3c0-2.2 1.8-3.3 1.9-3.3a4.1 4.1 0 0 0-3.2-1.8c-1.4-.1-2.7.8-3.4.8-.7 0-1.8-.7-3-.7-1.4 0-2.8.8-3.6 2.2C-.5 9.2.7 13 2.2 15.3c.8 1 1.7 2.3 2.8 2.2 1.1 0 1.6-.7 3-.7 1.3 0 1.6.7 2.8.7 1.2 0 2-1 2.7-2.1.9-1.3 1.2-2.5 1.3-2.5 0 0-2.4-1-2.4-3.6zM10.2 2.8c.6-.7 1-1.8.9-2.8a4 4 0 0 0-2.6 1.3C7.9 2 7.4 3 7.5 4c1 .1 2-.5 2.7-1.2z"/></g></svg> <span class="b--u-ml-1 b--u-mbn-0.5">Mac</span></a></p> </div> <nav class="u-flex u-flex-wrap b--u-mb-8 b--md:u-mb-6 b--lg:u-mb-4"> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Product</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/pricing/" class="b--u-text-xs c-link v--reset u-block" >Pricing</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/benefits/" class="b--u-text-xs c-link v--reset u-block" >LiveChat Benefits</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/tour/" class="b--u-text-xs c-link v--reset u-block" >Tour</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/features/" class="b--u-text-xs c-link v--reset u-block" >Features</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/lead-generation/" class="b--u-text-xs c-link v--reset u-block" >Lead Generation</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/livechat-demo/" class="b--u-text-xs c-link v--reset u-block" >Product Demo</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/app/" class="b--u-text-xs c-link v--reset u-block" >App</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/marketplace/" class="b--u-text-xs c-link v--reset u-block" >Marketplace</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://news.livechat.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">News</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Solutions</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/solutions/customer-support/" class="b--u-text-xs c-link v--reset u-block" >Customer Support</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/solutions/sales-and-marketing/" class="b--u-text-xs c-link v--reset u-block" >Sales & Marketing</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/enterprise/" class="b--u-text-xs c-link v--reset u-block" >Enterprise</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Customers</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customers/#industries" class="b--u-text-xs c-link v--reset u-block" >Industries</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customers/" class="b--u-text-xs c-link v--reset u-block" >Customers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customers/live-chat-reviews/" class="b--u-text-xs c-link v--reset u-block" >Reviews & Testimonials</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customers/customer-stories/" class="b--u-text-xs c-link v--reset u-block" >Case Studies</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Resources</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/success/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Success by LiveChat</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/success/customer-service-guide/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Customer Service Guide</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/customer-service-report/" class="b--u-text-xs c-link v--reset u-block" >Customer Service Report</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/benchmark/" class="b--u-text-xs c-link v--reset u-block" >Benchmark</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/resources/reports/" class="b--u-text-xs c-link v--reset u-block" >Reports</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/typing-speed-test/" class="b--u-text-xs c-link v--reset u-block" >Typing Speed Test</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/privacy-policy-generator/" class="b--u-text-xs c-link v--reset u-block" >Privacy Policy Generator</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/newsletter/" class="b--u-text-xs c-link v--reset u-block" >Newsletter</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Support</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/help/" class="b--u-text-xs c-link v--reset u-block" >Help Center</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/webinars/" class="b--u-text-xs c-link v--reset u-block" >Webinars</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/marketplace/partners/" class="b--u-text-xs c-link v--reset u-block" >Partners Marketplace</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/enterprise/professional-business-services/" class="b--u-text-xs c-link v--reset u-block" >Professional Services</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://developers.livechat.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">API & Developers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://status.livechat.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">System Status</a> </li> </ul> </div> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-pr-4"> <div class="b--u-mb-4"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2">Company</p> <ul class="u-list-style-none u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://text.com/?utm_source=livechat.com&utm_medium=referral&utm_content=footer" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">About <span class='b--u-text-bold'>Text</span></a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/contact/" class="b--u-text-xs c-link v--reset u-block" >Contact</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/team/" class="b--u-text-xs c-link v--reset u-block" >Team</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/careers/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Careers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://investor.livechat.com/" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Investor Relations</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://www.text.com/press/" class="b--u-text-xs c-link v--reset u-block" >Press</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://partners.livechat.com/?utm_source=livechat.com&utm_medium=referral&utm_content=footer" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">Partner Program</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://incubator.livechat.com/?utm_source=livechat&utm_medium=referral&utm_content=footer" class="b--u-text-xs c-link v--reset u-block" target="_blank" rel="noopener">LiveChat Incubator</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/legal/" class="b--u-text-xs c-link v--reset u-block" >Legal</a> </li> </ul> </div> </div> </nav> <div class="u-flex sm:u-items-center lg:u-justify-between u-flex-col lg:u-flex-row b--u-mb-6 b--md:u-mb-12 b--lg:u-mb-8"> <div class="u-hidden md:u-flex u-items-center u-flex-col md:u-flex-row b--u-mb-4 b--lg:u-mb-0.25" data-controller="append-params" data-append-params-params-value="region"> <p class="b--u-text-sm b--u-text-bold b--u-mb-3 b--md:u-mb-0.25 b--u-mr-4">Start your free live chat trial</p> <a href="https://accounts.livechat.com/signup?source_id=footer_cta_button&source_type=website&source_url=https%3a%2f%2fwww.livechat.com%2ffeatures%2fcustomization%2f" class="c-btn v--sm v--signup" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Sign up free" data-action="track#send" data-append-params-target="link" >Sign up free</a> </div> <div class="md:u-hidden u-flex u-items-center u-justify-center u-flex-col b--u-mb-6 b--md:u-mb-0.25" data-controller="append-params" data-append-params-params-value="region"> <p class="b--u-text-sm b--u-text-bold b--u-mb-3 b--md:u-mb-0.25">Start your free live chat trial</p> <a href="https://accounts.livechat.com/signup?source_id=footer_cta_button&source_type=website&source_url=https%3a%2f%2fwww.livechat.com%2ffeatures%2fcustomization%2f" class="c-btn v--signup u-w-full u-maxw-3 u-mx-auto" data-controller="track" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Sign up free" data-action="track#send" data-append-params-target="link" >Sign up free</a> </div> <div class="u-maxw-5 u-mx-auto lg:u-mr-0"> <div class="b--o-grid b--o-grid--gap-6 b--md:o-grid--gap-4 b--o-grid--4 b--sm:o-grid--8"> <a href="https://twitter.com/intent/follow?screen_name=LiveChat" class=" u-text-black"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M18.2 2.3h3.3l-7.2 8.2 8.5 11.3H16L11 14.8l-6 6.8H1.6L9.4 13 1.2 2.2H8l4.8 6.3 5.4-6.3ZM17 19.8H19L7 4H5l12 15.7Z"/></svg> </a> <a href="https://www.linkedin.com/company/livechat/" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.45 20.45H16.9v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.95v5.66H9.35V9h3.41v1.56h.05a3.74 3.74 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.46v6.28ZM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13ZM3.55 20.45h3.57V9H3.55v11.45ZM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.22.8 24 1.77 24h20.45c.98 0 1.78-.78 1.78-1.73V1.73C24 .77 23.2 0 22.22 0Z" fill="currentColor"/></svg> </a> <a href="https://www.facebook.com/livechat" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 12.07a12 12 0 1 0-13.88 11.86v-8.39H7.08v-3.47h3.04V9.43c0-3 1.8-4.67 4.54-4.67 1.31 0 2.68.23 2.68.23v2.96h-1.51c-1.5 0-1.96.92-1.96 1.87v2.25h3.33l-.53 3.47h-2.8v8.39A12 12 0 0 0 24 12.07Z" fill="currentColor"/></svg> </a> <a href="https://www.youtube.com/livechat?sub_confirmation=1" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.52 15.59V8.82l6.49 3.4-6.49 3.37Zm14.24-7.94s-.23-1.66-.95-2.39c-.92-.96-1.94-.96-2.4-1.02C17.03 4 12 4 12 4h-.02s-5.03 0-8.4.24c-.46.06-1.48.06-2.4 1.02-.72.73-.95 2.4-.95 2.4S0 9.6 0 11.54v1.82c0 1.95.24 3.9.24 3.9s.23 1.66.95 2.39c.92.96 2.12.93 2.65 1.03 1.92.18 8.16.24 8.16.24s5.04 0 8.4-.25c.47-.06 1.5-.06 2.4-1.02.73-.73.96-2.39.96-2.39s.24-1.95.24-3.9v-1.82c0-1.95-.24-3.9-.24-3.9Z" fill="currentColor"/></svg></a> <a href="https://www.instagram.com/livechat/" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.05.07C8.33.01 8.75 0 12 0c3.26 0 3.67.01 4.95.07a8.8 8.8 0 0 1 2.91.56c.79.3 1.46.72 2.13 1.38a5.88 5.88 0 0 1 1.38 2.13c.3.76.5 1.64.56 2.91.06 1.28.07 1.7.07 4.95 0 3.26-.01 3.67-.07 4.95a8.81 8.81 0 0 1-.56 2.91c-.3.79-.72 1.46-1.38 2.13a5.88 5.88 0 0 1-2.13 1.38c-.76.3-1.64.5-2.91.56-1.28.06-1.7.07-4.95.07-3.26 0-3.67-.01-4.95-.07a8.8 8.8 0 0 1-2.91-.56A5.88 5.88 0 0 1 2 21.99a5.88 5.88 0 0 1-1.38-2.13 8.8 8.8 0 0 1-.56-2.91A85.13 85.13 0 0 1 0 12c0-3.26.01-3.67.07-4.95a8.8 8.8 0 0 1 .56-2.91c.3-.79.72-1.46 1.38-2.13A5.88 5.88 0 0 1 4.14.63 8.8 8.8 0 0 1 7.05.07Zm12.03 2.58a6.64 6.64 0 0 0-2.23-.42A83.27 83.27 0 0 0 12 2.16c-3.2 0-3.58.01-4.85.07-1.17.06-1.8.25-2.23.42-.56.21-.96.47-1.38.9-.42.41-.68.81-.9 1.37a6.64 6.64 0 0 0-.4 2.23A83.28 83.28 0 0 0 2.15 12c0 3.2.01 3.58.07 4.85.06 1.17.25 1.8.42 2.23.21.56.47.96.9 1.38.41.42.81.68 1.37.9.43.16 1.06.35 2.23.4 1.27.07 1.65.08 4.85.08 3.2 0 3.58-.01 4.85-.07a6.64 6.64 0 0 0 2.23-.42c.56-.21.96-.47 1.38-.9.42-.41.68-.81.9-1.37.16-.43.35-1.06.4-2.23.07-1.27.08-1.65.08-4.85 0-3.2-.01-3.58-.07-4.85a6.64 6.64 0 0 0-.42-2.23 3.72 3.72 0 0 0-.9-1.38 3.72 3.72 0 0 0-1.37-.9ZM12 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32ZM8 12a4 4 0 1 0 8 0 4 4 0 0 0-8 0Zm10.4-4.97a1.44 1.44 0 1 0 0-2.88 1.44 1.44 0 0 0 0 2.88Z" fill="currentColor"/></svg> </a> <a href="https://www.producthunt.com/posts/livechat-2" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1999 14.4001h3.3998c2.3197 0 4.2-1.8803 4.2-4.2 0-2.31977-1.8803-4.20002-4.2-4.20002H7.79993V18.0001h2.39997v-3.6ZM0 12C0 5.37225 5.37225 0 12 0c6.627 0 12 5.37225 12 12 0 6.6278-5.373 12-12 12-6.62775 0-12-5.3722-12-12Zm10.2-3.60004h3.3998c.9946 0 1.8001.80625 1.8001 1.80004 0 .9937-.8055 1.7999-1.8001 1.7999H10.2V8.39996Z" fill="currentColor"/></svg></a> <a href="https://dribbble.com/textcom" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.93 5.53c-.21.3-1.93 2.5-5.72 4.05a30.73 30.73 0 0 1 .9 2c3.41-.42 6.8.27 7.14.34a10.2 10.2 0 0 0-2.32-6.39ZM9.6 2.05a54.8 54.8 0 0 1 3.82 6c3.65-1.37 5.19-3.44 5.38-3.7a10.2 10.2 0 0 0-9.2-2.3ZM1.97 9.92c.46 0 4.68.02 9.47-1.25a65.4 65.4 0 0 0-3.8-5.93c-2.86 1.35-5 4-5.67 7.18Zm2.42 8.95c.23-.4 3.04-5.06 8.33-6.76l.4-.13c-.26-.58-.54-1.16-.83-1.74A37.83 37.83 0 0 1 1.76 11.7l-.01.32c0 2.63 1 5.03 2.64 6.85ZM16 21.45c-.15-.9-.74-4.03-2.18-7.77l-.07.02c-5.78 2.01-7.86 6.02-8.04 6.4A10.2 10.2 0 0 0 16 21.45Zm6.12-7.8c-.35-.12-3.17-.96-6.38-.45a44.2 44.2 0 0 1 1.99 7.31 10.27 10.27 0 0 0 4.39-6.87ZM12 24C5.38 24 0 18.62 0 12S5.38 0 12 0s12 5.38 12 12-5.38 12-12 12Z" fill="currentColor"/></svg></a> <a href="https://github.com/livechat" class=" u-text-black"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.39 6.13a12.1 12.1 0 0 0-4.37-4.48A11.52 11.52 0 0 0 12 0C9.82 0 7.81.55 5.98 1.65A12.27 12.27 0 0 0 0 12.3c0 2.68.76 5.1 2.29 7.23a11.78 11.78 0 0 0 5.91 4.45c.28.05.5.01.63-.12.13-.12.2-.28.2-.48a378 378 0 0 0-.01-2.29l-.36.07a6.45 6.45 0 0 1-1.95-.06 2.4 2.4 0 0 1-1.05-.48 2.03 2.03 0 0 1-.7-.98l-.15-.37c-.1-.25-.27-.52-.49-.82a1.9 1.9 0 0 0-.68-.6l-.1-.09a1.16 1.16 0 0 1-.35-.41c-.03-.08 0-.14.08-.19a1 1 0 0 1 .45-.07l.31.05c.2.04.47.17.77.38.31.22.56.5.76.83.24.44.53.78.87 1 .34.24.68.35 1.02.35.35 0 .64-.03.9-.08.24-.05.48-.13.7-.24.09-.72.35-1.27.76-1.65-.6-.06-1.13-.16-1.6-.29a6.3 6.3 0 0 1-1.47-.62 4.23 4.23 0 0 1-2.08-2.76c-.21-.7-.32-1.5-.32-2.4 0-1.3.42-2.4 1.24-3.3a4.4 4.4 0 0 1 .1-3.27c.3-.1.76-.02 1.35.22A9.29 9.29 0 0 1 9 6.36a10.84 10.84 0 0 1 6 0l.6-.39c.4-.25.88-.49 1.43-.7.55-.21.98-.27 1.27-.18.47 1.21.5 2.3.12 3.27.82.9 1.24 2 1.24 3.3 0 .9-.11 1.71-.32 2.41a5 5 0 0 1-.83 1.68 4.4 4.4 0 0 1-1.27 1.07c-.5.29-1 .5-1.47.62-.47.13-1 .23-1.6.29.54.48.81 1.24.81 2.27v3.38c0 .2.07.36.2.48.13.13.34.17.62.12 2.41-.83 4.39-2.3 5.91-4.45A12.16 12.16 0 0 0 24 12.3c0-2.23-.54-4.29-1.61-6.17Z" fill="currentColor"/></svg></a> </div> </div> </div> </div> </div> <div class="o-container-xl u-text-gray-400"> <div class="b--u-py-3"> <p class="b--u-text-2xs u-mb-0 u-pb-0" style="color: inherit;">LiveChat is customer service software that adapts to your business needs. Whether you鈥檙e a B2B SaaS or an <a href="/solutions/ecommerce/" class="c-link v--reset u-text-underline">ecommerce</a> company, our live chat software will help you sell and support across multiple communication channels and ultimately grow your business.<br>Copyright © 2024 Text, Inc. All rights reserved.</p> <div class="b--u-pt-3"> <p class="b--u-text-2xs u-mb-0 u-pb-0" style="color: inherit;">We use cookies and similar technologies to enhance your interactions with our website and Services, including when you reach out to us on chat. This comprises traffic analysis, delivering personalized content, and supporting our marketing efforts. By accessing our website, interacting with our Services, you agree to let us and our partners employ cookies and related technologies on your computer or devices. <a href="/legal/cookies-policy/" class="b--u-text-bold" style="color: inherit;">Click the Cookies Policy</a> to check how you can control the use of cookies through your device. To understand how we process your data, including through cookies, and interactions with us, please read our <a href="/legal/privacy-policy/" class="b--u-text-bold" style="color: inherit;">Privacy Policy</a>.</p></div> </div> </div> </footer> <script async defer src="/dist/js/main.0468433ea45a73a3746f4791833cc17772be5c9f23f52a04cbb6c330c154af34.js"></script> <script async defer src="/dist/js/vendor~1.640be77df4843b82ffa39c47b3678aae74f8827a7ac159100ba417dbe9a6918e.js"></script> <script async defer src="/dist/js/vendor~2.cec0b0cca94f290f1cd8a5fe547e1e9d1b1a021a2a3c8a84eef2eaba143db2d1.js"></script> <script async defer src="/dist/js/vendor~3.277d9c17b185b5843725d623ed8659093c515c8c42892a210cfa1bd7bedab2f5.js"></script> <script async defer src="/dist/js/vendor~legal.7e407caec7c24e9948a2ee4ce0618507c1dc7536814f241c5bf782f2b0461f5b.js"></script> <script async defer src="/dist/js/vendor~stimulus.5b795d8abe662fb12ab5bbcf99351372fbea633a423f7fb18cec57c87efbf265.js"></script> <script async defer src="/dist/js/vendor~livechat.a5d8fd72db6c5621582b64ed9e8372b726322924e436f0534f19d537ece84e2e.js"></script> <script async defer src="/dist/js/controllers~sqf.ae667192300207b2fdb0d56e21c973f0ae0d930a2082c4243b9a5f34e78626b7.js"></script> <script async defer src="/dist/js/controllers.6ea74c08e29238c1547ae55937bcc3ce86a1bd4f1c2d0003a8e50fc6ed270653.js"></script> <script async defer src="/dist/js/manifest.42425d64286f0ccde0dc16bddc681f5145177a99f5f45bfc4cca78e8d5d4653b.js"></script> <script> window.__lc = window.__lc || {}; window.__lc.license = 1520; window.__lc.ga_version = "gtm"; (function (n, t, c) { function i(n) { return e._h ? e._h.apply(null, n) : e._q.push(n); } var e = { _q: [], _h: null, _v: "2.0", on: function () { i(["on", c.call(arguments)]); }, once: function () { i(["once", c.call(arguments)]); }, off: function () { i(["off", c.call(arguments)]); }, get: function () { if (!e._h) throw new Error("[LiveChatWidget] You can't use getters before load."); return i(["get", c.call(arguments)]); }, call: function () { i(["call", c.call(arguments)]); }, init: function () { var n = t.createElement("script"); (n.async = !0), (n.type = "text/javascript"), (n.src = "https://cdn.livechatinc.com/staging/tracking.js"), t.head.appendChild(n); }, }; !n.__lc.asyncInit && e.init(), (n.LiveChatWidget = n.LiveChatWidget || e); })(window, document, [].slice); </script> <noscript> <a href="https://www.livechatinc.com/chat-with/1520/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a> </noscript> <script> const checkIfMobile = () => { const userAgent = navigator.userAgent || navigator.vendor || window.opera; const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i; const hasTouchSupport = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0; const isIPad = navigator.platform === 'MacIntel' && hasTouchSupport; return (mobileRegex.test(userAgent) || isIPad) && hasTouchSupport; } window.LiveChatWidget.on("ready", () => { const customerData = LiveChatWidget.get("customer_data"); let updatedSessionVariables = { visitor_id: customerData.id, og_cv_is_mobile: checkIfMobile(), og_cv_is_returning: customerData.isReturning ? "true" : "false", }; updatedSessionVariables.og_cv_account_type = customerData.sessionVariables.og_cv_account_type ?? "-"; window.LiveChatWidget.call("update_session_variables", updatedSessionVariables); }); </script> <script type="text/javascript"> (function(window, document, dataLayerName, id) { window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString()}document.cookie=a+"="+b+d+"; path=/"} var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1); var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):""; tags.async=!0,tags.src="https://livechat.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); })(window, document, 'dataLayer', '28a0a095-db17-4f24-8d11-19c9de6721cc'); </script><noscript><iframe src="https://livechat.containers.piwik.pro/28a0a095-db17-4f24-8d11-19c9de6721cc/noscript.html" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript></body> </html>

CINXE.COM

LiveChat Widget Look & Features Customization | Settings