CINXE.COM

How to Create a Digital Customer Journey Map (+ Examples)

<!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>How to Create a Digital Customer Journey Map (&#43; Examples)</title> <meta name="description" content="Understanding your customer is the key to survival in online adventures where you wrestle with clicks and scrolls. Put on the superhero cape of digital customer journey mapping and decode the cryptic language of online behavior."> <link rel="canonical" href="https://www.livechat.com/success/digital-customer-journey-mapping/"> <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="How to Create a Digital Customer Journey Map (&#43; Examples)" /> <meta property="og:description" content="Understanding your customer is the key to survival in online adventures where you wrestle with clicks and scrolls. Put on the superhero cape of digital customer journey mapping and decode the cryptic language of online behavior." /> <meta property="og:url" content="https://www.livechat.com/success/digital-customer-journey-mapping/" /> <meta property="og:site_name" content="Success by LiveChat" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Understanding your customer is the key to survival in online adventures where you wrestle with clicks and scrolls. Put on the superhero cape of digital customer journey mapping and decode the cryptic language of online behavior." /> <meta name="twitter:title" content="How to Create a Digital Customer Journey Map (&#43; Examples)" /> <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/2024/01/digital-customer-journey-mapping-sm.png" /> <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/2024/01/digital-customer-journey-mapping-sm.png" /> <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': 11 , 'contentCategory': [ "Sell", ], 'contentDate': '2024-01-09' }]; </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="bdpnbetilbdicz2brjaa-f-5266a5f53-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":"255ad3","ak.r":40747,"ak.a2":n,"ak.m":"b","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":54122,"ak.gh":"23.50.232.238","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732348480","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==PV16cID6juZjwm4vq4Qwn4xAiw50AWSDT50ichjQqzhrXisBzRxWghx7orju1fnTFAapoWeb+ay/jba7ink3+selMekLYB+KdgebNnrMLJjVNb0jFehU4FsC3t4To3E66e2Luw8O0sV8RsL7xMd6xMHsCaVj85orBQnvPVkGQPO5FNUdJaN4Ja3sEhg/AIyGt7Z+4fT2fbhg1ab2yck05zZYbKgebs9PTOVRfTDPi+qGCHiunc7ixpE90GFjEEHigoHug2p3EYoHV4kmzLFAuE7IOOnY7WmlzJ2PnnbMaKC5vxOSZMy3qmYNO04PAtlTXcIwBnNvEXe23zKiKc0SfXg3t4WlT0vBaD1juO/FuDGaLmIXKq8uJ5gsF+gltNGjkGsnSdW1LVWKIH7CQu7n3A0RY0ZVDXOE1HHspfhsIZs=","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&amp;redirect_uri=https%3A%2F%2Fmy.livechatinc.com&amp;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&amp;utm_medium=referral&amp;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&amp;utm_medium=referral&amp;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&amp;utm_medium=referral&amp;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&amp;utm_medium=referral&amp;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&amp;utm_medium=referral&amp;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&amp;utm_medium=referral&amp;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&amp;utm_medium=referral&amp;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&amp;utm_medium=referral&amp;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&amp;source_id=header_cta&amp;source_type=website&amp;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&amp;source_id=header_cta&amp;source_type=website&amp;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&amp;source_id=header_cta&amp;source_type=website&amp;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/digital-customer-journey-mapping/"> <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/sell/" 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">Sell</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">How to Create a Digital Customer Journey Map (&#43; Examples)</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>11 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>Jan 9, 2024</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/2024/01/digital-customer-journey-mapping-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/2024/01/digital-customer-journey-mapping-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/2024/01/digital-customer-journey-mapping-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/2024/01/digital-customer-journey-mapping-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/2024/01/digital-customer-journey-mapping-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=How%20to%20Create%20a%20Digital%20Customer%20Journey%20Map%20%28&#43;%20Examples%29&amp;via=Success__Team&amp;url=https://www.livechat.com/success/digital-customer-journey-mapping/" 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/digital-customer-journey-mapping/" 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&amp;url=https://www.livechat.com/success/digital-customer-journey-mapping/" 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/digital-customer-journey-mapping/" 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/digital-customer-journey-mapping/</textarea> </li> </ul> </div> <p class="u-text-p5">Understanding your customer is the key to survival in online adventures where you wrestle with clicks and scrolls. Enter the superhero cape of digital customer journey mapping, which swoops in to decipher the cryptic language of online behavior.<br></p> <h2 class="block-heading u-text-p4" >Digital customer journey and digital customer journey mapping definitions</h2> <p>The <strong>digital customer journey</strong> is a customer's entire process while interacting with a business or brand online. It includes stages like awareness, consideration, purchase, post-purchase engagement, and advocacy, encompassing various digital touchpoints.<br></p> <p><strong>Digital customer journey mapping</strong>, on the other hand, is a strategic process of visually representing and analyzing the digital customer journey. It involves creating a detailed map that outlines each step a customer takes, the touchpoints they encounter, and the emotions they experience during their online interactions.<br></p> <p>In essence, the digital customer journey is the overall customer experience online. In contrast, digital customer journey mapping is a tool or process used to analyze and visualize that experience to better understand, optimize, and enhance the customer journey.<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 at every step of the journey</h2> <p class="b--u-text-sm b--u-mb-1.5">Boost your sales and marketing with personalized interactions. Turn traffic into revenue with LiveChat. </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&amp;source_id=header_cta&amp;source_type=website&amp;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> <h2 class="block-heading u-text-p4" ><strong>Significance of digital customer journey mapping</strong></h2> <ul> <li><strong>Enhanced customer experience: </strong>Customer journey mapping<strong> </strong>allows businesses to understand and optimize every step of the customer journey, improving overall satisfaction.</li> </ul> <ul> <li><strong>Improved retention and satisfaction: </strong>Identifying pain points and addressing customer needs result in increased loyalty and reduced churn rates.</li> </ul> <ul> <li><strong>Business growth: </strong>With insights into opportunities for innovation, product development, and marketing strategies, customer journey mapping helps with sustained business growth.</li> </ul> <ul> <li><strong>Cross-functional collaboration: </strong>A customer journey map<strong> </strong>encourages collaboration between departments, ensuring a cohesive and consistent customer experience across channels.</li> </ul> <ul> <li><strong>Data-driven insights: </strong>It<strong> </strong>utilizes customer data to make informed decisions, tailor marketing efforts, and enhance personalized interactions.</li> </ul> <ul> <li><strong>Adaptability to a dynamic digital landscape: </strong>You can stay agile by continuously updating maps to reflect changes in customer behavior and technology trends.</li> </ul> <ul> <li><strong>Competitive advantage: </strong>Businesses that understand and respond to customer needs gain a competitive edge by offering superior digital experiences.</li> </ul> <h2 class="block-heading u-text-p4" ><strong>Creating digital customer journey mapping</strong></h2> <p>Digital customer journey mapping involves a strategic approach to understanding and improving the customer experience in the digital realm. The process includes several steps you should follow:<br></p> <p><strong>1. Define the scope: </strong>Clearly outline the scope of the customer journey mapping initiative. Specify the product or service, target audience, and the particular stages of the customer's interaction to be analyzed.<br></p> <p><strong>2. Identify customer touchpoints: </strong>Pinpoint the various touchpoints where customers interact with the brand digitally. This includes website visits, social media engagement, email communication, mobile app usage, and more.<br><br></p> <p><strong>3. Create customer personas: </strong>Develop detailed personas representing different segments of the target audience. Include demographics, preferences, behaviors, and pain points to humanize and understand the diverse needs of customers.<br><br></p> <p><strong>4. Map customer goals and objectives: </strong>Define the goals customers aim to achieve at each touchpoint. Whether it's making a purchase, seeking information, or resolving an issue, understanding these objectives is crucial for tailoring the journey map.<br><br></p> <p><strong>5. Understand pain points and friction: </strong>Identify obstacles and challenges customers may encounter during their journey. Recognizing pain points allows businesses to address issues, reduce friction, and enhance customer experience.<br><br></p> <p><strong>6. Evaluate cross-channel interactions: </strong>Analyze how customers transition between different digital channels. Understand the seamless flow of information and interactions across platforms, ensuring consistency and cohesiveness.<br><br></p> <p><strong>7. Gather data and insights: </strong>Utilize customer data, analytics, and feedback to inform the mapping process. Data-driven insights provide a factual basis for understanding customer behavior and preferences.<br><br></p> <p><strong>8. Collaborate across departments: </strong>Foster collaboration between marketing, sales, customer service, and IT departments. A cross-functional approach ensures a holistic view of the customer journey and facilitates the implementation of improvements.<br><br></p> <p><strong>9. Visualize the journey: </strong>Create a visual representation of the customer journey map. Use diagrams, charts, or other visualization tools to illustrate the various stages, touchpoints, and interactions.<br><br></p> <p><strong>10. Iterate and update: </strong>Recognize that the digital landscape is dynamic. Regularly review and update the customer journey map to reflect changes in customer behavior, technology, or business strategies.<br></p> <p>By focusing on these fundamental aspects, you can lay the groundwork for a robust digital customer journey mapping strategy that enhances customer satisfaction, loyalty, and overall success in the online world.<br><br></p> <h2 class="block-heading u-text-p4" >Customer journey map example</h2> <p>Creating a customer journey map involves several components that can be customized based on your specific business and industry. Here's a basic template to get you started.&nbsp;<br></p> <p>Feel free to adapt and expand upon it according to your needs:<br><br></p> <h3 class="block-heading u-text-p5-bold" >Customer journey map template<br><br></h3> <p><strong><em>1. Map title:</em></strong></p> <ul> <li><em>For example, Digital Customer Journey Map for [Product/Service]</em></li> </ul> <p><strong><em>2. Customer persona:</em></strong></p> <ul> <li><em>Create a persona representing your target customer. Include demographics, preferences, and behaviors.</em></li> </ul> <p><strong><em>3. Stages of the journey:</em></strong></p> <ul> <li><em>List the key stages your customer goes through, such as Awareness, Consideration, Purchase, Post-Purchase, and Advocacy.</em></li> </ul> <p><strong><em>4. Touchpoints:</em></strong></p> <ul> <li><em>Identify and map out the specific touchpoints at each stage (Website Visit, Social Media Interaction, Email Communication, etc.).</em></li> </ul> <p><strong><em>5. Customer goals:</em></strong></p> <ul> <li><em>Define your customer's goals at each journey stage (Obtain Information, Make a Purchase, Seek Support, etc.).</em></li> </ul> <p><strong><em>6. Pain points:</em></strong></p> <ul> <li><em>Identify potential pain points or challenges the customer may encounter at each stage (Confusing Website Navigation, Slow Customer Support, etc.).</em></li> </ul> <p><strong><em>7. Emotional journey:</em></strong></p> <ul> <li><em>Note the emotional highs and lows your customer may experience during the journey (Excitement at Discovery, Frustration with <a href="https://www.livechat.com/success/perfect-the-shopping-cart-checkout/" target="_blank" rel="noreferrer noopener" aria-label="Checkout Process (opens in a new tab)">Checkout Process</a>, etc.).</em></li> </ul> <p><strong><em>8. Channels and interactions:</em></strong></p> <ul> <li><em>Specify the digital channels through which interactions occur (Website, Mobile App, Social Media, etc.) and describe the nature of these interactions.</em></li> </ul> <p><strong><em>9. Key metrics:</em></strong></p> <ul> <li><em>Define metrics to measure success at each stage (Conversion Rate, Customer Satisfaction Score, etc.).</em></li> </ul> <p><strong><em>10. Opportunities for improvement:</em></strong></p> <ul> <li><em>Identify areas where the customer journey can be enhanced or optimized. This could include improving website navigation, refining communication strategies, or streamlining the purchase process.</em></li> </ul> <p><strong><em>11. Feedback integration:</em></strong></p> <ul> <li><em>Specify how customer feedback, obtained through surveys, reviews, or other channels, will be integrated into the journey map for continuous improvement.</em></li> </ul> <p><strong><em>12. Visual elements:</em></strong></p> <ul> <li><em>Include visual elements such as charts, graphs, or icons to make the map visually engaging and easy to understand.</em><em><br><br></em></li> </ul> <p>Remember, this is a basic template, and you can customize it further based on your business' unique characteristics and goals. Regularly update the map to reflect changes in customer behavior, technology trends, or business strategies.<br></p> <figure class="block-image"> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_736/https://success-cms.labs.livechatinc.com/app/uploads/2024/01/digital-customer-journey-map-scaled.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://success-cms.labs.livechatinc.com/app/uploads/2024/01/digital-customer-journey-map-scaled.jpg 2x" alt="digital customer journey map" width="2560" height="1707" loading="lazy"> </figure> <h2 class="block-heading u-text-p4" ><strong>Tools and technologies for creating a customer journey map</strong></h2> <p>Here are the tools and software you need to create a customer journey map:</p> <h3 class="block-heading u-text-p5-bold" >Visualization tools<br></h3> <ul> <li><strong>Journey mapping software</strong></li> </ul> <p>Dedicated journey mapping tools like Smaply, UXPressia, or Canvanizer provide interactive platforms for creating, visualizing, and sharing digital customer journey maps. These tools offer features such as drag-and-drop functionality, collaboration capabilities, and the ability to create dynamic, real-time maps.<br></p> <ul> <li><strong>Diagramming software</strong></li> </ul> <p>General-purpose diagramming tools like Microsoft Visio, Lucidchart, or <a href="http://draw.io/" target="_blank" rel="noreferrer noopener nofollow" aria-label=" (opens in a new tab)">draw.io</a> can be adapted for journey mapping, providing flexibility in design and customization. These tools suit businesses looking for versatile solutions to create detailed and customized customer journey maps.<br>&nbsp;</p> <aside class="post-aside" data-target="article-aside.section"> <div class="post-aside__block block-contextual-article"> <p class="u-text-p8-bold u-text-gray-700 u-text-upper u-mb-md">Related article</p> <a href="/success/sales-tools/" class=""> <article><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_264,h_94,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/sales-tools-scaled.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_528,h_188,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/10/sales-tools-scaled.jpg 2x" alt="The Best Sales Tools to Help You Close More Deals" class="u-mb-md"><h2 class="u-text-p7-bold u-text-gray-100">The Best Sales Tools to Help You Close More Deals</h2> </article> </a> </div> </aside> <ul> <li><strong>Storyboarding tools</strong></li> </ul> <p>Storyboarding tools like Miro or Storyboard help visualize customer journeys in a sequential storyboard format, making it easier to illustrate the customer's experience step by step. This is particularly useful for storytelling and understanding the narrative flow of the customer journey.<br></p> <h3 class="block-heading u-text-p5-bold" >CRM systems<br></h3> <ul> <li><strong>Salesforce</strong></li> </ul> <p>Salesforce is a comprehensive CRM platform that allows businesses to manage customer interactions, track leads, and integrate customer data seamlessly. Integration with customer journey mapping enables a holistic view, combining sales and marketing data to enhance the overall understanding of the customer journey.<br></p> <ul> <li><strong>HubSpot CRM</strong></li> </ul> <p>HubSpot CRM is a user-friendly solution that helps businesses organize and track customer interactions, making aligning marketing and sales efforts easier. Integrating HubSpot CRM with customer journey mapping provides a centralized hub for managing customer relationships and analyzing touchpoints.<br></p> <ul> <li><strong>Zoho CRM</strong></li> </ul> <p>Zoho CRM is a versatile platform offering automation, analytics, and customization features for managing customer relationships. Integration with customer journey mapping tools allows businesses to align sales processes with the digital customer journey for more effective customer engagement.<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">Turn visitors into 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&amp;source_id=header_cta&amp;source_type=website&amp;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" >Analytics and data integration<br></h3> <ul> <li><strong>Google Analytics</strong></li> </ul> <p>Google Analytics provides in-depth insights into website and app user behavior, helping businesses understand how customers interact with digital touchpoints. Integration with customer journey mapping enables a data-driven approach, combining analytics data with mapped customer interactions for a comprehensive view.<br></p> <ul> <li><strong>Mixpanel</strong></li> </ul> <p>Mixpanel is an analytics platform focusing on user engagement, providing detailed insights into user actions and behaviors. Integration with customer journey mapping enhances the understanding of user behavior across digital channels, facilitating targeted improvements in the customer journey.<br></p> <ul> <li><strong>Data integration platforms (like Zapier)</strong></li> </ul> <p>Platforms like Zapier facilitate seamless integration between different software applications, allowing businesses to automate workflows and share data. Integrating data sources with customer journey mapping ensures that the maps stay updated in real time, reflecting the latest customer interactions and trends.<br></p> <p>By leveraging these tools and technologies, you can create, manage, and derive actionable insights from digital customer journey maps, ultimately leading to improved customer experiences and business success.<br></p> <h2 class="block-heading u-text-p4" ><strong>Best practices for digital customer journey mapping</strong></h2> <h3 class="block-heading u-text-p5-bold" >Regular updates</h3> <ul> <li><strong>Scheduled reviews</strong></li> </ul> <p>Establish a regular review schedule for customer journey maps to ensure they stay aligned with evolving customer behaviors and business strategies. Regular updates help maintain the relevance and accuracy of the maps in the dynamic digital landscape.<br></p> <ul> <li><strong>Real-time data integration</strong></li> </ul> <p>Implement mechanisms for real-time data integration, allowing maps to reflect the latest customer interactions and feedback. Real-time updates provide a more accurate representation of the customer journey and enable timely strategy adjustments.</p> <h3 class="block-heading u-text-p5-bold" >Cross-functional collaboration</h3> <ul> <li><strong>Interdepartmental workshops</strong></li> </ul> <p>Conduct regular workshops involving marketing, sales, <a href="https://www.livechat.com/success/why-is-customer-service-important/" target="_blank" rel="noreferrer noopener" aria-label="customer service (opens in a new tab)">customer service</a>, and IT teams to contribute collaboratively to the customer journey mapping process.<br></p> <p>Cross-functional collaboration ensures diverse perspectives are considered, leading to a more comprehensive understanding of the customer journey.<br></p> <ul> <li><strong>Shared goals and metrics</strong></li> </ul> <p>Establish shared goals and KPIs across departments to align efforts toward a unified customer experience. Shared metrics foster a collaborative environment and encourage teams to <a href="https://www.livechat.com/success/working-together/" target="_blank" rel="noreferrer noopener" aria-label="work together towards common objectives (opens in a new tab)">work together towards common objectives</a>.<br></p> <h3 class="block-heading u-text-p5-bold" >Data analytics for improvement</h3> <ul> <li><strong>Utilizing predictive analytics</strong></li> </ul> <p>Leverage predictive analytics to anticipate customer behaviors and trends, allowing for proactive adjustments to the customer journey. Predictive analytics empowers companies to stay ahead of customer needs and preferences, enhancing the overall customer experience.<br></p> <ul> <li><strong>Performance measurement</strong></li> </ul> <p>Implement KPIs to measure the success of the mapped customer journey and identify improvement areas. Data analytics provide actionable insights, enabling businesses to iterate on strategies and enhance the effectiveness of the customer journey.<br></p> <h3 class="block-heading u-text-p5-bold" >Customer feedback integration</h3> <ul> <li><strong>Multichannel feedback collection</strong></li> </ul> <p><a href="https://www.livechat.com/success/voice-of-the-customer/" target="_blank" rel="noreferrer noopener" aria-label="Collect customer feedback through various channels (opens in a new tab)">Collect customer feedback through various channels</a>, including surveys, social media, and direct interactions, to better understand customer sentiments. Diverse feedback sources provide a comprehensive view, helping businesses identify improvement areas and validate the mapped customer journey.<br></p> <ul> <li><strong>Feedback loop implementation</strong></li> </ul> <p>Establish a feedback loop where insights from customer feedback directly inform updates and adjustments to the customer journey map. Integrating customer feedback into the mapping process ensures the journey accurately reflects real customer experiences and expectations.<br></p> <p>By incorporating these best practices, businesses can create compelling digital customer journey maps and foster a culture of continuous improvement, adaptability, and customer-centricity in their operations.<br></p> <h2 class="block-heading u-text-p4" ><strong>Customer journey map case studies</strong></h2> <p>Let's look closer into two examples of successful digital customer journey implementation – Amazon and Airbnb.<br></p> <p><strong><mark>Amazon</mark></strong></p> <p>Amazon's customer journey mapping has been a cornerstone of its success. From personalized recommendations to seamless one-click purchasing, Amazon uses data-driven journey maps to enhance the customer experience.&nbsp;<br></p> <p>Amazon leverages advanced analytics to understand user behavior, tailors recommendations based on past interactions, and ensures a consistent experience across its website, mobile app, and other digital touchpoints.<br></p> <p><strong><mark>Airbnb</mark></strong></p> <p>Airbnb focuses on creating a seamless digital journey for both hosts and guests. Their customer journey map incorporates user-friendly interfaces, <a href="https://www.livechat.com/success/online-communication/" target="_blank" rel="noreferrer noopener" aria-label="transparent communication (opens in a new tab)">transparent communication</a>, and a robust review system. Airbnb uses customer feedback to continually refine its platform, implementing features like instant booking and personalized search results to cater to user preferences and enhance overall satisfaction.</p> <h3 class="block-heading u-text-p5-bold" >Lessons learned from Amazon and Airbnb</h3> <p><strong>1. User-centric design</strong></p> <p>Both Amazon and Airbnb prioritize user-centric design in their customer journey mapping. Understanding and catering to user preferences, pain points, and goals contribute to a positive overall experience.<br></p> <p><strong>2. Data-driven decision-making</strong></p> <p>Successful implementations rely heavily on data analytics. Both companies leverage data to anticipate user needs, personalize interactions, and optimize the customer journey for improved engagement.<br></p> <p><strong>3. Continuous iteration and adaptation</strong></p> <p>Amazon and Airbnb continually iterate on their customer journey maps. A commitment to regular updates and adaptations is crucial for maintaining relevance and effectiveness.<br></p> <p><strong>4. Customer feedback integration</strong></p> <p>Both Amazon and Airbnb actively integrate customer feedback into their journey-mapping processes. This iterative approach allows them to address issues promptly, validate assumptions, and stay aligned with evolving customer expectations.<br></p> <p><strong>5. Agile implementation strategies</strong><br></p> <p>The success of these case studies lies in the agility of their implementation strategies. Quickly adapting to emerging trends, technologies, and user behaviors is critical for sustained success in the digital space.<br></p> <p><strong>6. Embracing technology trends</strong></p> <p>Both companies embrace emerging technologies. Amazon's use of machine learning for recommendations and Airbnb's adoption of virtual reality for property previews showcase a commitment to staying at the forefront of technology trends.</p> <p>You can <strong>draw inspiration from these examples </strong>to enhance your mapping strategies and drive success in the digital realm.<br></p> <h2 class="block-heading u-text-p4" ><strong>Creating your digital customer journey map</strong></h2> <p>With journey mapping, you can create highly personalized, adaptive, and technologically immersive customer experiences across various digital touchpoints. And you should start as soon as possible.&nbsp;</p> <p>Early adopters of digital customer journey mapping will gain a head start in refining their customer experiences and the ability to seamlessly iterate and adapt.</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=How%20to%20Create%20a%20Digital%20Customer%20Journey%20Map%20%28&#43;%20Examples%29&amp;via=Success__Team&amp;url=https://www.livechat.com/success/digital-customer-journey-mapping/" 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/digital-customer-journey-mapping/" 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&amp;url=https://www.livechat.com/success/digital-customer-journey-mapping/" 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/digital-customer-journey-mapping/" 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/digital-customer-journey-mapping/</textarea> </li> </ul> </section> <section id="comments" class="u-My-xl t-comments__container" data-controller="comments" data-comments-post-id="23113"> <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/online-sales/" class="u-inline-block u-text-p8 u-text-black u-Mr-md">Online Sales</a> <a href="/success/topics/sales/" class="u-inline-block u-text-p8 u-text-black u-Mr-md">sales</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/digital-customer-journey-mapping/"> <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/12/thank-you-for-your-order-sell-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/12/thank-you-for-your-order-sell-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">Dec 07</span> | <span class="u-ml-2xs">Olga Rogacka</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/thank-you-for-your-order/" class="success-link-overlay__a u-text-black v--no-underline">Creative Examples to Say Thank You for Your Order</a></h4> <p class="u-text-p8 u-mb-lg">In sales, it's easy to get caught up in the numbers and transactions, but let's not... <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/11/sales-metrics-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/11/sales-metrics-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">15 min read</span> | <span class="u-mx-2xs">Nov 03</span> | <span class="u-ml-2xs">Olga Rogacka</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/sales-metrics/" class="success-link-overlay__a u-text-black v--no-underline">Sales Metrics and KPIs You Should Track</a></h4> <p class="u-text-p8 u-mb-lg">Curious about what makes some sales teams thrive while others struggle? Sales metrics... <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/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">11 min read</span> | <span class="u-mx-2xs">Aug 17</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> </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/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> <a href="/success/best-shopify-live-chat-app/" 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/best-shopify-live-chat-app/ ({{ 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/2024/03/e-commerce-shop-online-homepage-sale-concept.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/2024/03/e-commerce-shop-online-homepage-sale-concept.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 ">Best Shopify Live Chat Apps for 2025</p> <p class="u-text-p8">As the holiday season approaches, Shopify store owners are bracing for a surge in customers eager to...</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>

Pages： 1 2 3 4 5 6 7 8 9 10