Understanding the Client vs. Customer Dynamic

<!DOCTYPE html> <html lang="en"><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>Understanding the Client vs. Customer Dynamic</title> <meta name="description" content="Delve into the complexities of client vs. customer dynamics. Explore the distinctions between clients and customers and understand the keys to customer satisfaction, loyalty, and business success. "> <link rel="canonical" href="https://www.livechat.com/success/client-vs-customer/"> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [{"@context":"https://schema.org","@type":"Corporation","brand":"Success by LiveChat","name":"LiveChat","sameAs":["https://www.facebook.com/SubscribeSuccess","https://www.instagram.com/subscribe_success/","https://www.linkedin.com/showcase/success-by-livechat/","https://twitter.com/Success__Team","https://www.youtube.com/channel/UCVBKToMYvBpZybYlJQEnHOA"],"url":"https://www.livechat.com/success/"}] } </script> <link rel="icon" href="/success/favicon.png"> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Understanding the Client vs. Customer Dynamic" /> <meta property="og:description" content="Delve into the complexities of client vs. customer dynamics. Explore the distinctions between clients and customers and understand the keys to customer satisfaction, loyalty, and business success. " /> <meta property="og:url" content="https://www.livechat.com/success/client-vs-customer/" /> <meta property="og:site_name" content="Success by LiveChat" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Delve into the complexities of client vs. customer dynamics. Explore the distinctions between clients and customers and understand the keys to customer satisfaction, loyalty, and business success. " /> <meta name="twitter:title" content="Understanding the Client vs. Customer Dynamic" /> <meta name="twitter:site" content="@Success__Team" /> <meta property="og:image" content="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1200,h_630,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.jpg" /> <meta name="twitter:image" content="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1200,h_630,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.jpg" /> <link rel="preconnect" href="https://res.cloudinary.com"> <script> scrollOffsetFunction = function() { var navElements = document.getElementsByClassName("c-navbar"); if (typeof navElements[0] !== "undefined") { var navRect = navElements[0].getBoundingClientRect(); var navStyle = getComputedStyle(navElements[0]); if (navStyle.position === "sticky" || navStyle.position === "fixed") { return navRect.bottom - navRect.top + 30; } } return 0; } </script> <script> dataLayer = [{ 'contentAuthor': [ "Olga Rogacka", ], 'contentTTR': 6 , 'contentCategory': [ "Connect", ], 'contentDate': '2023-10-04' }]; </script><script> (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="stylesheet" href="/success/dist/css/main.min.2968a22435dcc56c9cde8acbc46a18f037d9fa5edfe66784a4f49a32ee0300f3.css"> <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="bdpnbet4tppcaz2hamwa-f-8f1eb0687-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":"c04ff79","ak.r":6099,"ak.a2":n,"ak.m":"b","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":39768,"ak.gh":"124.155.222.151","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732707116","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==77YNvzIuHah9c1NZh1oQZU3rCxvwsR8Dd/cyW1I0GfPfTkg4MrlDJLPW4yH/fvHD2YDfco6dKeF/n1yUHAO2y7x3EHeMIvEmUOizm94eXgUVfC0LS22gqYbaIYc78yrXjQsi12F2dVZS/62qnfE0fh0bHsJZ6+lQr2SvSB1dTIEFH/tekgdYr8QVsKWvGeN7EGR0JcB0ct8KfHKzacxj3tnEV0oW70o4+GupQLvCSdE/aE95cG2Vm9sdcvgIBQbH2p90J4AUMzAkxPbFO8qLIj2VWNLMDNakky/UkrbrVftxa1Y5k+j+gJapDgZY/zf/6uYb7b70h9aoASJQXzkWPSipaq4wgmeWwP6PoGCfXe1YMTOFINe/xNqgqtY+8xZh9Sn/7X6Su11SD+WNGu7Vd+GYBxFnOgCadGXSW+LFjh0=","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> <nav class="success-nav u-hidden lg:u-block "> <div class="success-nav__wrapper lg:u-flex u-flex-col"> <div class="u-pt-lg u-pb-md u-border-b u-border-gray-900"> <a href="/success/"><img src="/success/success-by-livechat-logo.svg" width="100" class="success-logo" alt="Success by LiveChat Logo"> </a> </div> <div class="u-border-b u-border-gray-900 u-pt-lg u-pb-sm u-pl-md u-pr-sm"> <ul class="success-nav__categories u-p-0 u-m-0"><li class="u-mb-sm"><a href="/success/news/" class=" u-text-p6-bold">#Know</a></li><li class="u-mb-sm"><a href="/success/sell/" class=" u-text-p6-bold">Sell</a></li><li class="u-mb-sm"><a href="/success/support/" class=" u-text-p6-bold">Support</a></li><li class="u-mb-sm"><a href="/success/grow/" class=" u-text-p6-bold">Grow</a></li><li class="u-mb-sm"><a href="/success/connect/" class=" u-text-p6-bold">Connect</a></li><li class="u-mb-md" data-controller="show"> <span class="u-flex u-items-center u-justify-between"> <a href="/success/video/" class="u-text-p6-bold "> Watch <svg class="u-ml-xs u--mb-3xs" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> <g fill="#000"> <path clip-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" fill-rule="evenodd"/> <path d="M11 8l-4.5 2.6V5.4z"/> </g> </svg> </a> </span> </li> <li data-controller="show-hide" data-action="mouseenter->show-hide#show mouseleave->show-hide#hide" class="u--ml-md u--mr-sm u-pl-md u-pr-sm"> <span class="u-flex u-items-center u-justify-between"> <a href="#" class="u-text-p7 ">Topics</a> <button class="success-nav__toggle-dropdown v--static" data-target="show-hide.button" aria-expanded="false"> <svg width="5" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.4 7.4l-.8-.8L3.3 4 .6 1.4l.8-.8L4.7 4 1.4 7.4z" fill="#000"/></svg> </button> </span> <ul class="c-list u-pl-0 u-text-p8 success-video-menu u-border-l v--floating u-border-r " data-target="show-hide.content" hidden> <li> <a href="/success/topics/customer-service/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Customer service</span> </a> </li> <li> <a href="/success/topics/online-sales/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Online Sales</span> </a> </li> <li> <a href="/success/topics/ecommerce/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Ecommerce</span> </a> </li> <li> <a href="/success/topics/online-marketing/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Online Marketing</span> </a> </li> <li> <a href="/success/topics/customer-experience/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Customer experience</span> </a> </li> </ul> </li> </ul> </div> <div class="b--u-py-2 u-border-b u-border-gray-900 u-text-center b--u-px-1.5"> <p class="u-text-base">Connect with customers</p> <a href="https://accounts.livechat.com/signup/?client_id=bb9e5b2f1ab480e4a715977b7b1b4279&redirect_uri=https%3A%2F%2Fmy.livechatinc.com&response_type=token" class="c-btn v--signup u-w-full" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing sidebar CTA" data-action="track#send" style="padding: 0.5rem 0.625rem;" >Get LiveChat</a> </div> <div class="u-mt-md"> <p class="u-text-p8 u-text-center u-text-gray-400">OUR PRODUCTS</p> <ul class="u-flex u-items-center u-justify-around u-p-0 u-px-xs u-m-0" style="list-style: none"> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="LiveChat - Connect with Customers" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.livechat.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-livechat" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on LiveChat" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M21.316 9.664a76.785 76.785 0 00-10.615 0 1.393 1.393 0 00-1.308 1.265c-.172 2.142-.195 5.35-.037 7.49.052.707.673 1.314 1.512 1.314H13.5v3.246l-2.627-.002c-2.409 0-4.571-1.785-4.758-4.318-.17-2.307-.147-5.682.039-7.99.186-2.313 2.045-4.084 4.314-4.247a80.032 80.032 0 0111.08 0c2.27.163 4.13 1.934 4.315 4.247.186 2.308.177 5.683.007 7.99-.187 2.533-2.344 4.326-4.753 4.326l-2.6-.002-5.017 3.246v-3.25l5.018-3.246h2.6c.839 0 1.46-.607 1.511-1.313.158-2.14.167-5.349-.005-7.49a1.393 1.393 0 00-1.308-1.266z"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="ChatBot - Automate customer service with AI" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.chatbot.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-chatbot" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on ChatBot" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M12.018 13.595c-.351-.15-.768.105-.768.487v1.957c0 .272.147.522.393.638.749.352 2.476 1.053 4.356 1.053 1.881 0 3.608-.7 4.357-1.053a.696.696 0 00.393-.637v-1.958c0-.382-.417-.637-.768-.487-.867.369-2.367.885-3.982.885-1.614 0-3.114-.516-3.981-.885z"/> <path fill="currentColor" fill-rule="evenodd" d="M10.873 22.977l2.627.002v3.25l5.018-3.246 2.599.002c2.409 0 4.566-1.793 4.753-4.326.17-2.307.178-5.682-.007-7.99-.186-2.313-2.045-4.084-4.314-4.247a80.032 80.032 0 00-11.08 0c-2.27.163-4.13 1.934-4.315 4.247-.186 2.308-.21 5.683-.04 7.99.188 2.533 2.35 4.318 4.76 4.318zm-.172-13.313a76.785 76.785 0 0110.615 0 1.393 1.393 0 011.308 1.265c.172 2.142.163 5.35.005 7.49-.052.707-.672 1.314-1.512 1.314h-2.6L13.5 22.979v-3.246h-2.632c-.84 0-1.46-.607-1.512-1.313-.158-2.14-.135-5.349.037-7.49a1.393 1.393 0 011.308-1.266z" clip-rule="evenodd"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="HelpDesk - Support customers with tickets" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.helpdesk.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-helpdesk" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on HelpDesk" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M10.525 24.275c1.825.15 3.65.225 5.475.225 1.825 0 3.65-.075 5.475-.2 2.35-.2 4.2-2.25 4.375-4.85l.015-.208c.09-1.258.135-1.886.135-3.19v-2.524l-3.25 2.825c-.023 1.198.027 1.512-.05 2.536l-.027.354c-.075.975-.675 1.775-1.4 1.825-3.5.3-6.998.282-10.498-.018-.725-.05-1.325-.85-1.4-1.825l-.022-.294c-.085-1.12-.128-1.706-.128-2.906v-.027c.025-1.291.05-2.607.15-3.923.075-.95.65-1.725 1.35-1.825h10.368l-4.94 4.338-2.125-1.954-2.427 2.131 4.523 4.157L26 10.25V7H10.525c-2.35.2-4.2 2.25-4.375 4.85-.1 1.4-.15 2.8-.15 4.175 0 1.315.046 1.97.137 3.224l.013.176c.175 2.6 2.025 4.65 4.375 4.85z"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="KnowledgeBase - Guide and educate customers" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.knowledgebase.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-knowledgebase" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on KnowledgeBase" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M25.918 10.25h-3.2V7c-2.875 0-5.3 1.9-6.725 3.325C14.568 8.9 12.193 7 9.318 7v3.25h-3.25c-.1 2.525-.1 7.276.075 9.3.2 2.326 2.05 4.076 4.325 4.25 1.775.126 3.675.2 5.55.2s3.775-.05 5.55-.2c2.275-.174 4.125-1.924 4.325-4.25.125-2.024.15-6.775.025-9.3zm-3.3 9.026c-.05.675-.6 1.225-1.3 1.275a73.81 73.81 0 01-5.325.175c-1.8 0-3.6-.05-5.325-.175-.725-.05-1.25-.6-1.3-1.275-.15-1.9-.175-6.676-.05-9.026 2.325.025 4.65 2.525 5.35 3.5l1.325 1.825 1.325-1.825c.7-.975 3.075-3.475 5.4-3.5.1 2.35.05 7.125-.1 9.026z"/> </svg> </i> </a> </li> </ul> </div> <div class="u-px-md u-mb-sm u-mt-auto"> <button class="c-btn v--secondary v--sm u-text-p8-bold u-w-full" id="open-subscribe-modal" type="submit">Newsletter <svg class="u-ml-xs u--mb-3xs" xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 20 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 0h19v14H.5V0zm1.6 5.2v7.2h15.8V5L10 9.1l-7.9-4zm0-1.8L10 7.3l7.9-4V1.5H2.1v1.8z" style="fill: currentColor;"/></svg></button> <div class="u-flex u-flex-row u-justify-between u-mt-md"> <a class="u-text-p9 u-inline-block" href="/success/contribute/">Write for us</a> <a class="u-text-p9 u-inline-block" href="/success/authors/">Authors</a> </div> </div> <div class="u-flex u-items-center u-justify-center u-mb-sm u-px-md success-nav__social-links"> <a href="https://www.facebook.com/SubscribeSuccess" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Facebook" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0a8 8 0 011.25 15.9v-5.59h1.86L11.47 8H9.25V6.5c0-.63.31-1.25 1.3-1.25h1.01V3.28s-.91-.15-1.79-.15c-1.83 0-3.02 1.1-3.02 3.1V8H4.72v2.31h2.03v5.6A8 8 0 018 0z" fill="currentColor"/> </svg> </a> <a href="https://www.instagram.com/subscribe_success/" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Instagram" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 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.8 8.8 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-.56 5.88 5.88 0 0 1-2.13-1.38 5.88 5.88 0 0 1-1.38-2.13 8.8 8.8 0 0 1-.56-2.91A85.12 85.12 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.07C8.33.01 8.75 0 12 0zm4.85 2.23A83.28 83.28 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-.9 6.64 6.64 0 0 0-2.23-.4zM12 5.83a6.16 6.16 0 1 1 0 12.33 6.16 6.16 0 0 1 0-12.32zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://twitter.com/intent/follow?screen_name=Success__Team" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Twitter" data-action="track#send" ><svg width="16" height="15" viewBox="0 0 24 20" xmlns="http://www.w3.org/2000/svg"><path d="M21.2 3A5 5 0 0 0 23.3.5c-1 .5-2 1-3 1.2A5 5 0 0 0 11.7 6 14 14 0 0 1 1.7 1a4.9 4.9 0 0 0 1.5 6.6c-.8 0-1.6-.3-2.2-.6a5 5 0 0 0 4 4.8 5 5 0 0 1-2.3.1 5 5 0 0 0 4.6 3.5 9.9 9.9 0 0 1-7.3 2A14 14 0 0 0 21.5 4.9 10 10 0 0 0 24 2.3c-.9.4-1.8.7-2.8.8z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://www.linkedin.com/showcase/success-by-livechat/" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="LinkedIn" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path 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" fill-rule="evenodd"/></svg> </a> <a href="https://www.youtube.com/channel/UCVBKToMYvBpZybYlJQEnHOA?sub_confirmation=1" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="YouTube" data-action="track#send" ><svg width="16" height="13" viewBox="0 0 24 17" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 11.6V4.8L16 8.2l-6.5 3.4zm14.3-8s-.3-1.6-1-2.3c-1-1-2-1-2.4-1C17 0 12 0 12 0S7 0 3.6.2c-.5.1-1.5.1-2.4 1-.7.8-1 2.4-1 2.4l-.2 4v1.7l.2 4s.3 1.6 1 2.3c1 1 2.1 1 2.6 1 2 .2 8.2.3 8.2.3s5 0 8.4-.3c.5 0 1.5 0 2.4-1 .7-.7 1-2.4 1-2.4l.2-3.9V7.5c0-2-.2-3.9-.2-3.9z" fill="currentColor" fill-rule="evenodd"/></svg> </a> </div> </div> </nav> <nav class="lg:u-hidden u-flex-col success-mobile-nav"> <div data-controller="show-hide"> <div class="u-relative u-flex u-justify-between u-px-md u-border-b u-border-gray-900 u-pt-md u-pb-sm"> <a href="/success/"> <img src="/success/success-by-livechat-logo.svg" width="100" class="success-logo u-m-0" alt="Success by LiveChat Logo"> </a> <div class="success-mobile-search u-Mb-2xs" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6" data-controller="search-input"> <div class="success-search__results v--mobile u-rounded-b u-bg-white" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" class="success-mobile-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change click->search-input#show click->show-hide#hide" > <button class="success-search__clear v--hidden" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear click->search-input#hide" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> </button> </div> </div> <button class="c-navbar__button u-text-p8-bold u-relative" aria-expanded="false" data-target="show-hide.button" data-action="show-hide#toggle"> MENU <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" width="20" class="u-ml-xs"> <g fill="none" stroke="currentColor" stroke-linecap="square"> <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> </div> <div class="success-mobile-nav__menu" data-target="show-hide.content" hidden> <div> <ul class="success-nav__categories u-p-0 u-m-0"> <li><a href="/success/news/" class="c-menu__item v--top">#Know</a></li> <li><a href="/success/sell/" class="c-menu__item v--top">Sell</a></li> <li><a href="/success/support/" class="c-menu__item v--top">Support</a></li> <li><a href="/success/grow/" class="c-menu__item v--top">Grow</a></li> <li><a href="/success/connect/" class="c-menu__item v--top">Connect</a></li> <li data-controller="show"> <div class="u-relative"> <a href="/success/video/" data-action="show#toggle" class="c-menu__item v--top"> <span class="u-inline-block ">Watch</span> <svg class="u-ml-xs u--mb-3xs" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> <g fill="#000"> <path clip-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" fill-rule="evenodd"/> <path d="M11 8l-4.5 2.6V5.4z"/> </g> </svg> </a> </div> </li> <li data-controller="show"> <div class="u-relative"> <a href="#" data-action="show#toggle" class="c-menu__item v--top"> <span class="u-inline-block ">Topics</span> </a> <button class="success-mobile-nav__toggle-dropdown" data-action="show#toggle" aria-expanded="false"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> </div> <ul class="c-list u-pl-0 u-text-p7 mobile-sub-menu" data-target="show.content" hidden> <li> <div class="u-relative c-menu__item v--top"> <a href="#" data-action="show#toggle" class="u-pl-xl"> <span class="u-inline-block ">Topics</span> </a> <button class="success-mobile-nav__toggle-dropdown v--left" data-action="show#toggle" aria-expanded="false"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> </svg> </button> </div> </li> <li> <a href="/success/topics/customer-service/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Customer service</span> </a> </li> <li> <a href="/success/topics/online-sales/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Online Sales</span> </a> </li> <li> <a href="/success/topics/ecommerce/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Ecommerce</span> </a> </li> <li> <a href="/success/topics/online-marketing/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Online Marketing</span> </a> </li> <li> <a href="/success/topics/customer-experience/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Customer experience</span> </a> </li> </ul> </li> </ul> </div> <div class="u-mt-md"> <p class="u-text-p10 u-px-lg u-py-md u-text-gray-400">DISCOVER OUR PRODUCTS</p> <ul class="u-p-0 u-m-0" style="list-style: none"> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.livechat.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-livechat" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on LiveChat" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M21.316 9.664a76.785 76.785 0 00-10.615 0 1.393 1.393 0 00-1.308 1.265c-.172 2.142-.195 5.35-.037 7.49.052.707.673 1.314 1.512 1.314H13.5v3.246l-2.627-.002c-2.409 0-4.571-1.785-4.758-4.318-.17-2.307-.147-5.682.039-7.99.186-2.313 2.045-4.084 4.314-4.247a80.032 80.032 0 0111.08 0c2.27.163 4.13 1.934 4.315 4.247.186 2.308.177 5.683.007 7.99-.187 2.533-2.344 4.326-4.753 4.326l-2.6-.002-5.017 3.246v-3.25l5.018-3.246h2.6c.839 0 1.46-.607 1.511-1.313.158-2.14.167-5.349-.005-7.49a1.393 1.393 0 00-1.308-1.266z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">LiveChat</span> <span class="u-text-p7">Connect with Customers</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.chatbot.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-chatbot" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on ChatBot" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M12.018 13.595c-.351-.15-.768.105-.768.487v1.957c0 .272.147.522.393.638.749.352 2.476 1.053 4.356 1.053 1.881 0 3.608-.7 4.357-1.053a.696.696 0 00.393-.637v-1.958c0-.382-.417-.637-.768-.487-.867.369-2.367.885-3.982.885-1.614 0-3.114-.516-3.981-.885z"/> <path fill="currentColor" fill-rule="evenodd" d="M10.873 22.977l2.627.002v3.25l5.018-3.246 2.599.002c2.409 0 4.566-1.793 4.753-4.326.17-2.307.178-5.682-.007-7.99-.186-2.313-2.045-4.084-4.314-4.247a80.032 80.032 0 00-11.08 0c-2.27.163-4.13 1.934-4.315 4.247-.186 2.308-.21 5.683-.04 7.99.188 2.533 2.35 4.318 4.76 4.318zm-.172-13.313a76.785 76.785 0 0110.615 0 1.393 1.393 0 011.308 1.265c.172 2.142.163 5.35.005 7.49-.052.707-.672 1.314-1.512 1.314h-2.6L13.5 22.979v-3.246h-2.632c-.84 0-1.46-.607-1.512-1.313-.158-2.14-.135-5.349.037-7.49a1.393 1.393 0 011.308-1.266z" clip-rule="evenodd"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">ChatBot</span> <span class="u-text-p7">Automate customer service with AI</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.helpdesk.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-helpdesk" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on HelpDesk" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M10.525 24.275c1.825.15 3.65.225 5.475.225 1.825 0 3.65-.075 5.475-.2 2.35-.2 4.2-2.25 4.375-4.85l.015-.208c.09-1.258.135-1.886.135-3.19v-2.524l-3.25 2.825c-.023 1.198.027 1.512-.05 2.536l-.027.354c-.075.975-.675 1.775-1.4 1.825-3.5.3-6.998.282-10.498-.018-.725-.05-1.325-.85-1.4-1.825l-.022-.294c-.085-1.12-.128-1.706-.128-2.906v-.027c.025-1.291.05-2.607.15-3.923.075-.95.65-1.725 1.35-1.825h10.368l-4.94 4.338-2.125-1.954-2.427 2.131 4.523 4.157L26 10.25V7H10.525c-2.35.2-4.2 2.25-4.375 4.85-.1 1.4-.15 2.8-.15 4.175 0 1.315.046 1.97.137 3.224l.013.176c.175 2.6 2.025 4.65 4.375 4.85z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">HelpDesk</span> <span class="u-text-p7">Support customers with tickets</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.knowledgebase.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-knowledgebase" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on KnowledgeBase" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M25.918 10.25h-3.2V7c-2.875 0-5.3 1.9-6.725 3.325C14.568 8.9 12.193 7 9.318 7v3.25h-3.25c-.1 2.525-.1 7.276.075 9.3.2 2.326 2.05 4.076 4.325 4.25 1.775.126 3.675.2 5.55.2s3.775-.05 5.55-.2c2.275-.174 4.125-1.924 4.325-4.25.125-2.024.15-6.775.025-9.3zm-3.3 9.026c-.05.675-.6 1.225-1.3 1.275a73.81 73.81 0 01-5.325.175c-1.8 0-3.6-.05-5.325-.175-.725-.05-1.25-.6-1.3-1.275-.15-1.9-.175-6.676-.05-9.026 2.325.025 4.65 2.525 5.35 3.5l1.325 1.825 1.325-1.825c.7-.975 3.075-3.475 5.4-3.5.1 2.35.05 7.125-.1 9.026z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">KnowledgeBase</span> <span class="u-text-p7">Guide and educate customers</span> </span> </a> </li> </ul> </div> <div class="u-px-lg u-py-xl u-bg-gray-900"> <form action="https://livechatinc.us2.list-manage.com/subscribe/post" method="POST" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Newsletter subscription" data-track-label="Mobile navigation" data-action="track#send" > <input type="hidden" name="u" value="9c5eb54aa9b2efe23531b3e09"> <input type="hidden" name="id" value="68e71cd045"> <input type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="newsletter-mobile-MERGE0" class="u-text-p8 u-mb-md success-subscribe__input success-subscribe__email v--right " placeholder="Enter your email"> <button type="submit" class="c-btn v--dark u-w-full" placeholder="enter email">Subscribe</button> </form> </div> <div class="u-mb-md"> <ul class="success-nav__categories u-p-0 u-m-0 u-mb-lg u-border-t"> <li><a href="/success/authors/" class="u-block u-border-b u-text-p6 u-px-lg u-py-sm">Authors</a></li> <li><a href="/success/contribute/" class="u-block u-border-b u-text-p6 u-px-lg u-py-sm">Write for us</a></li> </ul> </div> <p class="u-text-p10 u-text-center u-text-gray-600">Follow us</p> <div class="u-flex u-items-center u-justify-center u-flex-wrap u-mb-lg"> <a href="https://www.facebook.com/SubscribeSuccess" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Facebook" data-action="track#send" ><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" fill-rule="evenodd" d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16c0 6.9 4.992 12.635 11.562 13.788v-9.506H10V16.33h3.562V13.32C13.562 9.893 15.655 8 18.86 8c1.535 0 3.14.267 3.14.267v3.364h-1.77c-1.742 0-2.285 1.055-2.285 2.136v2.563h3.89l-.621 3.952h-3.269v9.552A14.454 14.454 0 0116 30z" clip-rule="evenodd"/> </svg> </a> <a href="https://www.instagram.com/subscribe_success/" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Instagram" data-action="track#send" ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.065.06C7.117.01 7.453 0 10.133 0c2.68 0 3.016.011 4.068.06 1.05.047 1.768.214 2.395.458.65.252 1.2.59 1.748 1.138a4.838 4.838 0 011.138 1.748c.244.627.41 1.345.459 2.395.048 1.052.059 1.388.059 4.068 0 2.68-.011 3.015-.06 4.068-.047 1.05-.214 1.767-.458 2.395-.252.649-.59 1.199-1.138 1.748a4.836 4.836 0 01-1.748 1.138c-.627.243-1.345.41-2.395.458-1.052.048-1.388.06-4.068.06-2.68 0-3.016-.012-4.068-.06-1.05-.048-1.767-.215-2.395-.458a4.836 4.836 0 01-1.748-1.138A4.836 4.836 0 01.784 16.33c-.244-.628-.41-1.345-.458-2.395-.048-1.053-.06-1.389-.06-4.068 0-2.68.012-3.016.06-4.068.048-1.05.214-1.768.458-2.395.252-.65.59-1.2 1.138-1.748A4.836 4.836 0 013.67.518C4.298.274 5.015.108 6.065.059zm9.889 2.115c-.348-.135-.87-.296-1.833-.34-1.04-.047-1.352-.057-3.987-.057-2.634 0-2.946.01-3.987.057-.962.044-1.484.205-1.832.34-.46.179-.789.393-1.134.738-.346.345-.56.674-.738 1.135-.135.347-.296.87-.34 1.832-.048 1.04-.058 1.352-.058 3.987 0 2.634.01 2.946.058 3.987.044.962.205 1.484.34 1.832.179.46.393.79.738 1.134.345.346.674.56 1.134.738.348.136.87.296 1.832.34 1.04.048 1.353.058 3.987.058 2.635 0 2.947-.01 3.987-.058.962-.044 1.485-.204 1.832-.34.461-.178.79-.392 1.135-.738.345-.345.56-.674.738-1.134.135-.348.296-.87.34-1.832.047-1.04.057-1.353.057-3.987 0-2.635-.01-2.947-.057-3.987-.044-.962-.205-1.485-.34-1.832a3.057 3.057 0 00-.738-1.135 3.056 3.056 0 00-1.135-.738zM10.14 4.8a5.067 5.067 0 100 10.134 5.067 5.067 0 000-10.134zM6.847 9.866a3.289 3.289 0 106.577 0 3.289 3.289 0 00-6.577 0zm8.556-4.082a1.184 1.184 0 100-2.368 1.184 1.184 0 000 2.368z" fill="currentColor"/> </svg> </a> <a href="https://twitter.com/intent/follow?screen_name=Success__Team" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Twitter" data-action="track#send" ><svg width="27" height="21" viewBox="0 0 27 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27 2.5c-1 .4-2 .7-3.2.8 1.2-.6 2-1.7 2.5-3-1.1.7-2.3 1.1-3.6 1.4-1-1-2.4-1.7-4-1.7-3 0-5.5 2.4-5.5 5.3l.1 1.2A16 16 0 011.9 1 5 5 0 001 3.6c0 1.9 1 3.5 2.5 4.4-1 0-1.8-.2-2.5-.6C1 10 3 12.2 5.5 12.6a5.8 5.8 0 01-2.5.1 5.5 5.5 0 005.2 3.7A11.4 11.4 0 010 18.6C2.5 20.1 5.4 21 8.5 21c10.2 0 15.7-8 15.7-15v-.8c1.1-.7 2-1.7 2.8-2.7z" fill="currentColor"/> </svg> </a> <a href="https://www.linkedin.com/showcase/success-by-livechat/" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="LinkedIn" data-action="track#send" ><svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.3 15.4V25h-5.7v-9c0-2.3-.8-3.9-2.8-3.9-1.6 0-2.5 1-2.9 2-.2.4-.2 1-.2 1.4v9.5H9.1v-17h5.6v2.5c.8-1.2 2-2.8 5-2.8 3.8 0 6.6 2.4 6.6 7.6zM3.2 0C1.2 0 0 1.3 0 3c0 1.5 1.2 2.9 3.1 2.9 2 0 3.2-1.4 3.2-3S5.1 0 3.2 0zM.3 25.1H6v-17H.3v17z" fill="currentColor"/> </svg> </a> </div> <div class="u-text-center u-mb-lg"> <a href="https://www.youtube.com/channel/UCVBKToMYvBpZybYlJQEnHOA?sub_confirmation=1" target="_blank" class="c-btn v--secondary" data-controller="track" data-track-category="Success" data-track-action="Subscribe" data-track-label="Subscribe to YouTube button" data-action="track#send" > <span class="u-text-signup u-relative u-mr-2xs" style="top:3.5px;"><svg width="27" height="19" viewBox="0 0 27 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4 12.6V5.3L17.5 9l-7 3.6zM26 4s-.3-1.8-1-2.6c-1-1-2.2-1-2.7-1.1-3.6-.3-9.2-.3-9.2-.3S7.6 0 4 .3c-.5 0-1.6 0-2.6 1C.5 2.3.3 4 .3 4S0 6 0 8.2v2c0 2.2.3 4.3.3 4.3s.2 1.8 1 2.6c1 1 2.3 1 2.9 1.1a184.6 184.6 0 0018.1 0c.5 0 1.7 0 2.7-1.1.7-.8 1-2.6 1-2.6s.3-2.1.3-4.3v-2c0-2-.3-4.2-.3-4.2z" fill="currentColor"/> </svg> </span> Subscribe to our channel </a> </div> </div> </div> </nav> <div id="subscribe-modal" class="success-modal u-hidden" aria-hidden="true"> <div class="success-modal--overlay" tabindex="0" data-micromodal-close> <div class="success-modal--dialog u-maxw-8 md:u-maxw-6 u-text-center u-rounded" role="dialog" aria-modal="true"> <button class="success-modal--close" aria-label="Close modal" data-micromodal-close><svg width="32" height="32" viewBox="0 0 16 16" fill="none" data-micromodal-close class="u-w-auto u-hover-lift u-shadow u-round u-m-0" xmlns="http://www.w3.org/2000/svg"> <title>Close</title> <circle cx="8" cy="8" r="8" data-micromodal-close fill="#fff"/> <path data-micromodal-close stroke="#1B1B20" d="M5.24 5.1l5.66 5.66M10.9 5.24L5.24 10.9"/> </svg> </button><div> <div class="u-rounded u-bg-white u-text-black u-text-center u-Py-sm sm:u-Py-md md:u-Py-lg u-px-sm sm:u-Px-md md:u-Px-xl"> <div class="o-container"> <div class="u-px-0"> <img src="/success/subscribe-3.svg" alt="" style="max-width: 335px;" class="u-Mb-sm" /> <p class="u-text-p3 u-mb-md u-text-center">Success in your inbox</p> <p class="u-text-p5 u-text-center">Get monthly insights handpicked by our editorial team. Act on it.</p> <form action="https://livechatinc.us2.list-manage.com/subscribe/post" method="POST" target="_blank" class="md:u-flex u-maxw-6 u-mx-auto" data-controller="track" data-track-category="Success" data-track-action="Newsletter subscription" data-track-label="Main navigation" data-action="track#send" > <input type="hidden" name="u" value="9c5eb54aa9b2efe23531b3e09"> <input type="hidden" name="id" value="68e71cd045"> <input type="email" required autocapitalize="off" autocorrect="off" name="MERGE0" id="main-navigation-MERGE0" class="u-text-p8 success-subscribe__input success-subscribe__email v--right u-basis-8 md:u-mr-md u-mb-md md:u-mb-0" placeholder="What's your email?"> <button type="submit" class="c-btn v--dark u-basis-4 u-w-full" placeholder="enter email">Subscribe</button> </form> </div> </div> </div> </div> </div> </div> </div> <main data-controller="attribute" class="success-main"> <div class="post-progress"></div> <script> var progress = document.querySelector(".post-progress"); var h = document.documentElement, b = document.body, st = 'scrollTop', sh = 'scrollHeight'; window.addEventListener("scroll", function () { var percent = (h[st]||b[st]) / ((h[sh]||b[sh]) - h.clientHeight) * 100; progress.style.setProperty('--scroll', percent + '%'); }); </script> <div data-controller="attribute cookie-toggle cookie-style" data-attribute-add-class="u-hidden" data-target="attribute.element cookie-style.hideElement" data-cookie-name="success-banner-hidden-mobile" data-cookie-days="14"> <div class="success-product-banner-wrapper lg:u-hidden"> <div class="success-product-banner v--livechat b--u-py-2"> <div class="b--u-mbn-4 b--u-mr-2 u-text-right"> <a href="#" class="u-inline-block u-relative" data-action="cookie-toggle#setCookieTrue attribute#addClass"><svg fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><rect width="24" height="24" rx="12" fill="#3B3B43"/><path d="M18 6 6 18M6 6l12 12" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><rect x=".5" y=".5" width="23" height="23" rx="11.5" stroke="#3B3B43"/><defs><clipPath id="a"><rect width="24" height="24" rx="12" fill="#fff"/></clipPath></defs></svg></a> </div> <div class="o-container"> <div class="u-justify-between b--u-px-3"> <div class="u-text-center u-basis-9"> <p class="u-text-xs u-text-p6-bold b--u-mb-1">LiveChat helps you delight your customers and fuels your sales.</p> </div> <div class="u-text-center u-basis-3"> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--sm v--signup" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> </div> </div> </div> </div> </div> </div> <div data-controller="cookie-toggle cookie-style" data-attribute-remove-class="lg:u-block" data-attribute-add-class="u-hidden" data-target="attribute.element cookie-style.hideElement" data-cookie-name="success-banner-hidden" data-cookie-days="14" class="" > <div class="u-relative success-product-banner-wrapper u-hidden lg:u-block" style="z-index: 12;"> <div class="success-product-banner v--livechat b--u-py-1.5"> <div class="b--u-mbn-3 b--u-mr-2 u-text-right"> <a href="#" class="u-inline-block u-relative" data-action="attribute#addClass attribute#removeClass cookie-toggle#setCookieTrue"><svg fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><rect width="24" height="24" rx="12" fill="#3B3B43"/><path d="M18 6 6 18M6 6l12 12" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><rect x=".5" y=".5" width="23" height="23" rx="11.5" stroke="#3B3B43"/><defs><clipPath id="a"><rect width="24" height="24" rx="12" fill="#fff"/></clipPath></defs></svg></a> </div> <div class="o-container"> <div class="md:u-flex u-items-center u-justify-between"> <div class="u-text-center md:u-text-left u-basis-6"><img src="/success/images/product-marketing/logo-livechat.9c8af95f9790c09d05fd0a970afcb0d48ffc8a548325e769ff629f64016c0bc3.png" alt="" class="u-ml-0 b--u-mb-1.5" style="width: 82px"> <p class="b--u-text-xl b--u-mb-1.5">Connect with customers</p> <p class="b--u-text-sm b--u-mb-1.5">LiveChat is a complete customer service platform that delights your customers and fuels your sales.</p> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--signup b--u-mb-1.5" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> <div class="sm:u-flex u-items-center sm:u-text-left"> <p class="b--u-text-xs b--u-text-black-600 b--u-my-1.5">Trusted by <strong>36,000+</strong> companies</p> <div class="b--u-pl-3 u-basis-12"><img src="/success/images/product-marketing/logos-big-livechat.ded8419d0d3e6ab5a8fffce8714ab867bdf7b9299408be19cf031f8c191dc755.png" alt="" class="u-ml-0" style="width: 271px"> </div> </div> </div> <div class="u-text-center u-basis-6"><img src="/success/images/product-marketing/image-livechat.72dacda531c3613b080e56b8660540505f85eb4b548795c2fb2f16e4717e3284.png" alt="" style="width: 351px"> </div> </div> </div> </div> </div> </div> <div class="u-relative success-product-banner-wrapper u-hidden lg:u-block v--sticky" style="z-index: 11;"> <div class="u-hidden" data-controller="cookie-style" data-target="cookie-style.showElement attribute.element" data-cookie-name="success-banner-hidden" data-attribute-remove-class="u-hidden"> <div class="success-product-banner v--livechat b--u-py-3"> <div class="o-container"> <div class="md:u-flex u-items-center u-justify-between"> <div class="u-text-center md:u-text-left u-basis-9"> <p class="u-text-p6-bold u-mb-0">LiveChat helps you delight your customers and fuels your sales.</p> </div> <div class="u-text-right u-basis-3"> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--signup" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> </div> </div> </div> </div> </div> </div> <article class="post-grid v--w-image b--u-pt-3 b--lg:u-pt-12 b--lg:u-pt-10" role="main" data-controller="article-aside"> <div class="float-share__list-item success-floating-search u-hidden lg:u-block"> <div class="u-hidden lg:u-block success-search" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6 u-relative" data-controller="search-input"> <div class="success-search__results u-bg-white u-rounded-b" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" id="search" class="success-search__input success-floating-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change" > <button class="success-search__clear v--hidden t-tooltip" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> <span class="t-tooltiptext-bottom">Clear search and close</span> </button> </div> </div> </div> <div class="u-hidden lg:u-block success-search" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6 u-relative" data-controller="search-input"> <div class="success-search__results u-bg-white u-rounded-b" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" id="search" class="success-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change" > <button class="success-search__clear v--hidden t-tooltip" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> <span class="t-tooltiptext-bottom">Clear search</span> </button> </div> </div> <div class="post-header"> <div itemscope itemtype="http://schema.org/BreadcrumbList"> <div class="u-hidden" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/success/client-vs-customer/"> <span itemprop="name">Success</span> </a> <meta itemprop="position" content="1" /> </div> <div class="post-categories u-mb-lg" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/success/connect/" class="u-text-p9 u-bg-gray-900 u-text-gray-100 u-px-xs u-py-2xs u-rounded-sm v--no-underline hover:u-bg-accent"><span itemprop="name">Connect</span></a> <meta itemprop="position" content="2" /> </div> <div class="post-categories u-mb-lg" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <h1 itemprop="name" class="post-title">Understanding the Client vs. Customer Dynamic</h1> <meta itemprop="position" content="3" /> </div> </div> <div class="u-flex u-flex-wrap u-Mt-sm md:u-Mt-md u-mb-md u-text-p8 u-text-gray-700"><div class="u-flex u-items-center u-basis-12 md:u-basis-auto md:u-mr-lg u-mb-lg md:u-mb-0"> <div class="success-authors-info u-flex u-items-center"><div class="u-flex success-authors-info__avatars "> <a href="/success/authors/olga-rogacka/" class="success-authors-info__avatars__a"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_96,h_96,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2020/06/olga-rogacka2.png" class="u-w-fit u-ml-0 u-round success-authors-info__avatars__img u-mr-sm" style="width: 48px;" width="48"></a href="/success/authors/olga-rogacka/" class="success-authors-info__avatars__a"></div><a href="/success/authors/olga-rogacka/" class="u-text-p8 success-authors-info__a">Olga Rogacka</a href="/success/authors/olga-rogacka/" class="u-text-p8 success-authors-info__a"></div> </div><div class="u-flex u-items-center u-mr-lg sm:u-mr-xl"> <img src="/success/icons/time-to-read.svg" class="u-w-fit u-mr-xs u-ml-0 u--mt-3xs" alt="" width="20"> <span>6 min read</span> </div> <div class="u-flex u-items-center"> <img src="/success/icons/calendar.svg" class="u-w-fit u-mr-xs u-ml-0 u--mt-3xs" alt="" width="20"> <span>Oct 4, 2023</span> </div> </div> </div> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1300,h_500,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_320/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.jpg 320w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_776/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.jpg 776w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_1232/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.jpg 1232w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_1688/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.jpg 1688w" sizes="(min-width: 1200px) 1728px, 100vw" alt="" width="864" height="531" class="post-featured-image"><div class="float-share u-hidden md:u-block"> <ul class="float-share__list"> <li class="float-share__list-item"> <a href="https://twitter.com/intent/tweet?text=Understanding%20the%20Client%20vs.%20Customer%20Dynamic&via=Success__Team&url=https://www.livechat.com/success/client-vs-customer/" target="_blank" title="Post on Twitter" rel="nofollow noopener noreferrer" class="float-share__button success-hover" style="color: #4AA0EC;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Twitter" data-action="track#send" > <svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 1.77c-.7.3-1.45.51-2.24.6a3.82 3.82 0 001.72-2.1A8 8 0 0116 1.2 3.94 3.94 0 0013.15 0a3.84 3.84 0 00-3.8 4.65A11.17 11.17 0 011.33.69a3.76 3.76 0 001.2 5.06 3.98 3.98 0 01-1.76-.48v.05A3.82 3.82 0 003.9 9.04a4.06 4.06 0 01-1.76.06c.5 1.5 1.94 2.6 3.64 2.63A7.96 7.96 0 010 13.3 11.25 11.25 0 005.97 15c7.17 0 11.1-5.77 11.1-10.78l-.02-.49A7.67 7.67 0 0019 1.77z" fill="#4AA0EC"/> </svg> </a> <div class="float-share__tooltip">Post on Twitter</div> </li> <li class="float-share__list-item"> <a href="https://www.facebook.com/sharer/?u=https://www.livechat.com/success/client-vs-customer/" title="Share on Facebook" rel="nofollow noopener noreferrer" target="_blank" class="float-share__button" style="color: #4968AD;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Facebook" data-action="track#send" > <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0a8 8 0 011.25 15.9v-5.59h1.86L11.47 8H9.25V6.5c0-.63.31-1.25 1.3-1.25h1.01V3.28s-.91-.15-1.79-.15c-1.83 0-3.02 1.1-3.02 3.1V8H4.72v2.31h2.03v5.6A8 8 0 018 0z" fill="currentColor"></path> </svg> </a> <div class="float-share__tooltip">Share on Facebook</div> </li> <li class="float-share__list-item"> <a href="http://www.linkedin.com/shareArticle?mini=true&url=https://www.livechat.com/success/client-vs-customer/" title="Post on LinkedIn" rel="nofollow noopener noreferrer" target="_blank" class="float-share__button" style="color: #0077B5;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="LinkedIn" data-action="track#send" > <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.7 9.4v5.93h-3.45V9.8c0-1.4-.5-2.34-1.74-2.34-.95 0-1.51.64-1.76 1.26-.1.22-.12.53-.12.84v5.77H6.19s.05-9.37 0-10.34h3.44v1.46l-.02.04h.02v-.04c.46-.7 1.27-1.7 3.1-1.7 2.27 0 3.96 1.47 3.96 4.65zM2.6 0C1.4 0 .63.77.63 1.79c0 .99.75 1.79 1.9 1.79h.03c1.2 0 1.94-.8 1.94-1.8C4.5.79 3.77 0 2.6 0zM.84 15.33h3.44V5H.85v10.34z" fill="#0077B5"/> </svg> </a> <div class="float-share__tooltip">Post on LinkedIn</div> </li> <li class="float-share__list-item"> <a href="http://www.reddit.com/submit?url=https://www.livechat.com/success/client-vs-customer/" title="Post on Reddit" rel="nofollow noopener noreferrer" target="_blank" class="float-share__button" style="color: #FF4500;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Reddit" data-action="track#send" > <svg width="20" height="20" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 9.26a9 9 0 10-18-.51 9 9 0 0018 .5zm-1.95-1.94c.06.62-.23 1.07-.7 1.43-.12.08-.16.15-.14.3a3.54 3.54 0 01-.9 2.91 6.2 6.2 0 01-3.44 1.93 8.1 8.1 0 01-2.81.13A7.3 7.3 0 015.02 13a4.61 4.61 0 01-1.87-2.06 3.44 3.44 0 01-.23-1.97c0-.08 0-.12-.07-.16-.4-.27-.7-.63-.78-1.12a1.52 1.52 0 011.87-1.77c.2.05.38.15.57.24l.2.1c.07.03.11.05.18 0a6.85 6.85 0 012.47-1.04c.5-.1 1-.18 1.5-.17.11 0 .13-.06.15-.13l.55-1.73.27-.86c.1-.3.24-.39.55-.32l.62.13 1.64.35c.1.02.15 0 .21-.07.64-.74 1.63-.4 1.95.17.4.7-.05 1.6-.87 1.73-.6.1-1.2-.29-1.35-.88-.04-.13-.1-.17-.21-.2l-1.24-.26-.5-.1-.1-.02-.05-.01-.22.66-.51 1.61.18.02.22.02c1.13.12 2.18.47 3.14 1.1.06.04.1.04.15-.01.52-.42 1.1-.5 1.7-.23.55.24.85.7.91 1.3zm-4.83 2.42c.5 0 .95-.45.95-.94a.96.96 0 00-.96-.97c-.5 0-.95.44-.94.93 0 .54.42.98.95.98zm.2 1.43c.1.1.13.25.02.38a1.9 1.9 0 01-.45.38c-.45.28-.96.42-1.48.47l-.3.02h-.1c-.85 0-1.58-.2-2.23-.65a.85.85 0 01-.2-.2c-.1-.14-.09-.3 0-.4.15-.14.34-.17.49-.08l.14.08c.16.1.3.19.47.25a3.17 3.17 0 003.1-.29l.08-.05c.14-.08.32-.05.46.1zM6.93 9.74c.48 0 .93-.46.93-.95a.98.98 0 00-.96-.96.97.97 0 00-.95.96c0 .52.44.95.98.95z" fill="#FF4500"/> </svg> </a> <div class="float-share__tooltip">Post on Reddit</div> </li> <li data-controller="copy-button" class="float-share__copy float-share__list-item"> <a href="#" class="float-share__button u-text-black" title="Copy link to clipboard" data-action="click->copy-button#copy track#send" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Copy link" > <svg fill="none" height="19" viewBox="0 0 19 19" width="19" xmlns="http://www.w3.org/2000/svg"> <path clip-rule="evenodd" d="M14.3.6C13 .6 12 1.2 11.2 2L7.9 5.4c.5-.6 2.4-.2 2.9.3l2-2c.4-.5 1-.8 1.6-.8.4 0 1 0 1.4.6.5.4.5 1 .5 1.3 0 .6-.2 1.2-.7 1.7L12.1 10c-.9.9-2.2 1-3 .2-.4-.5-1.2-.5-1.6 0-.5.4-.5 1.1 0 1.6.8.8 1.8 1.2 3 1.2 1 0 2.3-.5 3.2-1.4L17.2 8c1-1 1.4-2.1 1.4-3.3A4.2 4.2 0 0014.3.6zM8.8 6.3c-1.1 0-2.4.5-3.3 1.4L2 11.2c-.9.9-1.4 2-1.4 3.3A4.2 4.2 0 005 18.6c1.1 0 2.2-.5 3-1.4l3.4-3.3c-.5.5-2.5.2-3-.3l-2 2c-.4.4-1 .7-1.5.7-.4 0-1 0-1.5-.5-.4-.5-.5-1-.5-1.3 0-.6.3-1.2.7-1.7l3.6-3.5c.8-1 2.2-1 3-.2.4.4 1.1.4 1.6 0 .4-.4.4-1.2 0-1.6a4.1 4.1 0 00-3-1.2z" fill="#000" fill-rule="evenodd"/> </svg> </a> <div class="float-share__tooltip">Copy link to clipboard</div> <span class="float-share__copy__success u-text-p8" data-target="copy-button.success">Link copied to clipboard</span> <textarea data-target="copy-button.text" readonly class="c-copy-button__textarea u-maxw-1">https://www.livechat.com/success/client-vs-customer/</textarea> </li> </ul> </div> <p class="u-text-p5">The terms client and customer often get tossed around casually. However, understanding the difference between the client and customer is vital for any successful business strategy. The distinction between the terms may seem subtle, but it carries important implications, especially in professional relationships. </p> <p>In this article, we will untangle the confusion. We’ll give you customer and client definitions, explore what sets them apart, and how getting it right can shape a business's success. We'll clear up common misconceptions and provide insights from which every entrepreneur and service provider can benefit. So, buckle up!</p> <h2 class="block-heading u-text-p4" >The importance of the client vs. customer distinction</h2> <p>The distinction between clients and customers goes beyond semantics; it profoundly influences how businesses operate, communicate, and strategize.</p> <p><strong>Clients</strong>: This is a specific category of customers who seek professional services from a business. These are your long-term buddies. Think of them as partners in crime. You build trust, understand their quirks, and tailor your professional service just for them. It’s all about personalized solutions and nurturing a lasting relationship.<br></p> <p><strong>Customers</strong>: These are individuals who make purchases, typically of products or services, from a company. This term is broader and encompasses various types of transactions. They’re more like the friendly neighbors who pop in for a chat. Quick, efficient service is their jam. They want a good product and a smooth experience and might return if they like what they get.</p> <p>Clients and customers share similarities, but their distinction is also rooted in the service being provided. For instance, a SaaS company serves customers, whereas a law firm serves clients.<br></p> <div class="block-product-banner v--livechat b--u-py-1.5 b--u-px-4 b--lg:u-px-8 b--xl:u-px-4"> <div class="md:u-flex u-items-center u-justify-between"> <div class="u-text-center md:u-text-left u-basis-7 b--u-py-1.5 b--md:u-pr-2"> <h2 class="b--u-text-xl b--u-mb-1.5">Connect with customers</h2> <p class="b--u-text-sm b--u-mb-1.5">LiveChat is a complete customer service platform that delights your customers and fuels your sales.</p> <div class="sm:u-flex u-items-center sm:u-text-left"> <p class="b--u-text-2xs b--u-text-black-600 u-basis-5 b--u-my-1.5">Trusted by <strong>36,000+</strong> companies</p> <div class="b--sm:u-pl-3 u-basis-12"><img src="/success/images/product-marketing/logos-livechat.261f4bb94a9e81009c6ce846545af4c831a04529d36034354d3fa458b23eb8cd.png" alt=""> </div> </div> </div> <div class="u-text-center u-basis-3 u-relative b--u-py-1.5"> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--signup b--u-mb-1.5" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (article)" data-action="track#send" >Signup for free</a> <div> <span class="u-mr-md u-inline-block b--u-text-sm"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" class="u-mr-xs"> <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> </div> <svg class="block-product-banner__hand" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93 81"><path d="M36.4 36.8c1.2.4 6 1.2 8.4 1.5 5-.6 15.4-2 16.7-2.7 1.6-1 11-4.7 11.9-5.4.7-.6 1.1-1.2 1.8-.6.7.5 7.2 11.9 7.4 13.5.2 1.6-10.5 6.3-11.2 6.5-1 .3-14.3 5-15.1 5l-10.7-.4a479 479 0 0 1-14-2.5c-1.6-.4-5.1-2.5-6.5-2.8-1.3-.3-7.2-1.3-8-2-.7-.7-.3-2.5-1.1-3.5-1.2-1.4.3-2.2-.5-3.4-1-1.5.6-2.4-.3-3.7-.6-1 0-2 .5-2.3-.6 0-2.3-.6-3.7-2.4-1.8-2.3-.8-1.8 0-2.5.8-.6 6.4 2.3 9.1 3.5.6-.5 1.5-2.3 2.2-2.8 1-.6 3.5-.6 5 .2 1.3.6 2.3 3.1 2.6 4.5l5.5 2.3Z" fill="#FFD000"/><path d="M82.1 43.3s-6 4.5-13.4 7.9c0 0-7.2 2.8-11.5 3.7-4.3 1-11 1-20.3-.7-9.2-1.8-10.3-3.6-11.4-3.9l-8.3-1.7c-.8-.3-2.3-1.5-2.2-2.5l.2-1m7.4 2.3s-7.2-2.2-7.8-2.7c-.6-.5-1.6-2-.3-2.7m8.7 2.7s-7.4-2.5-8-2.9c-.7-.4-2.7-1.9-1-3.3m9.5 3.3L16.3 39c-1.2-.4-3.5-2-3-3.2.7-1.2 1.2-1 1.2-1m10 4.1s-8.8-3.8-10.2-4.2c-1.4-.4-4.6-2.3-4.5-3.2 0-1 .3-1.5 2.2-1.2 1.9.3 13.3 5.7 13.3 5.7m-5.5-2.8s1.5-2 1.8-2.2c.3-.2 2.8-2 4.7-.6 1.8 1.4 2.4 2.2 2.9 3.5l.5 1.6s3.6 1.8 5.5 2.3c1.8.5 7.1 1.4 10.6 1 3.5-.3 11.8-1.2 14.2-2.4 2.4-1.3 9.9-4.3 11.7-5.6 1.8-1.3 2.8-1.5 2.8-1.5m-49.2 4.1-1-.4" stroke="#1B1B20" stroke-width="2" stroke-linecap="round"/><path d="M84.4 48.9c-1.7 1.4-4.3-1.2-5.3-2.7l4.2-2.5c-2.3-5-6.7-12.4-8.6-15.2l-4 2c-.2-.3-1-1-.9-3.3.1-2.8 2.5-2 4 .1l.9 1.2c1.9 2.8 6.3 10.1 8.6 15.2 1 2.6 1.7 4.6 1 5.2Z" fill="#1B1B20"/><path d="m74.7 28.5-.8-1.2c-1.6-2-4-3-4-.1-.2 2.2.6 3 .8 3.2l4-2Zm0 0c1.9 2.8 6.3 10.1 8.6 15.2m0 0c1 2.6 1.7 4.6 1 5.2-1.6 1.4-4.2-1.2-5.2-2.7l4.2-2.5Z" stroke="#1B1B20" stroke-width="1.4"/></svg> </div> </div> </div> <h3 class="block-heading u-text-p5-bold" ><strong>Client-based businesses:</strong></h3> <ol> <li><strong>Law firms:</strong> Clients hire lawyers for legal advice and representation. The relationship is personalized, long-term, and often involves complex, ongoing legal matters.</li> </ol> <ol> <li><strong>Financial advisors:</strong> Clients consult financial advisors for personalized investment strategies and financial planning tailored to their specific goals and circumstances.<br><br></li> <li><strong>Advertising agencies:</strong> Businesses are clients seeking customized marketing campaigns, branding strategies, and creative solutions for their unique needs.<br><br></li> <li><strong>Consulting firms:</strong> Clients approach consulting firms for expert advice, specialized knowledge, and strategic solutions to enhance their business operations.<br><br></li> <li><strong>Real estate agency:</strong> Clients are individuals or businesses buying or selling properties. Agents offer personalized guidance, understanding unique needs, and fostering long-term relationships.</li> </ol> <h3 class="block-heading u-text-p5-bold" ><strong>Customer-based services:</strong></h3> <ol> <li><strong>Retail stores:</strong> Customers visit retail stores to purchase goods directly. Transactions are typically short-term, involving the immediate exchange of products for payment.<br></li> <li><strong>Restaurants:</strong> Diners are customers who order food and beverages for immediate consumption based on the menu options provided by the restaurant.<br></li> <li><strong>Online streaming services:</strong> Subscribers are customers who pay for access to a platform's content library, with no personalization or customization of services for individual users.<br></li> <li><strong>Gyms and fitness centers:</strong> Individuals become customers by purchasing memberships for standard access to gym facilities and classes without personalized training plans.<br></li> <li><strong>SaaS companies:</strong> Customers subscribe to online software services. They access standardized subscriptions-based solutions, emphasizing immediate software access over personalized, consultative relationships.<br></li> </ol> <p>Mixing up clients and customers is like mixing up your coffee order – it leads to chaos. You're in trouble if you treat a client like a one-time customer or vice versa. <mark>Clients need that personal touch, and customers need things fast and hassle-free.</mark> </p> <p>But there's another hitch. Some businesses operate with both clients and customers. Just kidding, there's a clear explanation for that. Bear with me.</p> <p>For instance, service-oriented businesses like law firms have clients for specialized services and sell products to individual customers. Retail chains serve both corporate clients and individual shoppers. Similarly, SaaS companies have business clients (B2B) and individual consumers (B2C). Understanding and managing these dual relationships is key to their success.</p> <h2 class="block-heading u-text-p4" >Consumer vs. customer</h2> <p>There's also another term that might be familiar to you, and it's consumer. A <strong>consumer </strong>is a person who uses or consumes a product or service. They are the end-users who buy and utilize products or services for their personal needs or satisfaction. Consumers can also use goods or services even if they didn't directly pay for them. For example, a person using a free app is still a consumer of that app.</p> <p>A <strong>customer</strong> is someone who buys goods or services from a business, applicable to both B2C and B2B transactions. They are actively engaged in a transaction where they exchange money for products or services. Customers are a subset of consumers; all customers are consumers, but not all consumers are customers.<br></p> <h2 class="block-heading u-text-p4" ><strong>Key business differences of client vs. customer</strong></h2> <h3 class="block-heading u-text-p5-bold" ><strong>Nature of relationship</strong></h3> <p>Clients and customers differ fundamentally in the nature of their relationship with a business. Clients engage in an ongoing relationship, seeking personalized services and advice, often with the assistance of a customer success manager. On the other hand, customers often have transactional interactions, paying money for products or services without the same long-term commitment.</p> <h3 class="block-heading u-text-p5-bold" ><strong>Level of engagement</strong></h3> <p>Clients are deeply engaged, fostering loyalty through maximum customer retention strategies and innovative rewards programs. They value the ongoing relationship and personalized service a company provides, often leading to loyal customer status. In contrast, transactional customers have a lower level of engagement, seeking quality service for immediate needs.<br></p> <h3 class="block-heading u-text-p5-bold" ><strong>Scope of services or products</strong></h3> <p>Clients purchase professional services, emphasizing expertise and tailored solutions. This dynamic is prevalent in client-based companies such as law firms. Customers, especially SaaS customers or other customer-based businesses, pay for products or services, focusing on immediate benefits and utility.<br></p> <h3 class="block-heading u-text-p5-bold" ><strong>Business impact and revenue generation</strong></h3> <p>Clients who invest in long-term partnerships contribute significantly to a business's revenue generation. Their continued engagement influences the business strategy and ensures maximum customer retention. Customers, especially in transactional models, contribute to revenue through one-time or occasional purchases.<br></p> <h3 class="block-heading u-text-p5-bold" ><strong>Tailoring to unique needs </strong></h3> <p>You can meet the unique needs of clients and customers by offering personalized solutions, expert advice, and long-term engagement for clients. For customers, the focus is on efficiency, convenience, high-quality products, and innovative customer support. Balancing these approaches ensures that clients and customers feel valued and satisfied, contributing to business growth and a positive reputation.<br></p> <h2 class="block-heading u-text-p4" >Successfully developing customer loyalty</h2> <p>Understanding the importance of both clients and customers is crucial. Clients, with their long-term relationships, offer stability and loyalty. Customers, with their transactions, provide immediate revenue and growth opportunities.<br></p> <p>Recognizing the client vs. customer dynamics is vital in crafting a winning business strategy. Balancing personalized service for clients and efficient customer transactions ensures a thriving, customer-centric business model.</p> <p></p> <section class="u-relative" style="background-image: url(/success/anniversary-report-background.svg); background-position: center; background-size: cover;"> <div class="o-decor" style="z-index: 1;"><img src="/success/anniversary-report-decor.svg" alt="" height="334" class="u-hidden md:u-block o-decor__item" loading="lazy" style="width: 16%;" /> </div> <div class="u-relative"> <div class="o-feature v--textual v--inverse"> <div class="b--u-px-4 b--u-pt-4 b--md:u-pb-4 b--md:u-mln-12"> <h2 class="b--u-text-xl b--u-mb-3 u-text-center md:u-text-left">Get a glimpse into the future of business communication with digital natives.</h2> <a href="/gen-z-communication/" class="c-btn v--dark u-w-full u-items-center u-justify-center" data-action="track#send">Get the FREE report</a> </div> <div class="b--md:u-pr-2 b--u-pt-2"><img src="/success/anniversary-report.png" class="" width="448" height="468" alt="" /> </div> </div> </div> </section> </article> <div class="post-grid"><section> <h2 class="u-text-p3 u-Mt-lg u-text-center">Keep the conversation going</h2> <ul class="post-share"> <li> <a href="https://twitter.com/intent/tweet?text=Understanding%20the%20Client%20vs.%20Customer%20Dynamic&via=Success__Team&url=https://www.livechat.com/success/client-vs-customer/" target="_blank" rel="nofollow noopener noreferrer" class="post-share__button success-hover" style="color: #4AA0EC;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Twitter" data-action="track#send" > <svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 1.77c-.7.3-1.45.51-2.24.6a3.82 3.82 0 001.72-2.1A8 8 0 0116 1.2 3.94 3.94 0 0013.15 0a3.84 3.84 0 00-3.8 4.65A11.17 11.17 0 011.33.69a3.76 3.76 0 001.2 5.06 3.98 3.98 0 01-1.76-.48v.05A3.82 3.82 0 003.9 9.04a4.06 4.06 0 01-1.76.06c.5 1.5 1.94 2.6 3.64 2.63A7.96 7.96 0 010 13.3 11.25 11.25 0 005.97 15c7.17 0 11.1-5.77 11.1-10.78l-.02-.49A7.67 7.67 0 0019 1.77z" fill="#4AA0EC"/> </svg> Tweet </a> </li> <li> <a href="https://www.facebook.com/sharer/?u=https://www.livechat.com/success/client-vs-customer/" rel="nofollow noopener noreferrer" target="_blank" class="post-share__button" style="color: #4968AD;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Facebook" data-action="track#send" > <svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.7 0H5.78C3.62 0 2.23 1.55 2.23 3.94v1.81H.3c-.16 0-.3.15-.3.33v2.63c0 .18.14.33.3.33h1.93v6.63c0 .18.14.33.3.33h2.52c.17 0 .3-.15.3-.33V9.04h2.26c.16 0 .3-.15.3-.33V6.08a.34.34 0 00-.09-.23.3.3 0 00-.21-.1H5.35V4.21c0-.74.16-1.11 1.06-1.11H7.7c.17 0 .3-.15.3-.33V.33C8 .15 7.87 0 7.7 0z" fill="#4968AD"/> </svg> Share </a> </li> <li> <a href="http://www.linkedin.com/shareArticle?mini=true&url=https://www.livechat.com/success/client-vs-customer/" rel="nofollow noopener noreferrer" target="_blank" class="post-share__button" style="color: #0077B5;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="LinkedIn" data-action="track#send" > <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.7 9.4v5.93h-3.45V9.8c0-1.4-.5-2.34-1.74-2.34-.95 0-1.51.64-1.76 1.26-.1.22-.12.53-.12.84v5.77H6.19s.05-9.37 0-10.34h3.44v1.46l-.02.04h.02v-.04c.46-.7 1.27-1.7 3.1-1.7 2.27 0 3.96 1.47 3.96 4.65zM2.6 0C1.4 0 .63.77.63 1.79c0 .99.75 1.79 1.9 1.79h.03c1.2 0 1.94-.8 1.94-1.8C4.5.79 3.77 0 2.6 0zM.84 15.33h3.44V5H.85v10.34z" fill="#0077B5"/> </svg> Post </a> </li> <li> <a href="http://www.reddit.com/submit?url=https://www.livechat.com/success/client-vs-customer/" rel="nofollow noopener noreferrer" target="_blank" class="post-share__button" style="color: #FF4500;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Reddit" data-action="track#send" > <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.4 9.76c.08.82-.3 1.43-.94 1.9-.15.12-.2.21-.17.41a4.72 4.72 0 01-1.2 3.88 8.26 8.26 0 01-4.6 2.56c-1.23.28-2.48.34-3.74.18a9.73 9.73 0 01-4.05-1.35 6.16 6.16 0 01-2.5-2.76 4.59 4.59 0 01-.31-2.62c.02-.1 0-.16-.1-.21a2.18 2.18 0 01-1.02-1.5A2.03 2.03 0 015.25 7.9c.36.1.7.3 1.04.46.09.03.14.06.23 0 1-.69 2.11-1.14 3.3-1.39a9.35 9.35 0 012-.23c.14 0 .17-.07.2-.17L13.1 3.1c.12-.4.32-.52.74-.43l3 .64c.13.03.2 0 .29-.1.85-.98 2.17-.53 2.6.23.53.94-.07 2.13-1.17 2.3-.8.13-1.58-.37-1.8-1.17-.04-.17-.12-.22-.28-.25l-2.32-.5-.2-.03L13 6.83l.53.05c1.51.15 2.92.62 4.19 1.46.08.06.13.05.2-.01a2.04 2.04 0 012.26-.3 2 2 0 011.22 1.73zm-6.44 3.23c.67 0 1.26-.6 1.26-1.26 0-.71-.58-1.3-1.27-1.29-.68 0-1.26.58-1.26 1.24 0 .72.57 1.3 1.27 1.3zm.3 2.41c.14-.17.1-.37-.03-.5-.19-.19-.43-.24-.61-.13l-.22.14c-1.29.78-2.63.9-4.02.32-.29-.11-.55-.3-.82-.45-.2-.11-.45-.07-.64.12-.13.13-.14.35-.02.53.07.1.17.19.27.26a5.1 5.1 0 002.98.88l.53-.04a4.6 4.6 0 001.98-.62c.22-.13.43-.31.6-.51zm-6.02-2.41c.63 0 1.24-.62 1.23-1.27 0-.7-.58-1.28-1.28-1.28-.68 0-1.26.59-1.26 1.28 0 .7.6 1.27 1.31 1.27z" fill="#fff"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12.34a12 12 0 10-24-.68 12 12 0 0024 .68zm-2.6-2.58c.08.82-.3 1.43-.94 1.9-.16.12-.2.21-.18.41a4.72 4.72 0 01-1.2 3.88 8.26 8.26 0 01-4.58 2.56c-1.24.28-2.5.34-3.75.18a9.73 9.73 0 01-4.06-1.35 6.15 6.15 0 01-2.5-2.76 4.58 4.58 0 01-.3-2.62c.01-.1 0-.15-.1-.21a2.17 2.17 0 01-1.02-1.5A2.03 2.03 0 015.25 7.9c.26.07.51.2.76.32l.28.14c.08.03.14.06.23 0 1-.69 2.11-1.14 3.3-1.39a9.44 9.44 0 012-.23c.14 0 .17-.07.2-.17l.72-2.3.36-1.15c.13-.4.33-.52.75-.43l.81.17 2.2.47c.12.03.2 0 .28-.1.85-.98 2.17-.53 2.6.23.53.94-.07 2.13-1.17 2.3-.8.13-1.59-.37-1.8-1.17-.04-.17-.12-.22-.28-.25l-1.65-.35-.67-.15-.13-.02-.07-.01-.28.88-.7 2.15.25.02.29.03c1.51.16 2.91.63 4.19 1.46.08.06.13.05.2 0a2.04 2.04 0 012.26-.32c.74.33 1.15.93 1.22 1.74zm-6.44 3.23c.67 0 1.27-.6 1.26-1.26 0-.71-.57-1.29-1.27-1.29-.68 0-1.26.58-1.26 1.24 0 .72.57 1.31 1.27 1.3zm.27 1.9c.13.14.17.34.02.5-.17.2-.37.39-.6.52a4.6 4.6 0 01-1.97.62l-.4.03h-.13a5.09 5.09 0 01-2.98-.87c-.1-.07-.2-.16-.27-.27-.13-.17-.11-.4.02-.52.19-.2.44-.23.64-.12l.2.12a4.23 4.23 0 004.75-.06l.1-.07c.2-.11.43-.06.62.13zM9.24 13c.63 0 1.24-.62 1.24-1.27 0-.7-.6-1.28-1.29-1.28-.68 0-1.26.59-1.26 1.28 0 .7.6 1.27 1.31 1.27z" fill="#FF4500"/> </svg> Share </a> </li> <li data-controller="copy-button"> <a href="#" class="post-share__button u-text-black" data-action="click->copy-button#copy track#send" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Copy link" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <g stroke="#1B1B20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" clip-path="url(#clip0_11166_72192)"> <path d="M18 8h-8a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2Z"/> <path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"/> </g> <defs> <clipPath id="clip0_11166_72192"> <path fill="#fff" d="M0 0h24v24H0z"/> </clipPath> </defs> </svg> <span>Copy link</span> </a> <span class="post-share__copy__success u-text-p8" data-target="copy-button.success">Link copied to clipboard</span> <textarea data-target="copy-button.text" readonly class="c-copy-button__textarea u-maxw-1">https://www.livechat.com/success/client-vs-customer/</textarea> </li> </ul> </section> <section id="comments" class="u-My-xl t-comments__container" data-controller="comments" data-comments-post-id="21610"> <h3 class="u-text-p4">Comments</h3> <form class="u-Mt-md t-comments-form" data-target="comments.form" data-action="submit->comments#submit"> <fieldset class="t-hpt" aria-hidden="true"> <input class="u-block u-Mb-2xs u-mt-xs u-border u-border-gray-500 t-hpt" tabindex="-1" autocomplete="false" type="text" name="name" /> <input class="u-block u-Mb-2xs u-mt-xs u-border u-border-gray-500 t-hpt" tabindex="-1" autocomplete="false" type="text" name="email" /> </fieldset> <fieldset class="u-p-0 u-m-0"> <label class="u-text-p8-bold" for="author_name">Name*</label> <input id="author_name" class="u-block u-Mb-2xs u-mt-xs u-border u-border-gray-500" type="text" name="author_name" placeholder="Enter your name" required /> <label class="u-text-p8-bold" for="author_url">Website or social media</label> <input id="author_url" class="u-block u-Mb-2xs u-mt-xs u-border u-border-gray-500" type="text" name="author_url" placeholder="Link to your website or social media" /> <label class="u-text-p8-bold" for="comment_content">Comment*</label> <textarea id="comment_content" class="u-Mb-2xs u-mt-xs u-border u-border-gray-500" name="content" placeholder="Type your comment..." required></textarea> </fieldset> <small class="u-block u-Mb-xs u-text-gray-500">* Required fields</small> <div class="u-flex u-items-center"> <button class="c-btn v--dark" type="submit" data-target="comments.submitButton">Comment</button> <span class="u-ml-md t-comments-form__error" data-target="comments.validationError" hidden></span> </div> </form> <div class="u-flex u-Mt-md u-rounded u-P-sm u-border t-comment-message t-comment-message--success" data-target="comments.success" hidden> <img src="https://www.livechat.com/success/images/comments-success.svg" width="64" height="64" alt="Comment success icon" style="width: 64px; height: 64px;" /> <div class="u-flex-1 u-Ml-xs"> <h3 class="u-text-p4-bold">Thanks for your comment!</h3> <p>It will go live straight after moderation. Come back soon!</p> </div> </div> <div class="u-flex u-Mt-md u-rounded u-P-sm u-border t-comment-message t-comment-message--warn" data-target="comments.warn" hidden> <img src="https://www.livechat.com/success/images/comments-warning.svg" width="64" height="64" alt="Comment warning icon" style="width: 64px; height: 64px;" /> <div class="u-flex-1 u-Ml-xs"> <h3 class="u-text-p4-bold">Something's wrong</h3> <p>We are sorry! Please try again in few moments</p> </div> </div> <div class="u-flex u-Mt-md u-rounded u-P-sm u-border t-comment-message t-comment-message--error" data-target="comments.error" hidden> <img src="https://www.livechat.com/success/images/comments-error.svg" width="64" height="64" alt="Comment error icon" style="width: 64px; height: 64px;" /> <div class="u-flex-1 u-Ml-xs"> <h3 class="u-text-p4-bold">Server error</h3> <p>Something went wrong. Please try again in few moments.</p> </div> </div> <div class="u-Mt-md u-rounded u-P-sm u-bg-gray-900 t-comment"> Be the first to comment! </div> </section> <section> <h3 class="u-text-p7-bold">Related topics</h3> <div> <a href="/success/topics/communication/" class="u-inline-block u-text-p8 u-text-black u-Mr-md">Communication</a> <a href="/success/topics/customer-service/" class="u-inline-block u-text-p8 u-text-black u-Mr-md">Customer service</a> </div> </section> <div class="u-Pb-md"><div class="md:u-flex u-rounded u-bg-accent u-Py-md md:u-Py-lg u-Pl-sm md:u-Pl-lg u-My-md"> <div class="u-basis-6 u-Pr-sm md:u-pr-0"> <p class="u-text-p3 u-mb-md">Connect with customers</p> <p>LiveChat is a complete customer service platform that delights your customers and fuels your sales</p> <form action="https://accounts.livechat.com/signup" method="GET" data-controller="signup" data-action="signup#submit"> <input type="email" class="u-text-p8 u-mb-md success-subscribe__input v--right" placeholder="Enter your email" required> <input type="hidden" name="source_id" value="footer_form"> <input type="hidden" name="source_url" value="https://www.livechat.com/success/client-vs-customer/"> <input type="hidden" name="source_type" value="website"> <button type="submit" class="c-btn v--signup u-w-full" placeholder="enter email">Sign up free</button> </form> </div> <div class="u-basis-6 md:u-Pl-md u-Mt-sm md:u-mt-0"><img src="/success/app_mockup_dark.png" alt="" loading="lazy" width="288" height="334" /> </div> </div> </div> </div> <div class="u-bg-gray-900 u-Py-sm md:u-P-lg"> <div class="o-container"> <section class="u-Mb-xl success-related"> <h3 class="u-text-p4 u-my-lg">You may also like</h3> <div class="success-related__posts"><article class="u-rounded u-bg-white success-related__post v--only-2-mobile success-hover success-link-overlay"> <div class="success-featured-image-holder"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_190,q_auto,w_352/https://success-cms.labs.livechatinc.com/app/uploads/2023/08/sorry-for-the-inconvenience.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_380,q_auto,w_704/https://success-cms.labs.livechatinc.com/app/uploads/2023/08/sorry-for-the-inconvenience.jpg 2x" alt="" class="success-featured-image"></div> <div class="u-Px-sm u-pb-md"> <div class="u--mt-sm u-mb-md u-relative"><span class="u-inline-block u-rounded-sm u-bg-gray-900 u-px-2xs u-pt-3xs u-text-p9 u-text-black u-mr-sm">Connect</span></div> <p class="u-text-p9 u-mb-sm"> <span class="u-mr-2xs">17 min read</span> | <span class="u-mx-2xs">Nov 25</span> | <span class="u-ml-2xs">Olga Rogacka</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/sorry-for-the-inconvenience/" class="success-link-overlay__a u-text-black v--no-underline">Stop Saying “Sorry for the Inconvenience” and Learn How to Apologize to Customers</a></h4> <p class="u-text-p8 u-mb-lg">When getting customer service help, how often do you hear the phrase "Sorry for the... <span class="u-text-p8-bold u-text-primary u-inline-block">read more</span></p> </div> </article> <article class="u-rounded u-bg-white success-related__post v--only-2-mobile success-hover success-link-overlay"> <div class="success-featured-image-holder"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_190,q_auto,w_352/https://success-cms.labs.livechatinc.com/app/uploads/2023/09/how-to-succeed-in-sales-scaled.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_380,q_auto,w_704/https://success-cms.labs.livechatinc.com/app/uploads/2023/09/how-to-succeed-in-sales-scaled.jpg 2x" alt="" class="success-featured-image"></div> <div class="u-Px-sm u-pb-md"> <div class="u--mt-sm u-mb-md u-relative"><span class="u-inline-block u-rounded-sm u-bg-gray-900 u-px-2xs u-pt-3xs u-text-p9 u-text-black u-mr-sm">Sell</span></div> <p class="u-text-p9 u-mb-sm"> <span class="u-mr-2xs">11 min read</span> | <span class="u-mx-2xs">Sep 13</span> | <span class="u-ml-2xs">Olga Rogacka</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/how-to-succeed-in-sales/" class="success-link-overlay__a u-text-black v--no-underline">How to Succeed in Sales</a></h4> <p class="u-text-p8 u-mb-lg">There are things in life that when you put too much time into them, and there's no... <span class="u-text-p8-bold u-text-primary u-inline-block">read more</span></p> </div> </article> <article class="u-rounded u-bg-white success-related__post v--only-2-mobile success-hover success-link-overlay"> <div class="success-featured-image-holder"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_190,q_auto,w_352/https://success-cms.labs.livechatinc.com/app/uploads/2023/08/customer-service-phrases-scaled.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_380,q_auto,w_704/https://success-cms.labs.livechatinc.com/app/uploads/2023/08/customer-service-phrases-scaled.jpg 2x" alt="" class="success-featured-image"></div> <div class="u-Px-sm u-pb-md"> <div class="u--mt-sm u-mb-md u-relative"><span class="u-inline-block u-rounded-sm u-bg-gray-900 u-px-2xs u-pt-3xs u-text-p9 u-text-black u-mr-sm">Connect</span></div> <p class="u-text-p9 u-mb-sm"> <span class="u-mr-2xs">10 min read</span> | <span class="u-mx-2xs">Aug 29</span> | <span class="u-ml-2xs">Olga Rogacka</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/customer-service-phrases/" class="success-link-overlay__a u-text-black v--no-underline">Mastering Customer Service Phrases for Effective Chat Interactions</a></h4> <p class="u-text-p8 u-mb-lg">Positive customer service phrases make customers feel like you're their friend who can... <span class="u-text-p8-bold u-text-primary u-inline-block">read more</span></p> </div> </article> </div> </section><div> <div class="u-rounded u-bg-white u-text-black u-text-center u-Py-sm sm:u-Py-md md:u-Py-lg u-px-sm sm:u-Px-md md:u-Px-xl"> <div class="o-container"> <div class="u-px-0"> <img src="/success/subscribe-3.svg" alt="" style="max-width: 335px;" class="u-Mb-sm" /> <p class="u-text-p3 u-mb-md u-text-center">Success in your inbox</p> <p class="u-text-p5 u-text-center">Get monthly insights handpicked by our editorial team. Act on it.</p> <form action="https://livechatinc.us2.list-manage.com/subscribe/post" method="POST" target="_blank" class="md:u-flex u-maxw-6 u-mx-auto" data-controller="track" data-track-category="Success" data-track-action="Newsletter subscription" data-track-label="Article page" data-action="track#send" > <input type="hidden" name="u" value="9c5eb54aa9b2efe23531b3e09"> <input type="hidden" name="id" value="68e71cd045"> <input type="email" required autocapitalize="off" autocorrect="off" name="MERGE0" id="article-page-MERGE0" class="u-text-p8 success-subscribe__input success-subscribe__email v--right u-basis-8 md:u-mr-md u-mb-md md:u-mb-0" placeholder="What's your email?"> <button type="submit" class="c-btn v--dark u-basis-4 u-w-full" placeholder="enter email">Subscribe</button> </form> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> window.__be = window.__be || {}; window.__be.id = "5f7dba7c69a22b0007654427"; (function() { var be = document.createElement('script'); be.type = 'text/javascript'; be.async = true; be.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.chatbot.com/widget/plugin.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(be, s); })(); </script> </main> <script id="search-results-item" type="text/template"> <a href="{{ relpermalink }}" class="success-search__result u-block u-px-xl u-py-lg u-text-left v--no-underline u-flex u-text-black" data-controller="track" data-track-category="Success" data-track-action="Search Result Link" data-track-label="{{ relpermalink }} ({{ query }})" data-action="track#send" > <div class="u-basis-2 u-relative">{{#video}} <img src="/success/icons/play.svg" class="success-search__result__play" alt="Play" width="48"> {{/video}} <picture> <source srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/{{ featured_image }}, https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/{{ featured_image }} 2x" media="(min-width: 64rem)" > <source srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_75,c_fill/{{ featured_image }}, https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_150,c_fill/{{ featured_image }} 2x" > <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/{{ featured_image }}" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/{{ featured_image }} 2x" alt="{{ title }}" class="u-rounded-sm" > </picture> </div> <div class="u-basis-10 u-pl-lg"> <p class="c-link u-text-p8-bold u-mb-2xs ">{{ title }}</p> <p class="u-text-p8 u-mb-0">{{ summary }}</p> </div> </a> </script> <script id="search-results-empty" type="text/template"> <div class="success-search__result u-px-xl u-py-sm u-text-left u-flex"> <div class="u-basis-2 u-flex u-items-center"> <img src="/success/images/no-results.png" alt="" width="59" height="54" class="success-search__no-result"> </div> <div class="u-basis-10 u-pl-lg"> <p class="u-text-p6-bold u-mb-2xs"> Sorry, we can’t find <mark>‘{{ query }}’</mark> </p> <p class="u-text-p7 u-mb-0">But don’t worry, you may be intrested with these articles:</p> </div> </div> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b"> <p class="u-text-p9-bold u-mb-0 ">POPULAR TOPICS</p> </div> <a href="/success/sorry-for-the-inconvenience/" class="success-search__result u-block u-px-xl u-py-lg u-text-left v--no-underline u-flex u-text-black hover:u-bg-gray-900" data-controller="track" data-track-category="Success" data-track-action="Search No Results Link" data-track-label="/success/sorry-for-the-inconvenience/ ({{ query }})" data-action="track#send" > <div class="u-basis-2"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/08/sorry-for-the-inconvenience.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/08/sorry-for-the-inconvenience.jpg 2x" alt="" class="u-rounded-sm"></div> <div class="u-basis-10 u-pl-lg"> <p class="c-link u-text-p8-bold u-mb-2xs ">Stop Saying “Sorry for the Inconvenience” and Learn How to Apologize to Customers</p> <p class="u-text-p8">When getting customer service help, how often do you hear the phrase "Sorry for the inconvenience"?...</p> </div> </a> <a href="/success/click-to-cancel-rule/" class="success-search__result u-block u-px-xl u-py-lg u-text-left v--no-underline u-flex u-text-black hover:u-bg-gray-900" data-controller="track" data-track-category="Success" data-track-action="Search No Results Link" data-track-label="/success/click-to-cancel-rule/ ({{ query }})" data-action="track#send" > <div class="u-basis-2"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2020/03/bg_blog10-8.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2020/03/bg_blog10-8.png 2x" alt="" class="u-rounded-sm"></div> <div class="u-basis-10 u-pl-lg"> <p class="c-link u-text-p8-bold u-mb-2xs ">The FTC “Click-to-Cancel” Rule and Its Implications</p> <p class="u-text-p8">Chandler Bing has been trying to quit the gym for over 25 years! Could he finally succeed? Well, if...</p> </div> </a> <a href="/success/shopify-customer-service/" class="success-search__result u-block u-px-xl u-py-lg u-text-left v--no-underline u-flex u-text-black hover:u-bg-gray-900" data-controller="track" data-track-category="Success" data-track-action="Search No Results Link" data-track-label="/success/shopify-customer-service/ ({{ query }})" data-action="track#send" > <div class="u-basis-2"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/03/shopify-customer-service.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/03/shopify-customer-service.jpg 2x" alt="" class="u-rounded-sm"></div> <div class="u-basis-10 u-pl-lg"> <p class="c-link u-text-p8-bold u-mb-2xs ">The Best Ways to Contact Shopify Customer Service for Quick Support</p> <p class="u-text-p8">As one of the most popular ecommerce solutions, Shopify powers millions of online stores, offering a...</p> </div> </a> </script> <script type="text/javascript"> window.process = { env: { DEBUG: undefined }, }; </script> <script type="text/javascript" defer src="/success/js/main.min.022db57ef9cc04d439a92ed59787f7f8f0d1d80e2a0481c6e56f7da6a54daeab.js"></script> <script type="text/javascript"> window._be = window._be || {}; window.__be.id = "602ae14f0e312200065951d7"; (function() { var be = document.createElement('script'); be.type = 'text/javascript'; be.async = true; be.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.chatbot.com/widget/plugin.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(be, s); })(); </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

Understanding the Client vs. Customer Dynamic