How to Perfect the Shopping Cart Checkout

<!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 Perfect the Shopping Cart Checkout</title> <meta name="description" content="We help you understand the most critical aspects of your shopping cart checkout and help you optimize your checkout flow for the best possible results."> <link rel="canonical" href="https://www.livechat.com/success/perfect-the-shopping-cart-checkout/"> <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 Perfect the Shopping Cart Checkout" /> <meta property="og:description" content="We help you understand the most critical aspects of your shopping cart checkout and help you optimize your checkout flow for the best possible results." /> <meta property="og:url" content="https://www.livechat.com/success/perfect-the-shopping-cart-checkout/" /> <meta property="og:site_name" content="Success by LiveChat" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="We help you understand the most critical aspects of your shopping cart checkout and help you optimize your checkout flow for the best possible results." /> <meta name="twitter:title" content="How to Perfect the Shopping Cart Checkout" /> <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.livechatinc.com/app/uploads/2023/10/shopping-cart-checkout-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.livechatinc.com/app/uploads/2023/10/shopping-cart-checkout-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", "Ron Dod", ], 'contentTTR': 7 , 'contentCategory': [ "Sell", ], 'contentDate': '2023-10-02' }]; </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="bdpnbetp35afqz56ccgq-f-6cea74ba4-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":"64a800a","ak.r":45803,"ak.a2":n,"ak.m":"b","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":39262,"ak.gh":"111.223.64.76","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1740509325","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==qlo5v/Y/qml8c5b1LVG4G9XLb9vTkeEaWNUzjjUI5FgWI+CcfXTELy5+m665vHTIwatnjRrBAjJS79c4yhpRGm4z+3OzgxFFsxp/zDjn4TzR5aJc8SPzflTVe/izOf3ukQ3S71MqJl6+bcETi9fT1WTTH0nzB40P9GzzdDy6D7pEdEP6Zvmc3ZsTAH+raYjTwf7Ldvo2iI57dYxRYSax+hZtkfzzAnMjtDZi9mF3z6BC8xU4dDPugFrUpmI36/6vw6HfTjXIQBHTbM3kTd+UR1AJ0cg5tqOx954QYddb/zoIoxmtz/RJQ2mQirSh7yyWjkUGMvphHnLE9lWgbZjIAy5uEc/zAHUCdcnWubtvpWC0XlQWaY/0xwe9H/DkB77c0p3l48UHYcawFgzs15QcbjNlFKRHHIjGbvekCjV83Zw=","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-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/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-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/customer-experience/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Customer experience</span> </a> </li> </ul> </li> </ul> </div> <div class="b--u-py-2 u-border-b u-border-gray-900 u-text-center b--u-px-1.5"> <p class="u-text-base">Connect with customers</p> <a href="https://accounts.livechat.com/signup/?client_id=bb9e5b2f1ab480e4a715977b7b1b4279&redirect_uri=https%3A%2F%2Fmy.livechatinc.com&response_type=token" class="c-btn v--signup u-w-full" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing sidebar CTA" data-action="track#send" style="padding: 0.5rem 0.625rem;" >Get LiveChat</a> </div> <div class="u-mt-md"> <p class="u-text-p8 u-text-center u-text-gray-400">OUR PRODUCTS</p> <ul class="u-flex u-items-center u-justify-around u-p-0 u-px-xs u-m-0" style="list-style: none"> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="LiveChat - Connect with Customers" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.livechat.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-livechat" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on LiveChat" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M21.316 9.664a76.785 76.785 0 00-10.615 0 1.393 1.393 0 00-1.308 1.265c-.172 2.142-.195 5.35-.037 7.49.052.707.673 1.314 1.512 1.314H13.5v3.246l-2.627-.002c-2.409 0-4.571-1.785-4.758-4.318-.17-2.307-.147-5.682.039-7.99.186-2.313 2.045-4.084 4.314-4.247a80.032 80.032 0 0111.08 0c2.27.163 4.13 1.934 4.315 4.247.186 2.308.177 5.683.007 7.99-.187 2.533-2.344 4.326-4.753 4.326l-2.6-.002-5.017 3.246v-3.25l5.018-3.246h2.6c.839 0 1.46-.607 1.511-1.313.158-2.14.167-5.349-.005-7.49a1.393 1.393 0 00-1.308-1.266z"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="ChatBot - Automate customer service with AI" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.chatbot.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-chatbot" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on ChatBot" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M12.018 13.595c-.351-.15-.768.105-.768.487v1.957c0 .272.147.522.393.638.749.352 2.476 1.053 4.356 1.053 1.881 0 3.608-.7 4.357-1.053a.696.696 0 00.393-.637v-1.958c0-.382-.417-.637-.768-.487-.867.369-2.367.885-3.982.885-1.614 0-3.114-.516-3.981-.885z"/> <path fill="currentColor" fill-rule="evenodd" d="M10.873 22.977l2.627.002v3.25l5.018-3.246 2.599.002c2.409 0 4.566-1.793 4.753-4.326.17-2.307.178-5.682-.007-7.99-.186-2.313-2.045-4.084-4.314-4.247a80.032 80.032 0 00-11.08 0c-2.27.163-4.13 1.934-4.315 4.247-.186 2.308-.21 5.683-.04 7.99.188 2.533 2.35 4.318 4.76 4.318zm-.172-13.313a76.785 76.785 0 0110.615 0 1.393 1.393 0 011.308 1.265c.172 2.142.163 5.35.005 7.49-.052.707-.672 1.314-1.512 1.314h-2.6L13.5 22.979v-3.246h-2.632c-.84 0-1.46-.607-1.512-1.313-.158-2.14-.135-5.349.037-7.49a1.393 1.393 0 011.308-1.266z" clip-rule="evenodd"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="HelpDesk - Support customers with tickets" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.helpdesk.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-helpdesk" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on HelpDesk" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M10.525 24.275c1.825.15 3.65.225 5.475.225 1.825 0 3.65-.075 5.475-.2 2.35-.2 4.2-2.25 4.375-4.85l.015-.208c.09-1.258.135-1.886.135-3.19v-2.524l-3.25 2.825c-.023 1.198.027 1.512-.05 2.536l-.027.354c-.075.975-.675 1.775-1.4 1.825-3.5.3-6.998.282-10.498-.018-.725-.05-1.325-.85-1.4-1.825l-.022-.294c-.085-1.12-.128-1.706-.128-2.906v-.027c.025-1.291.05-2.607.15-3.923.075-.95.65-1.725 1.35-1.825h10.368l-4.94 4.338-2.125-1.954-2.427 2.131 4.523 4.157L26 10.25V7H10.525c-2.35.2-4.2 2.25-4.375 4.85-.1 1.4-.15 2.8-.15 4.175 0 1.315.046 1.97.137 3.224l.013.176c.175 2.6 2.025 4.65 4.375 4.85z"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="KnowledgeBase - Guide and educate customers" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.knowledgebase.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-knowledgebase" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on KnowledgeBase" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M25.918 10.25h-3.2V7c-2.875 0-5.3 1.9-6.725 3.325C14.568 8.9 12.193 7 9.318 7v3.25h-3.25c-.1 2.525-.1 7.276.075 9.3.2 2.326 2.05 4.076 4.325 4.25 1.775.126 3.675.2 5.55.2s3.775-.05 5.55-.2c2.275-.174 4.125-1.924 4.325-4.25.125-2.024.15-6.775.025-9.3zm-3.3 9.026c-.05.675-.6 1.225-1.3 1.275a73.81 73.81 0 01-5.325.175c-1.8 0-3.6-.05-5.325-.175-.725-.05-1.25-.6-1.3-1.275-.15-1.9-.175-6.676-.05-9.026 2.325.025 4.65 2.525 5.35 3.5l1.325 1.825 1.325-1.825c.7-.975 3.075-3.475 5.4-3.5.1 2.35.05 7.125-.1 9.026z"/> </svg> </i> </a> </li> </ul> </div> <div class="u-px-md u-mb-sm u-mt-auto"> <button class="c-btn v--secondary v--sm u-text-p8-bold u-w-full" id="open-subscribe-modal" type="submit">Newsletter <svg class="u-ml-xs u--mb-3xs" xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 20 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 0h19v14H.5V0zm1.6 5.2v7.2h15.8V5L10 9.1l-7.9-4zm0-1.8L10 7.3l7.9-4V1.5H2.1v1.8z" style="fill: currentColor;"/></svg></button> <div class="u-flex u-flex-row u-justify-between u-mt-md"> <a class="u-text-p9 u-inline-block" href="/success/contribute/">Write for us</a> <a class="u-text-p9 u-inline-block" href="/success/authors/">Authors</a> </div> </div> <div class="u-flex u-items-center u-justify-center u-mb-sm u-px-md success-nav__social-links"> <a href="https://www.facebook.com/SubscribeSuccess" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Facebook" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0a8 8 0 011.25 15.9v-5.59h1.86L11.47 8H9.25V6.5c0-.63.31-1.25 1.3-1.25h1.01V3.28s-.91-.15-1.79-.15c-1.83 0-3.02 1.1-3.02 3.1V8H4.72v2.31h2.03v5.6A8 8 0 018 0z" fill="currentColor"/> </svg> </a> <a href="https://www.instagram.com/subscribe_success/" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Instagram" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0c3.26 0 3.67.01 4.95.07a8.8 8.8 0 0 1 2.91.56c.79.3 1.46.72 2.13 1.38a5.88 5.88 0 0 1 1.38 2.13c.3.76.5 1.64.56 2.91.06 1.28.07 1.7.07 4.95 0 3.26-.01 3.67-.07 4.95a8.8 8.8 0 0 1-.56 2.91c-.3.79-.72 1.46-1.38 2.13a5.88 5.88 0 0 1-2.13 1.38c-.76.3-1.64.5-2.91.56-1.28.06-1.7.07-4.95.07-3.26 0-3.67-.01-4.95-.07a8.8 8.8 0 0 1-2.91-.56 5.88 5.88 0 0 1-2.13-1.38 5.88 5.88 0 0 1-1.38-2.13 8.8 8.8 0 0 1-.56-2.91A85.12 85.12 0 0 1 0 12c0-3.26.01-3.67.07-4.95a8.8 8.8 0 0 1 .56-2.91c.3-.79.72-1.46 1.38-2.13A5.88 5.88 0 0 1 4.14.63 8.8 8.8 0 0 1 7.05.07C8.33.01 8.75 0 12 0zm4.85 2.23A83.28 83.28 0 0 0 12 2.16c-3.2 0-3.58.01-4.85.07-1.17.06-1.8.25-2.23.42-.56.21-.96.47-1.38.9-.42.41-.68.81-.9 1.37a6.64 6.64 0 0 0-.4 2.23A83.28 83.28 0 0 0 2.15 12c0 3.2.01 3.58.07 4.85.06 1.17.25 1.8.42 2.23.21.56.47.96.9 1.38.41.42.81.68 1.37.9.43.16 1.06.35 2.23.4 1.27.07 1.65.08 4.85.08 3.2 0 3.58-.01 4.85-.07a6.64 6.64 0 0 0 2.23-.42c.56-.21.96-.47 1.38-.9.42-.41.68-.81.9-1.37.16-.43.35-1.06.4-2.23.07-1.27.08-1.65.08-4.85 0-3.2-.01-3.58-.07-4.85a6.64 6.64 0 0 0-.42-2.23 3.72 3.72 0 0 0-.9-1.38 3.72 3.72 0 0 0-1.37-.9 6.64 6.64 0 0 0-2.23-.4zM12 5.83a6.16 6.16 0 1 1 0 12.33 6.16 6.16 0 0 1 0-12.32zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://twitter.com/intent/follow?screen_name=Success__Team" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Twitter" data-action="track#send" ><svg width="16" height="15" viewBox="0 0 24 20" xmlns="http://www.w3.org/2000/svg"><path d="M21.2 3A5 5 0 0 0 23.3.5c-1 .5-2 1-3 1.2A5 5 0 0 0 11.7 6 14 14 0 0 1 1.7 1a4.9 4.9 0 0 0 1.5 6.6c-.8 0-1.6-.3-2.2-.6a5 5 0 0 0 4 4.8 5 5 0 0 1-2.3.1 5 5 0 0 0 4.6 3.5 9.9 9.9 0 0 1-7.3 2A14 14 0 0 0 21.5 4.9 10 10 0 0 0 24 2.3c-.9.4-1.8.7-2.8.8z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://www.linkedin.com/showcase/success-by-livechat/" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="LinkedIn" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.45 20.45H16.9v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.95v5.66H9.35V9h3.41v1.56h.05a3.74 3.74 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM3.55 20.45h3.57V9H3.55v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.22.8 24 1.77 24h20.45c.98 0 1.78-.78 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://www.youtube.com/channel/UCVBKToMYvBpZybYlJQEnHOA?sub_confirmation=1" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="YouTube" data-action="track#send" ><svg width="16" height="13" viewBox="0 0 24 17" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 11.6V4.8L16 8.2l-6.5 3.4zm14.3-8s-.3-1.6-1-2.3c-1-1-2-1-2.4-1C17 0 12 0 12 0S7 0 3.6.2c-.5.1-1.5.1-2.4 1-.7.8-1 2.4-1 2.4l-.2 4v1.7l.2 4s.3 1.6 1 2.3c1 1 2.1 1 2.6 1 2 .2 8.2.3 8.2.3s5 0 8.4-.3c.5 0 1.5 0 2.4-1 .7-.7 1-2.4 1-2.4l.2-3.9V7.5c0-2-.2-3.9-.2-3.9z" fill="currentColor" fill-rule="evenodd"/></svg> </a> </div> </div> </nav> <nav class="lg:u-hidden u-flex-col success-mobile-nav"> <div data-controller="show-hide"> <div class="u-relative u-flex u-justify-between u-px-md u-border-b u-border-gray-900 u-pt-md u-pb-sm"> <a href="/success/"> <img src="/success/success-by-livechat-logo.svg" width="100" class="success-logo u-m-0" alt="Success by LiveChat Logo"> </a> <div class="success-mobile-search u-Mb-2xs" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6" data-controller="search-input"> <div class="success-search__results v--mobile u-rounded-b u-bg-white" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" class="success-mobile-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change click->search-input#show click->show-hide#hide" > <button class="success-search__clear v--hidden" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear click->search-input#hide" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> </button> </div> </div> <button class="c-navbar__button u-text-p8-bold u-relative" aria-expanded="false" data-target="show-hide.button" data-action="show-hide#toggle"> MENU <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" width="20" class="u-ml-xs"> <g fill="none" stroke="currentColor" stroke-linecap="square"> <path d="M1 3.5h15" class="c-navbar__button__bar" /> <path d="M1 8h15" class="c-navbar__button__bar" /> <path d="M1 12.5h15" class="c-navbar__button__bar" /> </g> </svg> </button> </div> <div class="success-mobile-nav__menu" data-target="show-hide.content" hidden> <div> <ul class="success-nav__categories u-p-0 u-m-0"> <li><a href="/success/news/" class="c-menu__item v--top">#Know</a></li> <li><a href="/success/sell/" class="c-menu__item v--top">Sell</a></li> <li><a href="/success/support/" class="c-menu__item v--top">Support</a></li> <li><a href="/success/grow/" class="c-menu__item v--top">Grow</a></li> <li><a href="/success/connect/" class="c-menu__item v--top">Connect</a></li> <li data-controller="show"> <div class="u-relative"> <a href="/success/video/" data-action="show#toggle" class="c-menu__item v--top"> <span class="u-inline-block ">Watch</span> <svg class="u-ml-xs u--mb-3xs" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> <g fill="#000"> <path clip-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" fill-rule="evenodd"/> <path d="M11 8l-4.5 2.6V5.4z"/> </g> </svg> </a> </div> </li> <li data-controller="show"> <div class="u-relative"> <a href="#" data-action="show#toggle" class="c-menu__item v--top"> <span class="u-inline-block ">Topics</span> </a> <button class="success-mobile-nav__toggle-dropdown" data-action="show#toggle" aria-expanded="false"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> </div> <ul class="c-list u-pl-0 u-text-p7 mobile-sub-menu" data-target="show.content" hidden> <li> <div class="u-relative c-menu__item v--top"> <a href="#" data-action="show#toggle" class="u-pl-xl"> <span class="u-inline-block ">Topics</span> </a> <button class="success-mobile-nav__toggle-dropdown v--left" data-action="show#toggle" aria-expanded="false"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> </svg> </button> </div> </li> <li> <a href="/success/topics/customer-service/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Customer service</span> </a> </li> <li> <a href="/success/topics/online-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/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-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/customer-experience/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Customer experience</span> </a> </li> </ul> </li> </ul> </div> <div class="u-mt-md"> <p class="u-text-p10 u-px-lg u-py-md u-text-gray-400">DISCOVER OUR PRODUCTS</p> <ul class="u-p-0 u-m-0" style="list-style: none"> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.livechat.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-livechat" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on LiveChat" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M21.316 9.664a76.785 76.785 0 00-10.615 0 1.393 1.393 0 00-1.308 1.265c-.172 2.142-.195 5.35-.037 7.49.052.707.673 1.314 1.512 1.314H13.5v3.246l-2.627-.002c-2.409 0-4.571-1.785-4.758-4.318-.17-2.307-.147-5.682.039-7.99.186-2.313 2.045-4.084 4.314-4.247a80.032 80.032 0 0111.08 0c2.27.163 4.13 1.934 4.315 4.247.186 2.308.177 5.683.007 7.99-.187 2.533-2.344 4.326-4.753 4.326l-2.6-.002-5.017 3.246v-3.25l5.018-3.246h2.6c.839 0 1.46-.607 1.511-1.313.158-2.14.167-5.349-.005-7.49a1.393 1.393 0 00-1.308-1.266z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">LiveChat</span> <span class="u-text-p7">Connect with Customers</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.chatbot.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-chatbot" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on ChatBot" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M12.018 13.595c-.351-.15-.768.105-.768.487v1.957c0 .272.147.522.393.638.749.352 2.476 1.053 4.356 1.053 1.881 0 3.608-.7 4.357-1.053a.696.696 0 00.393-.637v-1.958c0-.382-.417-.637-.768-.487-.867.369-2.367.885-3.982.885-1.614 0-3.114-.516-3.981-.885z"/> <path fill="currentColor" fill-rule="evenodd" d="M10.873 22.977l2.627.002v3.25l5.018-3.246 2.599.002c2.409 0 4.566-1.793 4.753-4.326.17-2.307.178-5.682-.007-7.99-.186-2.313-2.045-4.084-4.314-4.247a80.032 80.032 0 00-11.08 0c-2.27.163-4.13 1.934-4.315 4.247-.186 2.308-.21 5.683-.04 7.99.188 2.533 2.35 4.318 4.76 4.318zm-.172-13.313a76.785 76.785 0 0110.615 0 1.393 1.393 0 011.308 1.265c.172 2.142.163 5.35.005 7.49-.052.707-.672 1.314-1.512 1.314h-2.6L13.5 22.979v-3.246h-2.632c-.84 0-1.46-.607-1.512-1.313-.158-2.14-.135-5.349.037-7.49a1.393 1.393 0 011.308-1.266z" clip-rule="evenodd"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">ChatBot</span> <span class="u-text-p7">Automate customer service with AI</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.helpdesk.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-helpdesk" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on HelpDesk" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M10.525 24.275c1.825.15 3.65.225 5.475.225 1.825 0 3.65-.075 5.475-.2 2.35-.2 4.2-2.25 4.375-4.85l.015-.208c.09-1.258.135-1.886.135-3.19v-2.524l-3.25 2.825c-.023 1.198.027 1.512-.05 2.536l-.027.354c-.075.975-.675 1.775-1.4 1.825-3.5.3-6.998.282-10.498-.018-.725-.05-1.325-.85-1.4-1.825l-.022-.294c-.085-1.12-.128-1.706-.128-2.906v-.027c.025-1.291.05-2.607.15-3.923.075-.95.65-1.725 1.35-1.825h10.368l-4.94 4.338-2.125-1.954-2.427 2.131 4.523 4.157L26 10.25V7H10.525c-2.35.2-4.2 2.25-4.375 4.85-.1 1.4-.15 2.8-.15 4.175 0 1.315.046 1.97.137 3.224l.013.176c.175 2.6 2.025 4.65 4.375 4.85z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">HelpDesk</span> <span class="u-text-p7">Support customers with tickets</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.knowledgebase.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-knowledgebase" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on KnowledgeBase" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M25.918 10.25h-3.2V7c-2.875 0-5.3 1.9-6.725 3.325C14.568 8.9 12.193 7 9.318 7v3.25h-3.25c-.1 2.525-.1 7.276.075 9.3.2 2.326 2.05 4.076 4.325 4.25 1.775.126 3.675.2 5.55.2s3.775-.05 5.55-.2c2.275-.174 4.125-1.924 4.325-4.25.125-2.024.15-6.775.025-9.3zm-3.3 9.026c-.05.675-.6 1.225-1.3 1.275a73.81 73.81 0 01-5.325.175c-1.8 0-3.6-.05-5.325-.175-.725-.05-1.25-.6-1.3-1.275-.15-1.9-.175-6.676-.05-9.026 2.325.025 4.65 2.525 5.35 3.5l1.325 1.825 1.325-1.825c.7-.975 3.075-3.475 5.4-3.5.1 2.35.05 7.125-.1 9.026z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">KnowledgeBase</span> <span class="u-text-p7">Guide and educate customers</span> </span> </a> </li> </ul> </div> <div class="u-px-lg u-py-xl u-bg-gray-900"> <form action="https://livechatinc.us2.list-manage.com/subscribe/post" method="POST" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Newsletter subscription" data-track-label="Mobile navigation" data-action="track#send" > <input type="hidden" name="u" value="9c5eb54aa9b2efe23531b3e09"> <input type="hidden" name="id" value="68e71cd045"> <input type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="newsletter-mobile-MERGE0" class="u-text-p8 u-mb-md success-subscribe__input success-subscribe__email v--right " placeholder="Enter your email"> <button type="submit" class="c-btn v--dark u-w-full" placeholder="enter email">Subscribe</button> </form> </div> <div class="u-mb-md"> <ul class="success-nav__categories u-p-0 u-m-0 u-mb-lg u-border-t"> <li><a href="/success/authors/" class="u-block u-border-b u-text-p6 u-px-lg u-py-sm">Authors</a></li> <li><a href="/success/contribute/" class="u-block u-border-b u-text-p6 u-px-lg u-py-sm">Write for us</a></li> </ul> </div> <p class="u-text-p10 u-text-center u-text-gray-600">Follow us</p> <div class="u-flex u-items-center u-justify-center u-flex-wrap u-mb-lg"> <a href="https://www.facebook.com/SubscribeSuccess" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Facebook" data-action="track#send" ><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" fill-rule="evenodd" d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16c0 6.9 4.992 12.635 11.562 13.788v-9.506H10V16.33h3.562V13.32C13.562 9.893 15.655 8 18.86 8c1.535 0 3.14.267 3.14.267v3.364h-1.77c-1.742 0-2.285 1.055-2.285 2.136v2.563h3.89l-.621 3.952h-3.269v9.552A14.454 14.454 0 0116 30z" clip-rule="evenodd"/> </svg> </a> <a href="https://www.instagram.com/subscribe_success/" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Instagram" data-action="track#send" ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.065.06C7.117.01 7.453 0 10.133 0c2.68 0 3.016.011 4.068.06 1.05.047 1.768.214 2.395.458.65.252 1.2.59 1.748 1.138a4.838 4.838 0 011.138 1.748c.244.627.41 1.345.459 2.395.048 1.052.059 1.388.059 4.068 0 2.68-.011 3.015-.06 4.068-.047 1.05-.214 1.767-.458 2.395-.252.649-.59 1.199-1.138 1.748a4.836 4.836 0 01-1.748 1.138c-.627.243-1.345.41-2.395.458-1.052.048-1.388.06-4.068.06-2.68 0-3.016-.012-4.068-.06-1.05-.048-1.767-.215-2.395-.458a4.836 4.836 0 01-1.748-1.138A4.836 4.836 0 01.784 16.33c-.244-.628-.41-1.345-.458-2.395-.048-1.053-.06-1.389-.06-4.068 0-2.68.012-3.016.06-4.068.048-1.05.214-1.768.458-2.395.252-.65.59-1.2 1.138-1.748A4.836 4.836 0 013.67.518C4.298.274 5.015.108 6.065.059zm9.889 2.115c-.348-.135-.87-.296-1.833-.34-1.04-.047-1.352-.057-3.987-.057-2.634 0-2.946.01-3.987.057-.962.044-1.484.205-1.832.34-.46.179-.789.393-1.134.738-.346.345-.56.674-.738 1.135-.135.347-.296.87-.34 1.832-.048 1.04-.058 1.352-.058 3.987 0 2.634.01 2.946.058 3.987.044.962.205 1.484.34 1.832.179.46.393.79.738 1.134.345.346.674.56 1.134.738.348.136.87.296 1.832.34 1.04.048 1.353.058 3.987.058 2.635 0 2.947-.01 3.987-.058.962-.044 1.485-.204 1.832-.34.461-.178.79-.392 1.135-.738.345-.345.56-.674.738-1.134.135-.348.296-.87.34-1.832.047-1.04.057-1.353.057-3.987 0-2.635-.01-2.947-.057-3.987-.044-.962-.205-1.485-.34-1.832a3.057 3.057 0 00-.738-1.135 3.056 3.056 0 00-1.135-.738zM10.14 4.8a5.067 5.067 0 100 10.134 5.067 5.067 0 000-10.134zM6.847 9.866a3.289 3.289 0 106.577 0 3.289 3.289 0 00-6.577 0zm8.556-4.082a1.184 1.184 0 100-2.368 1.184 1.184 0 000 2.368z" fill="currentColor"/> </svg> </a> <a href="https://twitter.com/intent/follow?screen_name=Success__Team" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Twitter" data-action="track#send" ><svg width="27" height="21" viewBox="0 0 27 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27 2.5c-1 .4-2 .7-3.2.8 1.2-.6 2-1.7 2.5-3-1.1.7-2.3 1.1-3.6 1.4-1-1-2.4-1.7-4-1.7-3 0-5.5 2.4-5.5 5.3l.1 1.2A16 16 0 011.9 1 5 5 0 001 3.6c0 1.9 1 3.5 2.5 4.4-1 0-1.8-.2-2.5-.6C1 10 3 12.2 5.5 12.6a5.8 5.8 0 01-2.5.1 5.5 5.5 0 005.2 3.7A11.4 11.4 0 010 18.6C2.5 20.1 5.4 21 8.5 21c10.2 0 15.7-8 15.7-15v-.8c1.1-.7 2-1.7 2.8-2.7z" fill="currentColor"/> </svg> </a> <a href="https://www.linkedin.com/showcase/success-by-livechat/" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="LinkedIn" data-action="track#send" ><svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.3 15.4V25h-5.7v-9c0-2.3-.8-3.9-2.8-3.9-1.6 0-2.5 1-2.9 2-.2.4-.2 1-.2 1.4v9.5H9.1v-17h5.6v2.5c.8-1.2 2-2.8 5-2.8 3.8 0 6.6 2.4 6.6 7.6zM3.2 0C1.2 0 0 1.3 0 3c0 1.5 1.2 2.9 3.1 2.9 2 0 3.2-1.4 3.2-3S5.1 0 3.2 0zM.3 25.1H6v-17H.3v17z" fill="currentColor"/> </svg> </a> </div> <div class="u-text-center u-mb-lg"> <a href="https://www.youtube.com/channel/UCVBKToMYvBpZybYlJQEnHOA?sub_confirmation=1" target="_blank" class="c-btn v--secondary" data-controller="track" data-track-category="Success" data-track-action="Subscribe" data-track-label="Subscribe to YouTube button" data-action="track#send" > <span class="u-text-signup u-relative u-mr-2xs" style="top:3.5px;"><svg width="27" height="19" viewBox="0 0 27 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4 12.6V5.3L17.5 9l-7 3.6zM26 4s-.3-1.8-1-2.6c-1-1-2.2-1-2.7-1.1-3.6-.3-9.2-.3-9.2-.3S7.6 0 4 .3c-.5 0-1.6 0-2.6 1C.5 2.3.3 4 .3 4S0 6 0 8.2v2c0 2.2.3 4.3.3 4.3s.2 1.8 1 2.6c1 1 2.3 1 2.9 1.1a184.6 184.6 0 0018.1 0c.5 0 1.7 0 2.7-1.1.7-.8 1-2.6 1-2.6s.3-2.1.3-4.3v-2c0-2-.3-4.2-.3-4.2z" fill="currentColor"/> </svg> </span> Subscribe to our channel </a> </div> </div> </div> </nav> <div id="subscribe-modal" class="success-modal u-hidden" aria-hidden="true"> <div class="success-modal--overlay" tabindex="0" data-micromodal-close> <div class="success-modal--dialog u-maxw-8 md:u-maxw-6 u-text-center u-rounded" role="dialog" aria-modal="true"> <button class="success-modal--close" aria-label="Close modal" data-micromodal-close><svg width="32" height="32" viewBox="0 0 16 16" fill="none" data-micromodal-close class="u-w-auto u-hover-lift u-shadow u-round u-m-0" xmlns="http://www.w3.org/2000/svg"> <title>Close</title> <circle cx="8" cy="8" r="8" data-micromodal-close fill="#fff"/> <path data-micromodal-close stroke="#1B1B20" d="M5.24 5.1l5.66 5.66M10.9 5.24L5.24 10.9"/> </svg> </button><div> <div class="u-rounded u-bg-white u-text-black u-text-center u-Py-sm sm:u-Py-md md:u-Py-lg u-px-sm sm:u-Px-md md:u-Px-xl"> <div class="o-container"> <div class="u-px-0"> <img src="/success/subscribe-3.svg" alt="" style="max-width: 335px;" class="u-Mb-sm" /> <p class="u-text-p3 u-mb-md u-text-center">Success in your inbox</p> <p class="u-text-p5 u-text-center">Get monthly insights handpicked by our editorial team. Act on it.</p> <form action="https://livechatinc.us2.list-manage.com/subscribe/post" method="POST" target="_blank" class="md:u-flex u-maxw-6 u-mx-auto" data-controller="track" data-track-category="Success" data-track-action="Newsletter subscription" data-track-label="Main navigation" data-action="track#send" > <input type="hidden" name="u" value="9c5eb54aa9b2efe23531b3e09"> <input type="hidden" name="id" value="68e71cd045"> <input type="email" required autocapitalize="off" autocorrect="off" name="MERGE0" id="main-navigation-MERGE0" class="u-text-p8 success-subscribe__input success-subscribe__email v--right u-basis-8 md:u-mr-md u-mb-md md:u-mb-0" placeholder="What's your email?"> <button type="submit" class="c-btn v--dark u-basis-4 u-w-full" placeholder="enter email">Subscribe</button> </form> </div> </div> </div> </div> </div> </div> </div> <main data-controller="attribute" class="success-main"> <div class="post-progress"></div> <script> var progress = document.querySelector(".post-progress"); var h = document.documentElement, b = document.body, st = 'scrollTop', sh = 'scrollHeight'; window.addEventListener("scroll", function () { var percent = (h[st]||b[st]) / ((h[sh]||b[sh]) - h.clientHeight) * 100; progress.style.setProperty('--scroll', percent + '%'); }); </script> <div data-controller="attribute cookie-toggle cookie-style" data-attribute-add-class="u-hidden" data-target="attribute.element cookie-style.hideElement" data-cookie-name="success-banner-hidden-mobile" data-cookie-days="14"> <div class="success-product-banner-wrapper lg:u-hidden"> <div class="success-product-banner v--livechat b--u-py-2"> <div class="b--u-mbn-4 b--u-mr-2 u-text-right"> <a href="#" class="u-inline-block u-relative" data-action="cookie-toggle#setCookieTrue attribute#addClass"><svg fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><rect width="24" height="24" rx="12" fill="#3B3B43"/><path d="M18 6 6 18M6 6l12 12" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><rect x=".5" y=".5" width="23" height="23" rx="11.5" stroke="#3B3B43"/><defs><clipPath id="a"><rect width="24" height="24" rx="12" fill="#fff"/></clipPath></defs></svg></a> </div> <div class="o-container"> <div class="u-justify-between b--u-px-3"> <div class="u-text-center u-basis-9"> <p class="u-text-xs u-text-p6-bold b--u-mb-1">LiveChat helps you delight your customers and fuels your sales.</p> </div> <div class="u-text-center u-basis-3"> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--sm v--signup" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> </div> </div> </div> </div> </div> </div> <div data-controller="cookie-toggle cookie-style" data-attribute-remove-class="lg:u-block" data-attribute-add-class="u-hidden" data-target="attribute.element cookie-style.hideElement" data-cookie-name="success-banner-hidden" data-cookie-days="14" class="" > <div class="u-relative success-product-banner-wrapper u-hidden lg:u-block" style="z-index: 12;"> <div class="success-product-banner v--livechat b--u-py-1.5"> <div class="b--u-mbn-3 b--u-mr-2 u-text-right"> <a href="#" class="u-inline-block u-relative" data-action="attribute#addClass attribute#removeClass cookie-toggle#setCookieTrue"><svg fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><rect width="24" height="24" rx="12" fill="#3B3B43"/><path d="M18 6 6 18M6 6l12 12" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><rect x=".5" y=".5" width="23" height="23" rx="11.5" stroke="#3B3B43"/><defs><clipPath id="a"><rect width="24" height="24" rx="12" fill="#fff"/></clipPath></defs></svg></a> </div> <div class="o-container"> <div class="md:u-flex u-items-center u-justify-between"> <div class="u-text-center md:u-text-left u-basis-6"><img src="/success/images/product-marketing/logo-livechat.9c8af95f9790c09d05fd0a970afcb0d48ffc8a548325e769ff629f64016c0bc3.png" alt="" class="u-ml-0 b--u-mb-1.5" style="width: 82px"> <p class="b--u-text-xl b--u-mb-1.5">Connect with customers</p> <p class="b--u-text-sm b--u-mb-1.5">LiveChat is a complete customer service platform that delights your customers and fuels your sales.</p> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--signup b--u-mb-1.5" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> <div class="sm:u-flex u-items-center sm:u-text-left"> <p class="b--u-text-xs b--u-text-black-600 b--u-my-1.5">Trusted by <strong>36,000+</strong> companies</p> <div class="b--u-pl-3 u-basis-12"><img src="/success/images/product-marketing/logos-big-livechat.ded8419d0d3e6ab5a8fffce8714ab867bdf7b9299408be19cf031f8c191dc755.png" alt="" class="u-ml-0" style="width: 271px"> </div> </div> </div> <div class="u-text-center u-basis-6"><img src="/success/images/product-marketing/image-livechat.72dacda531c3613b080e56b8660540505f85eb4b548795c2fb2f16e4717e3284.png" alt="" style="width: 351px"> </div> </div> </div> </div> </div> </div> <div class="u-relative success-product-banner-wrapper u-hidden lg:u-block v--sticky" style="z-index: 11;"> <div class="u-hidden" data-controller="cookie-style" data-target="cookie-style.showElement attribute.element" data-cookie-name="success-banner-hidden" data-attribute-remove-class="u-hidden"> <div class="success-product-banner v--livechat b--u-py-3"> <div class="o-container"> <div class="md:u-flex u-items-center u-justify-between"> <div class="u-text-center md:u-text-left u-basis-9"> <p class="u-text-p6-bold u-mb-0">LiveChat helps you delight your customers and fuels your sales.</p> </div> <div class="u-text-right u-basis-3"> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--signup" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> </div> </div> </div> </div> </div> </div> <article class="post-grid v--w-image b--u-pt-3 b--lg:u-pt-12 b--lg:u-pt-10" role="main" data-controller="article-aside"> <div class="float-share__list-item success-floating-search u-hidden lg:u-block"> <div class="u-hidden lg:u-block success-search" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6 u-relative" data-controller="search-input"> <div class="success-search__results u-bg-white u-rounded-b" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" id="search" class="success-search__input success-floating-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change" > <button class="success-search__clear v--hidden t-tooltip" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> <span class="t-tooltiptext-bottom">Clear search and close</span> </button> </div> </div> </div> <div class="u-hidden lg:u-block success-search" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6 u-relative" data-controller="search-input"> <div class="success-search__results u-bg-white u-rounded-b" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" id="search" class="success-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change" > <button class="success-search__clear v--hidden t-tooltip" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> <span class="t-tooltiptext-bottom">Clear search</span> </button> </div> </div> <div class="post-header"> <div itemscope itemtype="http://schema.org/BreadcrumbList"> <div class="u-hidden" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/success/perfect-the-shopping-cart-checkout/"> <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 Perfect the Shopping Cart Checkout</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 v--unfold"> <span 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/03/author-default-avatar.png" class="u-w-fit u-ml-0 u-round success-authors-info__avatars__img " style="width: 48px;" width="48"></span> <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.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 u--ml-md" style="width: 48px;" width="48"></a href="/success/authors/olga-rogacka/" class="success-authors-info__avatars__a"></div><span class="u-text-p8"> <span class="u-text-p8 success-authors-info__a">Ron Dod</span> and <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"> </span></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>7 min read</span> </div> <div class="u-flex u-items-center"> <img src="/success/icons/calendar.svg" class="u-w-fit u-mr-xs u-ml-0 u--mt-3xs" alt="" width="20"> <span>Oct 2, 2023</span> </div> </div> </div> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1300,h_500,c_fill/https://success-cms.livechatinc.com/app/uploads/2023/10/shopping-cart-checkout-scaled.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_320/https://success-cms.livechatinc.com/app/uploads/2023/10/shopping-cart-checkout-scaled.jpg 320w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_776/https://success-cms.livechatinc.com/app/uploads/2023/10/shopping-cart-checkout-scaled.jpg 776w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_1232/https://success-cms.livechatinc.com/app/uploads/2023/10/shopping-cart-checkout-scaled.jpg 1232w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_1688/https://success-cms.livechatinc.com/app/uploads/2023/10/shopping-cart-checkout-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%20Perfect%20the%20Shopping%20Cart%20Checkout&via=Success__Team&url=https://www.livechat.com/success/perfect-the-shopping-cart-checkout/" 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/perfect-the-shopping-cart-checkout/" title="Share on Facebook" rel="nofollow noopener noreferrer" target="_blank" class="float-share__button" style="color: #4968AD;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Facebook" data-action="track#send" > <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0a8 8 0 011.25 15.9v-5.59h1.86L11.47 8H9.25V6.5c0-.63.31-1.25 1.3-1.25h1.01V3.28s-.91-.15-1.79-.15c-1.83 0-3.02 1.1-3.02 3.1V8H4.72v2.31h2.03v5.6A8 8 0 018 0z" fill="currentColor"></path> </svg> </a> <div class="float-share__tooltip">Share on Facebook</div> </li> <li class="float-share__list-item"> <a href="http://www.linkedin.com/shareArticle?mini=true&url=https://www.livechat.com/success/perfect-the-shopping-cart-checkout/" 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/perfect-the-shopping-cart-checkout/" 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/perfect-the-shopping-cart-checkout/</textarea> </li> </ul> </div> <p>Web marketers love to throw around fancy terms like "bounce rates," "click funnels," and "traffic patterns." Sure, they matter, but let's get down to what counts – closing the deal.</p> <p>Think of your website as a blockbuster movie and the shopping cart checkout is the grand finale. It's where a minor tweak can transform you from an underdog to a superstar in the ecommerce world.</p> <p>We'll help you understand the most critical aspects of your shopping cart checkout and help you optimize your checkout flow for the best possible results.</p> <figure class="block-youtube"> <div class="o-fluid-video"> <iframe width="560" height="315" src="https://www.youtube.com/embed/vz-U5Yqhtoc?start=90s" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div></figure> <p>Let's see the shopping cart checkout rules.</p> <h2 class="block-heading u-text-p4" >1. Make your shopping cart visible</h2> <p><strong>The goal of an effective shopping cart is to make purchases effortless — even for the laziest shoppers on the planet</strong>.</p> <figure class="block-image"> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_736/https://www.livechat.com/wp-content/uploads/2017/03/2-How-to-Perfect-the-Shopping-Cart-Checkout.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2017/03/2-How-to-Perfect-the-Shopping-Cart-Checkout.png 2x" alt="How to perfect the shopping cart" loading="lazy"> </figure> <p>When a shopper adds an item to their cart, they should easily find their way to the cart page. It's a crucial step. Online retailers often use popups that confirm the addition of an item to the cart, notifications that guide users to the cart's location (typically at the top right of the page), or animations that draw attention to the cart.</p> <p>However, many online stores struggle with this seemingly simple task. It's important to remember that even minor disruptions in the checkout process can significantly impact your conversion rate, potentially resulting in lost revenue. We're not talking about most online shoppers here – we're referring to the one or two out of every hundred, who can collectively make up 2% of your annual revenue. Every little bit counts!</p> <p><strong>Mistake #1</strong>: Your visual cues don’t command attention. If your site’s color scheme is blue and white, your notification should be something that contrasts. There is a reason Facebook notifications are red.</p> <figure class="block-image"> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_736/https://www.livechat.com/wp-content/uploads/2017/03/5-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2017/03/5-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png 2x" alt="The shopping cart checkout mistakes" loading="lazy"> </figure> <p><strong>Mistake #2</strong>: Your “check out now” area is hidden. When a visitor places an item into their cart, you will miss out by not inserting a CTA that nudges them toward the checkout page. Creating a popup showing cart contents and a “Pay now” option improves the checkout experience and conversion.</p> <figure class="block-image"> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_736/https://www.livechat.com/wp-content/uploads/2017/03/4-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2017/03/4-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png 2x" alt="Shopping cart popup" loading="lazy"> </figure> <h2 class="block-heading u-text-p4" >2. Navigate your customer to the cart</h2> <p>Once an item is in the cart, there are two routes you can take.<br></p> <p><strong>Notify visitors they have added an item to their cart</strong> and let them continue scrolling around your site. This is usually what most online retailers use. This is a good strategy if you have a multi-item business and customers who typically buy more than one type of item at a time. By not disrupting their shopping process, they can buy more products.<br></p> <p><strong>Pro tip</strong>: Adding a “Customers who bought this also liked: X, Y, Z” option could work well if you have complimentary products to upsell.<br></p> <p><strong>Guide users through the complex checkout process and avoid shopping cart abandonment.</strong> This works well for ecommerce businesses primarily selling a single type of product with a handful of feature variations. Online shoppers often prefer a streamlined experience, where they can quickly enter shipping addresses and select payment options without unnecessary steps. </p> <p>By simplifying the cart and checkout process, you can reduce checkout abandonment rates and boost their online sales.</p> <div class="block-product-banner v--livechat b--u-py-1.5 b--u-px-4 b--lg:u-px-8 b--xl:u-px-4"> <div class="md:u-flex u-items-center u-justify-between"> <div class="u-text-center md:u-text-left u-basis-7 b--u-py-1.5 b--md:u-pr-2"> <h2 class="b--u-text-xl b--u-mb-1.5">Connect with customers</h2> <p class="b--u-text-sm b--u-mb-1.5">LiveChat is a complete customer service platform that delights your customers and fuels your sales.</p> <div class="sm:u-flex u-items-center sm:u-text-left"> <p class="b--u-text-2xs b--u-text-black-600 u-basis-5 b--u-my-1.5">Trusted by <strong>36,000+</strong> companies</p> <div class="b--sm:u-pl-3 u-basis-12"><img src="/success/images/product-marketing/logos-livechat.261f4bb94a9e81009c6ce846545af4c831a04529d36034354d3fa458b23eb8cd.png" alt=""> </div> </div> </div> <div class="u-text-center u-basis-3 u-relative b--u-py-1.5"> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--signup b--u-mb-1.5" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (article)" data-action="track#send" >Signup for free</a> <div> <span class="u-mr-md u-inline-block b--u-text-sm"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" class="u-mr-xs"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"> </path> </svg> Free 14-day trial </span> </div> <svg class="block-product-banner__hand" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93 81"><path d="M36.4 36.8c1.2.4 6 1.2 8.4 1.5 5-.6 15.4-2 16.7-2.7 1.6-1 11-4.7 11.9-5.4.7-.6 1.1-1.2 1.8-.6.7.5 7.2 11.9 7.4 13.5.2 1.6-10.5 6.3-11.2 6.5-1 .3-14.3 5-15.1 5l-10.7-.4a479 479 0 0 1-14-2.5c-1.6-.4-5.1-2.5-6.5-2.8-1.3-.3-7.2-1.3-8-2-.7-.7-.3-2.5-1.1-3.5-1.2-1.4.3-2.2-.5-3.4-1-1.5.6-2.4-.3-3.7-.6-1 0-2 .5-2.3-.6 0-2.3-.6-3.7-2.4-1.8-2.3-.8-1.8 0-2.5.8-.6 6.4 2.3 9.1 3.5.6-.5 1.5-2.3 2.2-2.8 1-.6 3.5-.6 5 .2 1.3.6 2.3 3.1 2.6 4.5l5.5 2.3Z" fill="#FFD000"/><path d="M82.1 43.3s-6 4.5-13.4 7.9c0 0-7.2 2.8-11.5 3.7-4.3 1-11 1-20.3-.7-9.2-1.8-10.3-3.6-11.4-3.9l-8.3-1.7c-.8-.3-2.3-1.5-2.2-2.5l.2-1m7.4 2.3s-7.2-2.2-7.8-2.7c-.6-.5-1.6-2-.3-2.7m8.7 2.7s-7.4-2.5-8-2.9c-.7-.4-2.7-1.9-1-3.3m9.5 3.3L16.3 39c-1.2-.4-3.5-2-3-3.2.7-1.2 1.2-1 1.2-1m10 4.1s-8.8-3.8-10.2-4.2c-1.4-.4-4.6-2.3-4.5-3.2 0-1 .3-1.5 2.2-1.2 1.9.3 13.3 5.7 13.3 5.7m-5.5-2.8s1.5-2 1.8-2.2c.3-.2 2.8-2 4.7-.6 1.8 1.4 2.4 2.2 2.9 3.5l.5 1.6s3.6 1.8 5.5 2.3c1.8.5 7.1 1.4 10.6 1 3.5-.3 11.8-1.2 14.2-2.4 2.4-1.3 9.9-4.3 11.7-5.6 1.8-1.3 2.8-1.5 2.8-1.5m-49.2 4.1-1-.4" stroke="#1B1B20" stroke-width="2" stroke-linecap="round"/><path d="M84.4 48.9c-1.7 1.4-4.3-1.2-5.3-2.7l4.2-2.5c-2.3-5-6.7-12.4-8.6-15.2l-4 2c-.2-.3-1-1-.9-3.3.1-2.8 2.5-2 4 .1l.9 1.2c1.9 2.8 6.3 10.1 8.6 15.2 1 2.6 1.7 4.6 1 5.2Z" fill="#1B1B20"/><path d="m74.7 28.5-.8-1.2c-1.6-2-4-3-4-.1-.2 2.2.6 3 .8 3.2l4-2Zm0 0c1.9 2.8 6.3 10.1 8.6 15.2m0 0c1 2.6 1.7 4.6 1 5.2-1.6 1.4-4.2-1.2-5.2-2.7l4.2-2.5Z" stroke="#1B1B20" stroke-width="1.4"/></svg> </div> </div> </div> <h2 class="block-heading u-text-p4" >3. Cart contents and shipping costs</h2> <p><strong>The default setting for indecision in ecommerce is cart abandonment.</strong></p> <p>As we move further along the checkout flow, simplicity becomes increasingly critical. When it comes to the items in your cart, two primary factors deserve your attention:</p> <ol> <li><strong>Control</strong>: Make sure the checkout experience is smooth, and shoppers can easily adjust, add, or remove products from their cart.</li> <li><strong>Visibility</strong>: Display items added to the cart, including a transparent view of the total cost.</li> </ol> <figure class="block-image"> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_736/https://www.livechat.com/wp-content/uploads/2017/03/5-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2017/03/5-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png 2x" alt="The shopping cart checkout mistakes" loading="lazy"> </figure> <p>The control factor is pretty straightforward. The slightest frustration about being unable to remove one item from the cart could cause customers to abandon the transaction altogether.</p> <p>Shopping cart clarity means seeing an order summary on hand and being able to see everything, from the item and shipping costs to additional fees such as taxes and other pertinent information. <a href="https://cxl.com/shopping-cart-abandonment-how-to-recover-baskets-of-money/" target="_blank" rel="noreferrer noopener nofollow" aria-label=" (opens in a new tab)">56% of online shoppers abandon their cart</a> after they're presented with unexpected expenses. Once a shopper has decided to proceed beyond the first checkout step, they will become more hesitant to commit if the cost changes.</p> <p></p> <figure class="block-image"> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_736/https://www.livechat.com/wp-content/uploads/2017/03/6-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2017/03/6-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png 2x" alt="Shopping security" loading="lazy"> </figure> <h2 class="block-heading u-text-p4" >4. Make the purchase process easy</h2> <p>A clunky, multi-step payment page can be a conversion rate killer. Each additional step creates more barriers for potential customers, resulting in more questions, wasted time, and increased frustration.<br></p> <p>Most online shoppers have autofill forms for their information, so it's wise to let them leverage this convenience. However, don't assume that a bulky one-page checkout is the solution either. </p> <p>To optimize your checkout process, consider a streamlined approach with the following steps:</p> <ol> <li><strong>Shipping information</strong></li> <li><strong>Payment option </strong></li> <li><strong>Review & confirmation</strong></li> <li><strong>"Thank You" page</strong></li> </ol> <p>This sequential flow builds customer commitment and maintains consistency throughout the process, much like Robert Cialdini's Principles of Influence. Adhering to these proven principles avoids overwhelming visitors with too many demands upfront. It also gives customers the subconscious satisfaction of completing each task, with their ultimate reward being the desired product. In return, you gain the prize of a delighted, paying customer.</p> <p><strong>Note: </strong>In 2022, over <a href="https://dataprot.net/statistics/hacking-statistics/" target="_blank" rel="noreferrer noopener nofollow" aria-label=" (opens in a new tab)">15 million data records</a> were lost or stolen online. </p> <p>If there isn’t a 100% guarantee of security on your site from credible sources and safe payment methods, you can kiss most of your shoppers goodbye. Make this information prominent, and place it near the “Pay Now” button or next to areas where you ask for sensitive data. </p> <h2 class="block-heading u-text-p4" >5. Keep it simple on your checkout pages </h2> <p>Avoid overwhelming your customers on the checkout pages with unnecessary information, steps, or offers. Streamline the process to make it as straightforward and user-friendly as possible, reducing the risk of cart abandonment.</p> <p>Certain <a href="https://www.livechat.com/success/launching-online-store/" target="_blank" rel="noreferrer noopener" aria-label="online stores (opens in a new tab)">online stores</a> insist on having prospects sign up for a new account before they can complete their purchase. It might seem like putting the horse before the cart, but is it?</p> <p>Giving users the option to create accounts on your website can be a game-changer for your business, but shockingly, many ecommerce sites need to catch up on this front.</p> <p>Requiring visitors to register before making a purchase, or even pushing registration as a prerequisite for checking out, results in a whopping 25% of visitors abandoning the checkout process. </p> <p>That seemingly innocent registration button? It's a quick ticket for them to head for the hills.</p> <p></p> <figure class="block-image"> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_736/https://www.livechat.com/wp-content/uploads/2017/03/7-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2017/03/7-How-to-Perfect-the-Shopping-Cart-Checkout@2x.png 2x" alt="Shopping cart registration button" loading="lazy"> </figure> <p>Building enduring relationships with your customers is the ultimate goal for every business. However, there are two paths to choose from: the right way and the wrong way.<br></p> <p>The right way involves offering customers the opportunity to create a user account after completing their transaction. It's a smaller request, considering you've already gathered most of their information during the <a href="https://www.livechat.com/help/mollie-payments-process-transactions-directly-in-livechat/" target="_blank" rel="noreferrer noopener" aria-label="payment process (opens in a new tab)">payment process</a>. All that's needed is a simple request for permission to create the account, perhaps sweetened with an incentive like free shipping on their next order. It's a smooth, painless, and straightforward process.</p> <h2 class="block-heading u-text-p4" >Can you make your checkout page perfect?</h2> <p>To make your online store's checkout process top-notch, you must keep things simple and customer-focused. Whether you're starting from scratch or improving an existing system, picture how your customers complete their orders and aim to make it as smooth as possible. Make sure all parts of the checkout process flow seamlessly together.</p> <p>Your main goal is to gather the necessary order details while removing any annoying distractions that might drive customers away from their carts. Along the way, consider encouraging future purchases by collecting email addresses, offering subscriptions, and making account creation effortless.</p> <p>While striving for perfection is a worthy goal, achieving absolute perfection is incredibly challenging, if not impossible. However, you can continually optimize and improve your checkout page to make it as close to perfect as possible based on user feedback, industry best practices, and evolving technology.</p> <p>Remember that it's an ongoing process of fine-tuning to find the checkout that works best for your ecommerce store.</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%20Perfect%20the%20Shopping%20Cart%20Checkout&via=Success__Team&url=https://www.livechat.com/success/perfect-the-shopping-cart-checkout/" 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/perfect-the-shopping-cart-checkout/" rel="nofollow noopener noreferrer" target="_blank" class="post-share__button" style="color: #4968AD;" data-controller="track" data-track-category="Success" data-track-action="Share" data-track-label="Facebook" data-action="track#send" > <svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.7 0H5.78C3.62 0 2.23 1.55 2.23 3.94v1.81H.3c-.16 0-.3.15-.3.33v2.63c0 .18.14.33.3.33h1.93v6.63c0 .18.14.33.3.33h2.52c.17 0 .3-.15.3-.33V9.04h2.26c.16 0 .3-.15.3-.33V6.08a.34.34 0 00-.09-.23.3.3 0 00-.21-.1H5.35V4.21c0-.74.16-1.11 1.06-1.11H7.7c.17 0 .3-.15.3-.33V.33C8 .15 7.87 0 7.7 0z" fill="#4968AD"/> </svg> Share </a> </li> <li> <a href="http://www.linkedin.com/shareArticle?mini=true&url=https://www.livechat.com/success/perfect-the-shopping-cart-checkout/" 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/perfect-the-shopping-cart-checkout/" 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/perfect-the-shopping-cart-checkout/</textarea> </li> </ul> </section> <section id="comments" class="u-My-xl t-comments__container" data-controller="comments" data-comments-post-id="239"> <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-conversion/" class="u-inline-block u-text-p8 u-text-black u-Mr-md">Online Conversion</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/perfect-the-shopping-cart-checkout/"> <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.livechatinc.com/app/uploads/2025/01/33-miniatura.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_380,q_auto,w_704/https://success-cms.livechatinc.com/app/uploads/2025/01/33-miniatura.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"></div> <p class="u-text-p9 u-mb-sm"> <span class="u-mr-2xs">0 min watch</span> | <span class="u-mx-2xs">Jan 10</span> | <span class="u-ml-2xs">Kaia Madalinska</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/video/livechat-benefits/" class="success-link-overlay__a u-text-black v--no-underline">8 Benefits of Having LiveChat on Your Website</a></h4> <p class="u-text-p8 u-mb-lg">Discover how LiveChat can transform your business by increasing sales, providing instant... <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.livechatinc.com/app/uploads/2025/01/56-miniatura.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_380,q_auto,w_704/https://success-cms.livechatinc.com/app/uploads/2025/01/56-miniatura.png 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"></div> <p class="u-text-p9 u-mb-sm"> <span class="u-mr-2xs">0 min watch</span> | <span class="u-mx-2xs">Jan 10</span> | <span class="u-ml-2xs">Kaia Madalinska</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/video/add-livechat-to-woocommerce-store/" class="success-link-overlay__a u-text-black v--no-underline">WooCommerce: Add LiveChat to Your Store</a></h4> <p class="u-text-p8 u-mb-lg">Learn how to seamlessly integrate LiveChat with your WooCommerce store in just a few... <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.livechatinc.com/app/uploads/2025/01/93-miniatura.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_380,q_auto,w_704/https://success-cms.livechatinc.com/app/uploads/2025/01/93-miniatura.png 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"></div> <p class="u-text-p9 u-mb-sm"> <span class="u-mr-2xs">0 min watch</span> | <span class="u-mx-2xs">Jan 10</span> | <span class="u-ml-2xs">Kaia Madalinska</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/video/how-to-install-livechat-on-your-site-with-google-tag-manager/" class="success-link-overlay__a u-text-black v--no-underline">How to Install LiveChat on Your Site with Google Tag Manager</a></h4> <p class="u-text-p8 u-mb-lg">Learn how to seamlessly integrate LiveChat with Google Tag Manager and Google Analytics in... <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/best-live-chat-examples/" 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-live-chat-examples/ ({{ 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.livechatinc.com/app/uploads/2023/03/ghosts.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.livechatinc.com/app/uploads/2023/03/ghosts.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 ">50 Top Live Chat Response Examples for Effective Customer Engagement</p> <p class="u-text-p8">Ever had a frustrating live chat experience where the agent’s response felt robotic or unhelpful?...</p> </div> </a> <a href="/success/customer-service-interview-questions-2/" 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/customer-service-interview-questions-2/ ({{ 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.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.livechatinc.com/app/uploads/2023/10/client-vs-customer-scaled.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 ">Top 20 Customer Service Interview Questions You Need to Prepare For</p> <p class="u-text-p8">Getting ready for a customer service interview? You’re in the right place. Customer service is all...</p> </div> </a> <a href="/success/customer-retention/" 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/customer-retention/ ({{ 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.livechatinc.com/app/uploads/2021/09/image-from-rawpixel-id-2616656-jpeg-scaled.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.livechatinc.com/app/uploads/2021/09/image-from-rawpixel-id-2616656-jpeg-scaled.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 ">From First Sale to Forever: Mastering the Art of Customer Retention</p> <p class="u-text-p8">You probably heard it before: "Happy customers are loyal customers." Sounds right, doesn’t it? But...</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> </body> </html>

CINXE.COM

How to Perfect the Shopping Cart Checkout