CINXE.COM
15 Best Call to Action Examples from Online Businesses
<!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>15 Best Call to Action Examples from Online Businesses</title> <meta name="description" content="Check out these call to action examples and see how the biggest brands make sure that website visitors convert into paying customers."> <link rel="canonical" href="https://www.livechat.com/success/call-to-action-examples/"> <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="15 Best Call to Action Examples from Online Businesses" /> <meta property="og:description" content="Check out these call to action examples and see how the biggest brands make sure that website visitors convert into paying customers." /> <meta property="og:url" content="https://www.livechat.com/success/call-to-action-examples/" /> <meta property="og:site_name" content="Success by LiveChat" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Check out these call to action examples and see how the biggest brands make sure that website visitors convert into paying customers." /> <meta name="twitter:title" content="15 Best Call to Action Examples from Online Businesses" /> <meta name="twitter:site" content="@Success__Team" /> <meta property="og:image" content="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1200,h_630,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2016/07/call-to-action-examples.jpg" /> <meta name="twitter:image" content="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1200,h_630,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2016/07/call-to-action-examples.jpg" /> <link rel="preconnect" href="https://res.cloudinary.com"> <script> scrollOffsetFunction = function() { var navElements = document.getElementsByClassName("c-navbar"); if (typeof navElements[0] !== "undefined") { var navRect = navElements[0].getBoundingClientRect(); var navStyle = getComputedStyle(navElements[0]); if (navStyle.position === "sticky" || navStyle.position === "fixed") { return navRect.bottom - navRect.top + 30; } } return 0; } </script> <script> dataLayer = [{ 'contentAuthor': [ "Jacob Firuta", ], 'contentTTR': 10 , 'contentCategory': [ "Sell", ], 'contentDate': '2024-07-27' }]; </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="bdpnbet4tppcaz2gr52a-f-e8e51d9da-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":"ab1b73c","ak.r":6099,"ak.a2":n,"ak.m":"b","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":40850,"ak.gh":"124.155.222.151","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732677492","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==bDPBdscXJX0VfAYYLgS5cc8vOjf2OLlJfunyQjdgwFAKcnG2RwaRXfch1T9n+ffXNJksJ56jSB50O+TUg7JcRdpXJOLUum4YtWSdbTxoTT9L2fS18eX1P6i6LXBR7OZgxh3AV1Qkbj6SxLjW4b4+NtHXanTVgSu4ryHcud7G4EBjxeP92E76LqS5NevsdnZf7iUhqlHZ5lorDhlBPzQlex2/4E232NgPkFf/J5cZ4A2tfCtodG/JL23Q+onSNIp13h821AUiyWWwmjR7zxKS+x7Bu0D8EkRiQ7Z865QOsCl5YcocNU4Cxupz/FoMa1wv8g05xvjIuE9Bu5x59hEP1OvK4Y9/ylDxItFikwvbR1dG7ScFw/m5Jz9U7VcoNSXNDw+XE22KSxERbAqYeHJlTlF90nhfeKg7yljJRK7Euoo=","ak.pv":"43","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head><body > <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M6FDC2X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <nav class="success-nav u-hidden lg:u-block "> <div class="success-nav__wrapper lg:u-flex u-flex-col"> <div class="u-pt-lg u-pb-md u-border-b u-border-gray-900"> <a href="/success/"><img src="/success/success-by-livechat-logo.svg" width="100" class="success-logo" alt="Success by LiveChat Logo"> </a> </div> <div class="u-border-b u-border-gray-900 u-pt-lg u-pb-sm u-pl-md u-pr-sm"> <ul class="success-nav__categories u-p-0 u-m-0"><li class="u-mb-sm"><a href="/success/news/" class=" u-text-p6-bold">#Know</a></li><li class="u-mb-sm"><a href="/success/sell/" class=" u-text-p6-bold">Sell</a></li><li class="u-mb-sm"><a href="/success/support/" class=" u-text-p6-bold">Support</a></li><li class="u-mb-sm"><a href="/success/grow/" class=" u-text-p6-bold">Grow</a></li><li class="u-mb-sm"><a href="/success/connect/" class=" u-text-p6-bold">Connect</a></li><li class="u-mb-md" data-controller="show"> <span class="u-flex u-items-center u-justify-between"> <a href="/success/video/" class="u-text-p6-bold "> Watch <svg class="u-ml-xs u--mb-3xs" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> <g fill="#000"> <path clip-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" fill-rule="evenodd"/> <path d="M11 8l-4.5 2.6V5.4z"/> </g> </svg> </a> </span> </li> <li data-controller="show-hide" data-action="mouseenter->show-hide#show mouseleave->show-hide#hide" class="u--ml-md u--mr-sm u-pl-md u-pr-sm"> <span class="u-flex u-items-center u-justify-between"> <a href="#" class="u-text-p7 ">Topics</a> <button class="success-nav__toggle-dropdown v--static" data-target="show-hide.button" aria-expanded="false"> <svg width="5" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.4 7.4l-.8-.8L3.3 4 .6 1.4l.8-.8L4.7 4 1.4 7.4z" fill="#000"/></svg> </button> </span> <ul class="c-list u-pl-0 u-text-p8 success-video-menu u-border-l v--floating u-border-r " data-target="show-hide.content" hidden> <li> <a href="/success/topics/customer-service/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Customer service</span> </a> </li> <li> <a href="/success/topics/online-sales/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Online Sales</span> </a> </li> <li> <a href="/success/topics/ecommerce/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Ecommerce</span> </a> </li> <li> <a href="/success/topics/online-marketing/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Online Marketing</span> </a> </li> <li> <a href="/success/topics/customer-experience/" class="u-py-sm u-px-lg u-border-b u-block " > <span class="u-inline-block ">Customer experience</span> </a> </li> </ul> </li> </ul> </div> <div class="b--u-py-2 u-border-b u-border-gray-900 u-text-center b--u-px-1.5"> <p class="u-text-base">Connect with customers</p> <a href="https://accounts.livechat.com/signup/?client_id=bb9e5b2f1ab480e4a715977b7b1b4279&redirect_uri=https%3A%2F%2Fmy.livechatinc.com&response_type=token" class="c-btn v--signup u-w-full" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing sidebar CTA" data-action="track#send" style="padding: 0.5rem 0.625rem;" >Get LiveChat</a> </div> <div class="u-mt-md"> <p class="u-text-p8 u-text-center u-text-gray-400">OUR PRODUCTS</p> <ul class="u-flex u-items-center u-justify-around u-p-0 u-px-xs u-m-0" style="list-style: none"> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="LiveChat - Connect with Customers" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.livechat.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-livechat" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on LiveChat" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M21.316 9.664a76.785 76.785 0 00-10.615 0 1.393 1.393 0 00-1.308 1.265c-.172 2.142-.195 5.35-.037 7.49.052.707.673 1.314 1.512 1.314H13.5v3.246l-2.627-.002c-2.409 0-4.571-1.785-4.758-4.318-.17-2.307-.147-5.682.039-7.99.186-2.313 2.045-4.084 4.314-4.247a80.032 80.032 0 0111.08 0c2.27.163 4.13 1.934 4.315 4.247.186 2.308.177 5.683.007 7.99-.187 2.533-2.344 4.326-4.753 4.326l-2.6-.002-5.017 3.246v-3.25l5.018-3.246h2.6c.839 0 1.46-.607 1.511-1.313.158-2.14.167-5.349-.005-7.49a1.393 1.393 0 00-1.308-1.266z"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="ChatBot - Automate customer service with AI" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.chatbot.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-chatbot" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on ChatBot" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M12.018 13.595c-.351-.15-.768.105-.768.487v1.957c0 .272.147.522.393.638.749.352 2.476 1.053 4.356 1.053 1.881 0 3.608-.7 4.357-1.053a.696.696 0 00.393-.637v-1.958c0-.382-.417-.637-.768-.487-.867.369-2.367.885-3.982.885-1.614 0-3.114-.516-3.981-.885z"/> <path fill="currentColor" fill-rule="evenodd" d="M10.873 22.977l2.627.002v3.25l5.018-3.246 2.599.002c2.409 0 4.566-1.793 4.753-4.326.17-2.307.178-5.682-.007-7.99-.186-2.313-2.045-4.084-4.314-4.247a80.032 80.032 0 00-11.08 0c-2.27.163-4.13 1.934-4.315 4.247-.186 2.308-.21 5.683-.04 7.99.188 2.533 2.35 4.318 4.76 4.318zm-.172-13.313a76.785 76.785 0 0110.615 0 1.393 1.393 0 011.308 1.265c.172 2.142.163 5.35.005 7.49-.052.707-.672 1.314-1.512 1.314h-2.6L13.5 22.979v-3.246h-2.632c-.84 0-1.46-.607-1.512-1.313-.158-2.14-.135-5.349.037-7.49a1.393 1.393 0 011.308-1.266z" clip-rule="evenodd"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="HelpDesk - Support customers with tickets" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.helpdesk.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-helpdesk" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on HelpDesk" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M10.525 24.275c1.825.15 3.65.225 5.475.225 1.825 0 3.65-.075 5.475-.2 2.35-.2 4.2-2.25 4.375-4.85l.015-.208c.09-1.258.135-1.886.135-3.19v-2.524l-3.25 2.825c-.023 1.198.027 1.512-.05 2.536l-.027.354c-.075.975-.675 1.775-1.4 1.825-3.5.3-6.998.282-10.498-.018-.725-.05-1.325-.85-1.4-1.825l-.022-.294c-.085-1.12-.128-1.706-.128-2.906v-.027c.025-1.291.05-2.607.15-3.923.075-.95.65-1.725 1.35-1.825h10.368l-4.94 4.338-2.125-1.954-2.427 2.131 4.523 4.157L26 10.25V7H10.525c-2.35.2-4.2 2.25-4.375 4.85-.1 1.4-.15 2.8-.15 4.175 0 1.315.046 1.97.137 3.224l.013.176c.175 2.6 2.025 4.65 4.375 4.85z"/> </svg> </i> </a> </li> <li class="hover:u-bg-gray-900 u-rounded-sm" data-controller="tooltip" data-tooltip="KnowledgeBase - Guide and educate customers" data-tooltip-placement="bottom" style="line-height: 0;"> <a href="https://www.knowledgebase.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-text-gray-700 hover:u-color-knowledgebase" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on KnowledgeBase" data-action="track#send"> <i class="u-block" style="width: 32px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M25.918 10.25h-3.2V7c-2.875 0-5.3 1.9-6.725 3.325C14.568 8.9 12.193 7 9.318 7v3.25h-3.25c-.1 2.525-.1 7.276.075 9.3.2 2.326 2.05 4.076 4.325 4.25 1.775.126 3.675.2 5.55.2s3.775-.05 5.55-.2c2.275-.174 4.125-1.924 4.325-4.25.125-2.024.15-6.775.025-9.3zm-3.3 9.026c-.05.675-.6 1.225-1.3 1.275a73.81 73.81 0 01-5.325.175c-1.8 0-3.6-.05-5.325-.175-.725-.05-1.25-.6-1.3-1.275-.15-1.9-.175-6.676-.05-9.026 2.325.025 4.65 2.525 5.35 3.5l1.325 1.825 1.325-1.825c.7-.975 3.075-3.475 5.4-3.5.1 2.35.05 7.125-.1 9.026z"/> </svg> </i> </a> </li> </ul> </div> <div class="u-px-md u-mb-sm u-mt-auto"> <button class="c-btn v--secondary v--sm u-text-p8-bold u-w-full" id="open-subscribe-modal" type="submit">Newsletter <svg class="u-ml-xs u--mb-3xs" xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 20 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M.5 0h19v14H.5V0zm1.6 5.2v7.2h15.8V5L10 9.1l-7.9-4zm0-1.8L10 7.3l7.9-4V1.5H2.1v1.8z" style="fill: currentColor;"/></svg></button> <div class="u-flex u-flex-row u-justify-between u-mt-md"> <a class="u-text-p9 u-inline-block" href="/success/contribute/">Write for us</a> <a class="u-text-p9 u-inline-block" href="/success/authors/">Authors</a> </div> </div> <div class="u-flex u-items-center u-justify-center u-mb-sm u-px-md success-nav__social-links"> <a href="https://www.facebook.com/SubscribeSuccess" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Facebook" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0a8 8 0 011.25 15.9v-5.59h1.86L11.47 8H9.25V6.5c0-.63.31-1.25 1.3-1.25h1.01V3.28s-.91-.15-1.79-.15c-1.83 0-3.02 1.1-3.02 3.1V8H4.72v2.31h2.03v5.6A8 8 0 018 0z" fill="currentColor"/> </svg> </a> <a href="https://www.instagram.com/subscribe_success/" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Instagram" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0c3.26 0 3.67.01 4.95.07a8.8 8.8 0 0 1 2.91.56c.79.3 1.46.72 2.13 1.38a5.88 5.88 0 0 1 1.38 2.13c.3.76.5 1.64.56 2.91.06 1.28.07 1.7.07 4.95 0 3.26-.01 3.67-.07 4.95a8.8 8.8 0 0 1-.56 2.91c-.3.79-.72 1.46-1.38 2.13a5.88 5.88 0 0 1-2.13 1.38c-.76.3-1.64.5-2.91.56-1.28.06-1.7.07-4.95.07-3.26 0-3.67-.01-4.95-.07a8.8 8.8 0 0 1-2.91-.56 5.88 5.88 0 0 1-2.13-1.38 5.88 5.88 0 0 1-1.38-2.13 8.8 8.8 0 0 1-.56-2.91A85.12 85.12 0 0 1 0 12c0-3.26.01-3.67.07-4.95a8.8 8.8 0 0 1 .56-2.91c.3-.79.72-1.46 1.38-2.13A5.88 5.88 0 0 1 4.14.63 8.8 8.8 0 0 1 7.05.07C8.33.01 8.75 0 12 0zm4.85 2.23A83.28 83.28 0 0 0 12 2.16c-3.2 0-3.58.01-4.85.07-1.17.06-1.8.25-2.23.42-.56.21-.96.47-1.38.9-.42.41-.68.81-.9 1.37a6.64 6.64 0 0 0-.4 2.23A83.28 83.28 0 0 0 2.15 12c0 3.2.01 3.58.07 4.85.06 1.17.25 1.8.42 2.23.21.56.47.96.9 1.38.41.42.81.68 1.37.9.43.16 1.06.35 2.23.4 1.27.07 1.65.08 4.85.08 3.2 0 3.58-.01 4.85-.07a6.64 6.64 0 0 0 2.23-.42c.56-.21.96-.47 1.38-.9.42-.41.68-.81.9-1.37.16-.43.35-1.06.4-2.23.07-1.27.08-1.65.08-4.85 0-3.2-.01-3.58-.07-4.85a6.64 6.64 0 0 0-.42-2.23 3.72 3.72 0 0 0-.9-1.38 3.72 3.72 0 0 0-1.37-.9 6.64 6.64 0 0 0-2.23-.4zM12 5.83a6.16 6.16 0 1 1 0 12.33 6.16 6.16 0 0 1 0-12.32zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://twitter.com/intent/follow?screen_name=Success__Team" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Twitter" data-action="track#send" ><svg width="16" height="15" viewBox="0 0 24 20" xmlns="http://www.w3.org/2000/svg"><path d="M21.2 3A5 5 0 0 0 23.3.5c-1 .5-2 1-3 1.2A5 5 0 0 0 11.7 6 14 14 0 0 1 1.7 1a4.9 4.9 0 0 0 1.5 6.6c-.8 0-1.6-.3-2.2-.6a5 5 0 0 0 4 4.8 5 5 0 0 1-2.3.1 5 5 0 0 0 4.6 3.5 9.9 9.9 0 0 1-7.3 2A14 14 0 0 0 21.5 4.9 10 10 0 0 0 24 2.3c-.9.4-1.8.7-2.8.8z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://www.linkedin.com/showcase/success-by-livechat/" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="LinkedIn" data-action="track#send" ><svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.45 20.45H16.9v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.95v5.66H9.35V9h3.41v1.56h.05a3.74 3.74 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM3.55 20.45h3.57V9H3.55v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.22.8 24 1.77 24h20.45c.98 0 1.78-.78 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://www.youtube.com/channel/UCVBKToMYvBpZybYlJQEnHOA?sub_confirmation=1" class="u-text-gray-600 hover:u-text-gray-300 u-mx-3xs u-my-xs u-basis-2 u-p-2xs" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="YouTube" data-action="track#send" ><svg width="16" height="13" viewBox="0 0 24 17" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 11.6V4.8L16 8.2l-6.5 3.4zm14.3-8s-.3-1.6-1-2.3c-1-1-2-1-2.4-1C17 0 12 0 12 0S7 0 3.6.2c-.5.1-1.5.1-2.4 1-.7.8-1 2.4-1 2.4l-.2 4v1.7l.2 4s.3 1.6 1 2.3c1 1 2.1 1 2.6 1 2 .2 8.2.3 8.2.3s5 0 8.4-.3c.5 0 1.5 0 2.4-1 .7-.7 1-2.4 1-2.4l.2-3.9V7.5c0-2-.2-3.9-.2-3.9z" fill="currentColor" fill-rule="evenodd"/></svg> </a> </div> </div> </nav> <nav class="lg:u-hidden u-flex-col success-mobile-nav"> <div data-controller="show-hide"> <div class="u-relative u-flex u-justify-between u-px-md u-border-b u-border-gray-900 u-pt-md u-pb-sm"> <a href="/success/"> <img src="/success/success-by-livechat-logo.svg" width="100" class="success-logo u-m-0" alt="Success by LiveChat Logo"> </a> <div class="success-mobile-search u-Mb-2xs" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6" data-controller="search-input"> <div class="success-search__results v--mobile u-rounded-b u-bg-white" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" class="success-mobile-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change click->search-input#show click->show-hide#hide" > <button class="success-search__clear v--hidden" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear click->search-input#hide" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> </button> </div> </div> <button class="c-navbar__button u-text-p8-bold u-relative" aria-expanded="false" data-target="show-hide.button" data-action="show-hide#toggle"> MENU <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" width="20" class="u-ml-xs"> <g fill="none" stroke="currentColor" stroke-linecap="square"> <path d="M1 3.5h15" class="c-navbar__button__bar" /> <path d="M1 8h15" class="c-navbar__button__bar" /> <path d="M1 12.5h15" class="c-navbar__button__bar" /> </g> </svg> </button> </div> <div class="success-mobile-nav__menu" data-target="show-hide.content" hidden> <div> <ul class="success-nav__categories u-p-0 u-m-0"> <li><a href="/success/news/" class="c-menu__item v--top">#Know</a></li> <li><a href="/success/sell/" class="c-menu__item v--top">Sell</a></li> <li><a href="/success/support/" class="c-menu__item v--top">Support</a></li> <li><a href="/success/grow/" class="c-menu__item v--top">Grow</a></li> <li><a href="/success/connect/" class="c-menu__item v--top">Connect</a></li> <li data-controller="show"> <div class="u-relative"> <a href="/success/video/" data-action="show#toggle" class="c-menu__item v--top"> <span class="u-inline-block ">Watch</span> <svg class="u-ml-xs u--mb-3xs" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> <g fill="#000"> <path clip-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" fill-rule="evenodd"/> <path d="M11 8l-4.5 2.6V5.4z"/> </g> </svg> </a> </div> </li> <li data-controller="show"> <div class="u-relative"> <a href="#" data-action="show#toggle" class="c-menu__item v--top"> <span class="u-inline-block ">Topics</span> </a> <button class="success-mobile-nav__toggle-dropdown" data-action="show#toggle" aria-expanded="false"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> </div> <ul class="c-list u-pl-0 u-text-p7 mobile-sub-menu" data-target="show.content" hidden> <li> <div class="u-relative c-menu__item v--top"> <a href="#" data-action="show#toggle" class="u-pl-xl"> <span class="u-inline-block ">Topics</span> </a> <button class="success-mobile-nav__toggle-dropdown v--left" data-action="show#toggle" aria-expanded="false"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> </svg> </button> </div> </li> <li> <a href="/success/topics/customer-service/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Customer service</span> </a> </li> <li> <a href="/success/topics/online-sales/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Online Sales</span> </a> </li> <li> <a href="/success/topics/ecommerce/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Ecommerce</span> </a> </li> <li> <a href="/success/topics/online-marketing/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Online Marketing</span> </a> </li> <li> <a href="/success/topics/customer-experience/" class="u-py-sm u-px-lg u-border-b u-block" > <span class="u-inline-block ">Customer experience</span> </a> </li> </ul> </li> </ul> </div> <div class="u-mt-md"> <p class="u-text-p10 u-px-lg u-py-md u-text-gray-400">DISCOVER OUR PRODUCTS</p> <ul class="u-p-0 u-m-0" style="list-style: none"> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.livechat.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-livechat" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on LiveChat" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M21.316 9.664a76.785 76.785 0 00-10.615 0 1.393 1.393 0 00-1.308 1.265c-.172 2.142-.195 5.35-.037 7.49.052.707.673 1.314 1.512 1.314H13.5v3.246l-2.627-.002c-2.409 0-4.571-1.785-4.758-4.318-.17-2.307-.147-5.682.039-7.99.186-2.313 2.045-4.084 4.314-4.247a80.032 80.032 0 0111.08 0c2.27.163 4.13 1.934 4.315 4.247.186 2.308.177 5.683.007 7.99-.187 2.533-2.344 4.326-4.753 4.326l-2.6-.002-5.017 3.246v-3.25l5.018-3.246h2.6c.839 0 1.46-.607 1.511-1.313.158-2.14.167-5.349-.005-7.49a1.393 1.393 0 00-1.308-1.266z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">LiveChat</span> <span class="u-text-p7">Connect with Customers</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.chatbot.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-chatbot" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on ChatBot" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M12.018 13.595c-.351-.15-.768.105-.768.487v1.957c0 .272.147.522.393.638.749.352 2.476 1.053 4.356 1.053 1.881 0 3.608-.7 4.357-1.053a.696.696 0 00.393-.637v-1.958c0-.382-.417-.637-.768-.487-.867.369-2.367.885-3.982.885-1.614 0-3.114-.516-3.981-.885z"/> <path fill="currentColor" fill-rule="evenodd" d="M10.873 22.977l2.627.002v3.25l5.018-3.246 2.599.002c2.409 0 4.566-1.793 4.753-4.326.17-2.307.178-5.682-.007-7.99-.186-2.313-2.045-4.084-4.314-4.247a80.032 80.032 0 00-11.08 0c-2.27.163-4.13 1.934-4.315 4.247-.186 2.308-.21 5.683-.04 7.99.188 2.533 2.35 4.318 4.76 4.318zm-.172-13.313a76.785 76.785 0 0110.615 0 1.393 1.393 0 011.308 1.265c.172 2.142.163 5.35.005 7.49-.052.707-.672 1.314-1.512 1.314h-2.6L13.5 22.979v-3.246h-2.632c-.84 0-1.46-.607-1.512-1.313-.158-2.14-.135-5.349.037-7.49a1.393 1.393 0 011.308-1.266z" clip-rule="evenodd"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">ChatBot</span> <span class="u-text-p7">Automate customer service with AI</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.helpdesk.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-helpdesk" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on HelpDesk" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M10.525 24.275c1.825.15 3.65.225 5.475.225 1.825 0 3.65-.075 5.475-.2 2.35-.2 4.2-2.25 4.375-4.85l.015-.208c.09-1.258.135-1.886.135-3.19v-2.524l-3.25 2.825c-.023 1.198.027 1.512-.05 2.536l-.027.354c-.075.975-.675 1.775-1.4 1.825-3.5.3-6.998.282-10.498-.018-.725-.05-1.325-.85-1.4-1.825l-.022-.294c-.085-1.12-.128-1.706-.128-2.906v-.027c.025-1.291.05-2.607.15-3.923.075-.95.65-1.725 1.35-1.825h10.368l-4.94 4.338-2.125-1.954-2.427 2.131 4.523 4.157L26 10.25V7H10.525c-2.35.2-4.2 2.25-4.375 4.85-.1 1.4-.15 2.8-.15 4.175 0 1.315.046 1.97.137 3.224l.013.176c.175 2.6 2.025 4.65 4.375 4.85z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">HelpDesk</span> <span class="u-text-p7">Support customers with tickets</span> </span> </a> </li> <li class="c-menu__item hover:u-bg-gray-900"> <a href="https://www.knowledgebase.com/?utm_source=success&utm_medium=referral&utm_campaign=productnavsection" target="_blank" class="u-flex u-items-center u-px-md u-color-knowledgebase" style="text-decoration: none;" data-controller="track" data-track-category="Product Nav Section" data-track-action="Link Click" data-track-label="Clicked on KnowledgeBase" data-action="track#send"> <i class="u-flex" style="width: 48px;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" d="M25.918 10.25h-3.2V7c-2.875 0-5.3 1.9-6.725 3.325C14.568 8.9 12.193 7 9.318 7v3.25h-3.25c-.1 2.525-.1 7.276.075 9.3.2 2.326 2.05 4.076 4.325 4.25 1.775.126 3.675.2 5.55.2s3.775-.05 5.55-.2c2.275-.174 4.125-1.924 4.325-4.25.125-2.024.15-6.775.025-9.3zm-3.3 9.026c-.05.675-.6 1.225-1.3 1.275a73.81 73.81 0 01-5.325.175c-1.8 0-3.6-.05-5.325-.175-.725-.05-1.25-.6-1.3-1.275-.15-1.9-.175-6.676-.05-9.026 2.325.025 4.65 2.525 5.35 3.5l1.325 1.825 1.325-1.825c.7-.975 3.075-3.475 5.4-3.5.1 2.35.05 7.125-.1 9.026z"/> </svg> </i> <span class="u-flex u-flex-col u-items-start u-text-black u-ml-xs "> <span class="u-text-p6-bold">KnowledgeBase</span> <span class="u-text-p7">Guide and educate customers</span> </span> </a> </li> </ul> </div> <div class="u-px-lg u-py-xl u-bg-gray-900"> <form action="https://livechatinc.us2.list-manage.com/subscribe/post" method="POST" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Newsletter subscription" data-track-label="Mobile navigation" data-action="track#send" > <input type="hidden" name="u" value="9c5eb54aa9b2efe23531b3e09"> <input type="hidden" name="id" value="68e71cd045"> <input type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="newsletter-mobile-MERGE0" class="u-text-p8 u-mb-md success-subscribe__input success-subscribe__email v--right " placeholder="Enter your email"> <button type="submit" class="c-btn v--dark u-w-full" placeholder="enter email">Subscribe</button> </form> </div> <div class="u-mb-md"> <ul class="success-nav__categories u-p-0 u-m-0 u-mb-lg u-border-t"> <li><a href="/success/authors/" class="u-block u-border-b u-text-p6 u-px-lg u-py-sm">Authors</a></li> <li><a href="/success/contribute/" class="u-block u-border-b u-text-p6 u-px-lg u-py-sm">Write for us</a></li> </ul> </div> <p class="u-text-p10 u-text-center u-text-gray-600">Follow us</p> <div class="u-flex u-items-center u-justify-center u-flex-wrap u-mb-lg"> <a href="https://www.facebook.com/SubscribeSuccess" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Facebook" data-action="track#send" ><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"> <path fill="currentColor" fill-rule="evenodd" d="M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16c0 6.9 4.992 12.635 11.562 13.788v-9.506H10V16.33h3.562V13.32C13.562 9.893 15.655 8 18.86 8c1.535 0 3.14.267 3.14.267v3.364h-1.77c-1.742 0-2.285 1.055-2.285 2.136v2.563h3.89l-.621 3.952h-3.269v9.552A14.454 14.454 0 0116 30z" clip-rule="evenodd"/> </svg> </a> <a href="https://www.instagram.com/subscribe_success/" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Instagram" data-action="track#send" ><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.065.06C7.117.01 7.453 0 10.133 0c2.68 0 3.016.011 4.068.06 1.05.047 1.768.214 2.395.458.65.252 1.2.59 1.748 1.138a4.838 4.838 0 011.138 1.748c.244.627.41 1.345.459 2.395.048 1.052.059 1.388.059 4.068 0 2.68-.011 3.015-.06 4.068-.047 1.05-.214 1.767-.458 2.395-.252.649-.59 1.199-1.138 1.748a4.836 4.836 0 01-1.748 1.138c-.627.243-1.345.41-2.395.458-1.052.048-1.388.06-4.068.06-2.68 0-3.016-.012-4.068-.06-1.05-.048-1.767-.215-2.395-.458a4.836 4.836 0 01-1.748-1.138A4.836 4.836 0 01.784 16.33c-.244-.628-.41-1.345-.458-2.395-.048-1.053-.06-1.389-.06-4.068 0-2.68.012-3.016.06-4.068.048-1.05.214-1.768.458-2.395.252-.65.59-1.2 1.138-1.748A4.836 4.836 0 013.67.518C4.298.274 5.015.108 6.065.059zm9.889 2.115c-.348-.135-.87-.296-1.833-.34-1.04-.047-1.352-.057-3.987-.057-2.634 0-2.946.01-3.987.057-.962.044-1.484.205-1.832.34-.46.179-.789.393-1.134.738-.346.345-.56.674-.738 1.135-.135.347-.296.87-.34 1.832-.048 1.04-.058 1.352-.058 3.987 0 2.634.01 2.946.058 3.987.044.962.205 1.484.34 1.832.179.46.393.79.738 1.134.345.346.674.56 1.134.738.348.136.87.296 1.832.34 1.04.048 1.353.058 3.987.058 2.635 0 2.947-.01 3.987-.058.962-.044 1.485-.204 1.832-.34.461-.178.79-.392 1.135-.738.345-.345.56-.674.738-1.134.135-.348.296-.87.34-1.832.047-1.04.057-1.353.057-3.987 0-2.635-.01-2.947-.057-3.987-.044-.962-.205-1.485-.34-1.832a3.057 3.057 0 00-.738-1.135 3.056 3.056 0 00-1.135-.738zM10.14 4.8a5.067 5.067 0 100 10.134 5.067 5.067 0 000-10.134zM6.847 9.866a3.289 3.289 0 106.577 0 3.289 3.289 0 00-6.577 0zm8.556-4.082a1.184 1.184 0 100-2.368 1.184 1.184 0 000 2.368z" fill="currentColor"/> </svg> </a> <a href="https://twitter.com/intent/follow?screen_name=Success__Team" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="Twitter" data-action="track#send" ><svg width="27" height="21" viewBox="0 0 27 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27 2.5c-1 .4-2 .7-3.2.8 1.2-.6 2-1.7 2.5-3-1.1.7-2.3 1.1-3.6 1.4-1-1-2.4-1.7-4-1.7-3 0-5.5 2.4-5.5 5.3l.1 1.2A16 16 0 011.9 1 5 5 0 001 3.6c0 1.9 1 3.5 2.5 4.4-1 0-1.8-.2-2.5-.6C1 10 3 12.2 5.5 12.6a5.8 5.8 0 01-2.5.1 5.5 5.5 0 005.2 3.7A11.4 11.4 0 010 18.6C2.5 20.1 5.4 21 8.5 21c10.2 0 15.7-8 15.7-15v-.8c1.1-.7 2-1.7 2.8-2.7z" fill="currentColor"/> </svg> </a> <a href="https://www.linkedin.com/showcase/success-by-livechat/" class="u-text-black u-mx-sm u-my-xs success-mobile-nav__social__icon" target="_blank" data-controller="track" data-track-category="Success" data-track-action="Follow" data-track-label="LinkedIn" data-action="track#send" ><svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.3 15.4V25h-5.7v-9c0-2.3-.8-3.9-2.8-3.9-1.6 0-2.5 1-2.9 2-.2.4-.2 1-.2 1.4v9.5H9.1v-17h5.6v2.5c.8-1.2 2-2.8 5-2.8 3.8 0 6.6 2.4 6.6 7.6zM3.2 0C1.2 0 0 1.3 0 3c0 1.5 1.2 2.9 3.1 2.9 2 0 3.2-1.4 3.2-3S5.1 0 3.2 0zM.3 25.1H6v-17H.3v17z" fill="currentColor"/> </svg> </a> </div> <div class="u-text-center u-mb-lg"> <a href="https://www.youtube.com/channel/UCVBKToMYvBpZybYlJQEnHOA?sub_confirmation=1" target="_blank" class="c-btn v--secondary" data-controller="track" data-track-category="Success" data-track-action="Subscribe" data-track-label="Subscribe to YouTube button" data-action="track#send" > <span class="u-text-signup u-relative u-mr-2xs" style="top:3.5px;"><svg width="27" height="19" viewBox="0 0 27 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4 12.6V5.3L17.5 9l-7 3.6zM26 4s-.3-1.8-1-2.6c-1-1-2.2-1-2.7-1.1-3.6-.3-9.2-.3-9.2-.3S7.6 0 4 .3c-.5 0-1.6 0-2.6 1C.5 2.3.3 4 .3 4S0 6 0 8.2v2c0 2.2.3 4.3.3 4.3s.2 1.8 1 2.6c1 1 2.3 1 2.9 1.1a184.6 184.6 0 0018.1 0c.5 0 1.7 0 2.7-1.1.7-.8 1-2.6 1-2.6s.3-2.1.3-4.3v-2c0-2-.3-4.2-.3-4.2z" fill="currentColor"/> </svg> </span> Subscribe to our channel </a> </div> </div> </div> </nav> <div id="subscribe-modal" class="success-modal u-hidden" aria-hidden="true"> <div class="success-modal--overlay" tabindex="0" data-micromodal-close> <div class="success-modal--dialog u-maxw-8 md:u-maxw-6 u-text-center u-rounded" role="dialog" aria-modal="true"> <button class="success-modal--close" aria-label="Close modal" data-micromodal-close><svg width="32" height="32" viewBox="0 0 16 16" fill="none" data-micromodal-close class="u-w-auto u-hover-lift u-shadow u-round u-m-0" xmlns="http://www.w3.org/2000/svg"> <title>Close</title> <circle cx="8" cy="8" r="8" data-micromodal-close fill="#fff"/> <path data-micromodal-close stroke="#1B1B20" d="M5.24 5.1l5.66 5.66M10.9 5.24L5.24 10.9"/> </svg> </button><div> <div class="u-rounded u-bg-white u-text-black u-text-center u-Py-sm sm:u-Py-md md:u-Py-lg u-px-sm sm:u-Px-md md:u-Px-xl"> <div class="o-container"> <div class="u-px-0"> <img src="/success/subscribe-3.svg" alt="" style="max-width: 335px;" class="u-Mb-sm" /> <p class="u-text-p3 u-mb-md u-text-center">Success in your inbox</p> <p class="u-text-p5 u-text-center">Get monthly insights handpicked by our editorial team. Act on it.</p> <form action="https://livechatinc.us2.list-manage.com/subscribe/post" method="POST" target="_blank" class="md:u-flex u-maxw-6 u-mx-auto" data-controller="track" data-track-category="Success" data-track-action="Newsletter subscription" data-track-label="Main navigation" data-action="track#send" > <input type="hidden" name="u" value="9c5eb54aa9b2efe23531b3e09"> <input type="hidden" name="id" value="68e71cd045"> <input type="email" required autocapitalize="off" autocorrect="off" name="MERGE0" id="main-navigation-MERGE0" class="u-text-p8 success-subscribe__input success-subscribe__email v--right u-basis-8 md:u-mr-md u-mb-md md:u-mb-0" placeholder="What's your email?"> <button type="submit" class="c-btn v--dark u-basis-4 u-w-full" placeholder="enter email">Subscribe</button> </form> </div> </div> </div> </div> </div> </div> </div> <main data-controller="attribute" class="success-main"> <div class="post-progress"></div> <script> var progress = document.querySelector(".post-progress"); var h = document.documentElement, b = document.body, st = 'scrollTop', sh = 'scrollHeight'; window.addEventListener("scroll", function () { var percent = (h[st]||b[st]) / ((h[sh]||b[sh]) - h.clientHeight) * 100; progress.style.setProperty('--scroll', percent + '%'); }); </script> <div data-controller="attribute cookie-toggle cookie-style" data-attribute-add-class="u-hidden" data-target="attribute.element cookie-style.hideElement" data-cookie-name="success-banner-hidden-mobile" data-cookie-days="14"> <div class="success-product-banner-wrapper lg:u-hidden"> <div class="success-product-banner v--livechat b--u-py-2"> <div class="b--u-mbn-4 b--u-mr-2 u-text-right"> <a href="#" class="u-inline-block u-relative" data-action="cookie-toggle#setCookieTrue attribute#addClass"><svg fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><rect width="24" height="24" rx="12" fill="#3B3B43"/><path d="M18 6 6 18M6 6l12 12" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><rect x=".5" y=".5" width="23" height="23" rx="11.5" stroke="#3B3B43"/><defs><clipPath id="a"><rect width="24" height="24" rx="12" fill="#fff"/></clipPath></defs></svg></a> </div> <div class="o-container"> <div class="u-justify-between b--u-px-3"> <div class="u-text-center u-basis-9"> <p class="u-text-xs u-text-p6-bold b--u-mb-1">LiveChat helps you delight your customers and fuels your sales.</p> </div> <div class="u-text-center u-basis-3"> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--sm v--signup" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> </div> </div> </div> </div> </div> </div> <div data-controller="cookie-toggle cookie-style" data-attribute-remove-class="lg:u-block" data-attribute-add-class="u-hidden" data-target="attribute.element cookie-style.hideElement" data-cookie-name="success-banner-hidden" data-cookie-days="14" class="" > <div class="u-relative success-product-banner-wrapper u-hidden lg:u-block" style="z-index: 12;"> <div class="success-product-banner v--livechat b--u-py-1.5"> <div class="b--u-mbn-3 b--u-mr-2 u-text-right"> <a href="#" class="u-inline-block u-relative" data-action="attribute#addClass attribute#removeClass cookie-toggle#setCookieTrue"><svg fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g clip-path="url(#a)"><rect width="24" height="24" rx="12" fill="#3B3B43"/><path d="M18 6 6 18M6 6l12 12" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><rect x=".5" y=".5" width="23" height="23" rx="11.5" stroke="#3B3B43"/><defs><clipPath id="a"><rect width="24" height="24" rx="12" fill="#fff"/></clipPath></defs></svg></a> </div> <div class="o-container"> <div class="md:u-flex u-items-center u-justify-between"> <div class="u-text-center md:u-text-left u-basis-6"><img src="/success/images/product-marketing/logo-livechat.9c8af95f9790c09d05fd0a970afcb0d48ffc8a548325e769ff629f64016c0bc3.png" alt="" class="u-ml-0 b--u-mb-1.5" style="width: 82px"> <p class="b--u-text-xl b--u-mb-1.5">Connect with customers</p> <p class="b--u-text-sm b--u-mb-1.5">LiveChat is a complete customer service platform that delights your customers and fuels your sales.</p> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--signup b--u-mb-1.5" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> <div class="sm:u-flex u-items-center sm:u-text-left"> <p class="b--u-text-xs b--u-text-black-600 b--u-my-1.5">Trusted by <strong>36,000+</strong> companies</p> <div class="b--u-pl-3 u-basis-12"><img src="/success/images/product-marketing/logos-big-livechat.ded8419d0d3e6ab5a8fffce8714ab867bdf7b9299408be19cf031f8c191dc755.png" alt="" class="u-ml-0" style="width: 271px"> </div> </div> </div> <div class="u-text-center u-basis-6"><img src="/success/images/product-marketing/image-livechat.72dacda531c3613b080e56b8660540505f85eb4b548795c2fb2f16e4717e3284.png" alt="" style="width: 351px"> </div> </div> </div> </div> </div> </div> <div class="u-relative success-product-banner-wrapper u-hidden lg:u-block v--sticky" style="z-index: 11;"> <div class="u-hidden" data-controller="cookie-style" data-target="cookie-style.showElement attribute.element" data-cookie-name="success-banner-hidden" data-attribute-remove-class="u-hidden"> <div class="success-product-banner v--livechat b--u-py-3"> <div class="o-container"> <div class="md:u-flex u-items-center u-justify-between"> <div class="u-text-center md:u-text-left u-basis-9"> <p class="u-text-p6-bold u-mb-0">LiveChat helps you delight your customers and fuels your sales.</p> </div> <div class="u-text-right u-basis-3"> <a href="https://accounts.livechat.com/signup&source_id=header_cta&source_type=website&source_url=https://www.livechat.com/success/" class="c-btn v--signup" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="Product marketing banner (top)" data-action="track#send" >Signup for free</a> </div> </div> </div> </div> </div> </div> <article class="post-grid v--w-image b--u-pt-3 b--lg:u-pt-12 b--lg:u-pt-10" role="main" data-controller="article-aside"> <div class="float-share__list-item success-floating-search u-hidden lg:u-block"> <div class="u-hidden lg:u-block success-search" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6 u-relative" data-controller="search-input"> <div class="success-search__results u-bg-white u-rounded-b" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" id="search" class="success-search__input success-floating-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change" > <button class="success-search__clear v--hidden t-tooltip" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> <span class="t-tooltiptext-bottom">Clear search and close</span> </button> </div> </div> </div> <div class="u-hidden lg:u-block success-search" data-controller="algolia-search" data-app-id="QWAPZX0OJM" data-search-key="2062a0be5e3f72c03387888d0dcb8830" data-search-index="success" > <div class="u-maxw-6 u-relative" data-controller="search-input"> <div class="success-search__results u-bg-white u-rounded-b" data-target="algolia-search.resultsWrapper"> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b success-search__count u-hidden" data-target="algolia-search.resultsCountWrapper"> <p class="u-text-p9-bold u-mb-0 "> <span data-target="algolia-search.resultsMax" class="u-hidden">Showing top <span data-target="algolia-search.resultsCount">0</span> results</span> <span data-target="algolia-search.resultsNumber"><span data-target="algolia-search.resultsCount">0</span> results found</span> </p> </div> <div data-target="algolia-search.results" data-action="keydown->algolia-search#navigate"></div> </div> <input type="search" autocomplete="off" name="query" id="search" class="success-search__input" placeholder="Search articles, videos and news" data-target="algolia-search.search search-input.searchInput" data-action="click->algolia-search#openResults keydown->algolia-search#jumpToFirstResult input->search-input#change" > <button class="success-search__clear v--hidden t-tooltip" title="Clear search" data-target="search-input.clear" data-action="click->search-input#clear" > <svg width="14" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Clear search</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#ABABB1"/> </svg> <span class="t-tooltiptext-bottom">Clear search</span> </button> </div> </div> <div class="post-header"> <div itemscope itemtype="http://schema.org/BreadcrumbList"> <div class="u-hidden" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="/success/call-to-action-examples/"> <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">15 Best Call To Action Examples</h1> <meta itemprop="position" content="3" /> </div> </div> <div class="u-flex u-flex-wrap u-Mt-sm md:u-Mt-md u-mb-md u-text-p8 u-text-gray-700"><div class="u-flex u-items-center u-basis-12 md:u-basis-auto md:u-mr-lg u-mb-lg md:u-mb-0"> <div class="success-authors-info u-flex u-items-center"><div class="u-flex success-authors-info__avatars "> <a href="/success/authors/jacob-firuta/" 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/jacob-firuta.jpg" class="u-w-fit u-ml-0 u-round success-authors-info__avatars__img u-mr-sm" style="width: 48px;" width="48"></a href="/success/authors/jacob-firuta/" class="success-authors-info__avatars__a"></div><a href="/success/authors/jacob-firuta/" class="u-text-p8 success-authors-info__a">Jacob Firuta</a href="/success/authors/jacob-firuta/" class="u-text-p8 success-authors-info__a"></div> </div><div class="u-flex u-items-center u-mr-lg sm:u-mr-xl"> <img src="/success/icons/time-to-read.svg" class="u-w-fit u-mr-xs u-ml-0 u--mt-3xs" alt="" width="20"> <span>10 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>Jul 27, 2024</span> </div> </div> </div> <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1300,h_500,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2016/07/call-to-action-examples.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_320/https://success-cms.labs.livechatinc.com/app/uploads/2016/07/call-to-action-examples.jpg 320w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_776/https://success-cms.labs.livechatinc.com/app/uploads/2016/07/call-to-action-examples.jpg 776w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_1232/https://success-cms.labs.livechatinc.com/app/uploads/2016/07/call-to-action-examples.jpg 1232w,https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,q_auto,w_1688/https://success-cms.labs.livechatinc.com/app/uploads/2016/07/call-to-action-examples.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=15%20Best%20Call%20To%20Action%20Examples&via=Success__Team&url=https://www.livechat.com/success/call-to-action-examples/" 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/call-to-action-examples/" 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/call-to-action-examples/" 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/call-to-action-examples/" 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/call-to-action-examples/</textarea> </li> </ul> </div> <p>Each and every call to action on your website serves a specific purpose. You can use various call to action methods to make them more effective.</p> <p>Here are <strong>the best call to action examples</strong> from top online companies you can use on your website to boost sales, signups and generally make the life of your website visitors easier.</p> <h2 class="block-heading u-text-p4" >1. Paypal: Letting users know what will happen</h2> <p><a href="https://www.paypal.com/us/webapps/mpp/home" target="_blank" rel="noopener noreferrer nofollow">Paypal</a> offers a neat CTA for users who want to learn a bit more about how the service operates. They decided to go for short introductory video that explains what’s what.</p> <p>What’s interesting about this call to action example is the way Paypal <strong>let’s users know what will happen</strong> after pressing the button. Here's how the CTA looks like:</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/2016/07/call-to-action-examples-paypal@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-paypal@2x.jpg 2x" alt="Call to action examples: Intuitive Play CTA" loading="lazy"> </figure> <p>The addition of the small ‘play’ sign informs the visitor that the CTA opens up a video.</p> <p>Letting your website visitors know what will happen after pressing a CTA <strong>makes the navigation</strong> on your website <strong>a lot easier</strong>. They can make more informed decisions how to proceed further down the funnel and don’t have to guess what they should do next.</p> <h2 class="block-heading u-text-p4" >2. Skype: Pointing to the more sticky option</h2> <p><a href="https://www.skype.com/en/" target="_blank" rel="noopener noreferrer nofollow">Skype</a> offers two similar CTAs to users who are about to access the app. They can either go for the web version of the application or choose to download a native app.</p> <p>However, one of the options is more prominent than the other. The Skype team decided to make the download CTA more prominent by using a <strong>contrasting color</strong>, which looks way more engaging than the outlines CTA for the web app. Here's how it looks:</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/2016/07/call-to-action-examples-skype@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-skype@2x.jpg 2x" alt="Call to action examples: Sticky download CTA" loading="lazy"> </figure> <p>The reason for this distinction is <a href="https://www.livechat.com/success/customer-retention/#product-stickiness" target="_blank" rel="noopener noreferrer">product stickiness</a>. Getting the app installed on a users machine is way more important for Skype than getting them to use the web app. Once the native desktop app is installed, it’s <strong>always available to the user</strong>. In the case of the web app, they would have to go to the app’s website every time they want to make a call. The easier it is to access the app, the more it will be used.</p> <h2 class="block-heading u-text-p4" >3. Grammarly: Very specific and dynamic CTA</h2> <p>I think this is one of the best examples I managed to find. Here’s how it looks like:</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/2016/07/call-to-action-examples-grammarly-safari@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-grammarly-safari@2x.jpg 2x" alt="Call to action examples: Grammarly CTA on Safari" loading="lazy"> </figure> <p>The <a href="https://www.grammarly.com" target="_blank" rel="noopener noreferrer nofollow">Grammarly</a> team managed to accomplish several tasks with only one CTA:</p> <ul> <li>they showed <strong>how it works</strong> (it's a browser plugin),</li> <li>they <strong>personalized</strong> the button (by showing which browser you're using),</li> <li>they made it <strong>really simple</strong> (just press to add and start using it),</li> <li>they showed that <strong>it’s free</strong> (further removing any restraints you might have).</li> </ul> <p>Out of curiosity, I’ve tried accessing the same site from Chrome and I’ve got a similar CTA but this time it was telling me I should get Grammarly for Chrome. A nice touch that goes a really long way when it comes to the effectiveness of the button. If you have a way to make your CTA personalized like that, you should go for it!</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/2016/07/call-to-action-examples-grammarly-chrome@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-grammarly-chrome@2x.jpg 2x" alt="Call to action examples: Grammarly CTA on Chrome" loading="lazy"> </figure> <h2 class="block-heading u-text-p4" >4. Inbound.org: Header-CTA cooperation</h2> <p>The <a href="https://growth.org/get-started" target="_blank" rel="noopener noreferrer nofollow">Inbound.org signup section</a> is a nice example of <strong>complementing copy</strong>. The header refers to your own marketing growth and the CTA capitalizes on the same message.</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/2016/07/call-to-action-examples-inbound-org@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-inbound-org@2x.jpg 2x" alt="Call to action examples: More header-CTA cooperation" loading="lazy"> </figure> <p>What’s also important, the CTA hints on <strong>immediacy</strong>, which is another popular method that can make your call to actions a bit stronger. You can usually add a modifier like ‘now’ or ‘today’ to push the visitor a little bit more towards action.</p> <h2 class="block-heading u-text-p4" >5: Hubspot: Even more complementing copy</h2> <p>A very similar example that’s been turned up to 11. Hubspot decided to make a <a href="https://website.grader.com/" target="_blank" rel="noopener noreferrer nofollow">very simple landing page for their grader tool</a>. Users can provide their website address and email to get a website graded.</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/2016/07/call-to-action-examples-hubspot@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-hubspot@2x.jpg 2x" alt="Call to action examples: Header-CTA cooperation" loading="lazy"> </figure> <p>The CTA itself could be a simple ‘Try now’ but the Hubspot folks decided to go for something a lot more interesting. The CTA itself refers to the question asked in the header and plays up to the <strong>curiosity</strong> off the reader and tries to capitalize on it. A perfect way to get them interested in the tool.</p> <h2 class="block-heading u-text-p4" >6. Basecamp: A CTA that’s not really a CTA</h2> <p>This is one of the more unorthodox examples I’ve found. <a href="https://basecamp.com" target="_blank" rel="noopener noreferrer nofollow">Basecamp</a> offers a quick signup for on their website. What I initially thought was a CTA turned out to be a header, with a proper CTA below the form.</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/2016/07/call-to-action-examples-basecamp@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-basecamp@2x.jpg 2x" alt="Call to action examples: 'Fake' CTA that draws attention" loading="lazy"> </figure> <p>The shape and color of the header suggest that it’s a clickable button. Since we are really good at spotting patterns, we will automatically notice the button-looking header and will pay attention to the form.</p> <p>If the same-looking button was placed below the form, we would need spot it first and then read what the form is about. By placing it up top, we started paying attention to the form in a more natural top-down order. And since there is a neat <strong>social proof</strong> added just below the CTA-looking header, it’s worth it to ‘trick’ the visitor a bit to get them to see the full story in return.</p> <h2 class="block-heading u-text-p4" >7. Adobe: Upselling while keeping the hierarchy</h2> <p>There’s a ton of different ways you can engage your website visitors and get them to buy or sign up. The problem is, the more methods you use, the higher chance that you will complicate your website flow.</p> <p>To get around that, you need to pay attention to the <strong>hierarchy of information</strong> on your website. And more importantly, the hierarchy of your CTAs.</p> <p><a href="https://www.adobe.com/creativecloud.html" target="_blank" rel="noopener noreferrer nofollow">Adobe</a> is a nice example of how you can have multiple CTAs not competing with each other. When presenting their pricing for their Creative Cloud, they offer a simple ‘Buy’ option and also use an upselling CTA as well.</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/2016/07/call-to-action-examples-adobe@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-adobe@2x.jpg 2x" alt="Call to action examples: Lower hierarchy upselling CTA" loading="lazy"> </figure> <p>This way, users move further down the funnel through the prominent ‘Buy’ CTA and learn about the stock option as well.</p> <h2 class="block-heading u-text-p4" >8. TripAdvisor: Specific CTAs and CTA graphic</h2> <p><a href="https://www.tripadvisor.com" target="_blank" rel="noopener noreferrer nofollow">TripAdvisor</a> is another good example of a website with a very clear CTA:</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/2016/07/call-to-action-examples-tripadvisor@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-tripadvisor@2x.jpg 2x" alt="Call to action examples: Specific action CTA" loading="lazy"> </figure> <p>You instantly know what the search bar is about once you take a glance at the CTA. A ‘Search now’ button would force the user to look for other means of identifying what they can do with this page element, making the search process harder and longer.</p> <p>Another interesting example of a CTA is the ‘Find your flight’ button. It’s a part of the larger graphic that can be clicked to look for flights.</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/2016/07/call-to-action-examples-tripadvisor-find-your-flight@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-tripadvisor-find-your-flight@2x.jpg 2x" alt="Call to action example: TripAdvisor's 'Find your flight' CTA" loading="lazy"> </figure> <p>The TripAdvisor team went for the similar button shape to signify that it’s a CTA, similar to the way how Basecamp did it in example 6. Just imagine how would the CTA look like if the ‘Find a flight’ sign wasn’t a button. It would quickly change from a CTA to a yet another graphic in the eyes of website visitors.</p> <h2 class="block-heading u-text-p4" >9.Amazon: Placing an emphasis on security</h2> <p>It’s one of the simpler call to action examples but it shows how you can give a lot of different reasons for visitors to get interested in your CTA.</p> <p>Since <a href="https://www.amazon.com" target="_blank" rel="noopener noreferrer nofollow">Amazon</a> handles a lot of credit card information of its users, they decided to put the <strong>emphasis on security</strong> in their main CTA.</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/2016/07/call-to-action-examples-amazon@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-amazon@2x.jpg 2x" alt="Call to action examples: Security as added value CTA" loading="lazy"> </figure> <p>My guess is they use <a target="_blank" rel="noopener noreferrer">customer segmentation</a> to get a good idea about their users doubts and want to address the main one with the CTA. They also communicate value in this way. With other similar sites offering a simple ‘Sign up’, it looks like all those competing websites don’t provide a secure connection.</p> <h2 class="block-heading u-text-p4" >10. GoDaddy: Answering the needs of customers</h2> <p>People coming to your website will want to solve a particular problem. They may need a new pair of shoes or want an easier way of handling their taxes.</p> <p>In the case of <a target="_blank" rel="noopener noreferrer">GoDaddy</a>, people coming to their website need domains. By reflecting that need in their CTAs, GoDaddy can convert website visitors into customers easily.</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/2016/07/call-to-action-examples-godaddy@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-godaddy@2x.jpg 2x" alt="Call to action examples: Specific GoDaddy CTA" loading="lazy"> </figure> <p>The very specific ‘Get your .co’ call to action is perfect for that. People will instantly recognize the .co domain, and know what the CTA is about.</p> <p>Apart from that, the less-prominent drop-downs were also prepared with the same idea in mind. Each dropdown <strong>answers a specific need</strong> a customer coming to the website might have.</p> <p>There’s also the cat. It definitely makes the otherwise bland play button a lot more interesting.</p> <h2 class="block-heading u-text-p4" >11. Desk.com: Dealing away with inhibitions</h2> <p>CTAs are a lot like a <strong>tug of war</strong> competition. If you think of all the methods and ways to make your CTAs more appealing as one team, the other would be all those things that drive visitors from clicking.</p> <p>One of such things is doubt. Users can be unsure or worried about a particular aspect of a product. For example, the price. One, very popular way of dealing away with such doubts is adding an information that something can be <strong>tried out for free</strong>.</p> <p>It’s very common for online SaaS businesses to add such an information to their trial sign up CTAs.</p> <p>In this example, <a href="https://www.salesforce.com/solutions/small-business-solutions/help-desk-software/?mc=desk" target="_blank" rel="noopener noreferrer nofollow">Salesforce.com</a>, a popular help desk provider offers such a CTA to get people to try out their free trial.</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/2016/07/call-to-action-examples-desk-com@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-desk-com@2x.jpg 2x" alt="Call to action examples: Free value CTA" loading="lazy"> </figure> <p>Usually, you can also add information about the <strong>trial length</strong> to make it even more appealing, for example:</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">Try LiveChat for free</h2> <p class="b--u-text-sm b--u-mb-1.5">Start a free 14-day trial to test LiveChat features.</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" >Try now</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" >12. Google Sheets: Making decisions easier</h2> <p>When browsing through the <a href="https://www.google.com/sheets/about/" target="_blank" rel="noopener noreferrer nofollow">Google Sheets</a> product page (awesome service by the way), I found an interesting solution to the multiple-app problem.</p> <p>The problem is: how do you display CTAs if you have multiple apps. Usually, app services providers will list several apps, each for a different platform in a row.</p> <p>The Google Sheets team came up with an idea to hide the apps under a drop down:</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/2016/07/call-to-action-examples-google-sheets@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-google-sheets@2x.jpg 2x" alt="Call to action examples: Split download CTA" loading="lazy"> </figure> <p>This is neat because you no longer have to think which app you want to get. By removing that part from the equation, the user only needs to decide if they want to download an app. Once that decision is made, picking a specific app shouldn’t pose a big problem.</p> <h2 class="block-heading u-text-p4" >13. Google AdWords: A consistent choice</h2> <p>Another Google product and another good call to action example. This one is all about consistency.</p> <p>The more different takes, on the same CTA you offer, the more questions a user has. If you have three different CTAs leading to the same place, each one of them has to be understood by the visitor.</p> <p>To make things a bit <strong>simpler</strong>, the team responsible for the <a href="https://ads.google.com/home/" target="_blank" rel="noopener noreferrer nofollow">Google AdWords</a> page decided to use the same CTA on the entire website. Instead of creating unnecessary questions by adding different CTAs, they went with a simple ‘Start now’.</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/2016/07/call-to-action-examples-google-adwords@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-google-adwords@2x.jpg 2x" alt="Call to action examples: Consistent CTA" loading="lazy"> </figure> <h2 class="block-heading u-text-p4" >14. Dropbox: Facilitating immediate action</h2> <p>The CTA for the <a href="https://www.dropbox.com/" target="_blank" rel="noopener noreferrer nofollow">Dropbox</a> mobile application removes a few actions a user would have to take to get the app:</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/2016/07/call-to-action-examples-dropbox@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-dropbox@2x.jpg 2x" alt="Call to action examples: Immediate action CTA" loading="lazy"> </figure> <p>By providing their mobile phone number and clicking on the CTA, Dropbox users can get <strong>immediate access</strong> to the mobile app. This would normally require a couple more steps. Thanks to the added element of immediacy, this CTA is really powerful.</p> <p>There’s also a smaller CTA for people preferring to get the same app via email. The alternative is nice, considering that it can be used to ‘save’ the link to the app for later.</p> <h2 class="block-heading u-text-p4" >15. Dropbox Business: CTA for qualified users</h2> <p>Another example from Dropbox. This one is about their <a href="https://www.dropbox.com/business" target="_blank" rel="noopener noreferrer nofollow">Dropbox Business</a> product. On the pricing page, there are <strong>two types of CTAs</strong> available. The first two are about starting a trial of the product. This is probably how most users start their experience with Dropbox.</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/2016/07/call-to-action-examples-dropbox-business@2x.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_1472/https://www.livechat.com/wp-content/uploads/2016/07/call-to-action-examples-dropbox-business@2x.jpg 2x" alt="Call to action examples: Alternative CTA for qualified leads" loading="lazy"> </figure> <p>In the case of the business plan, there’s also a smaller CTA that allows users to make a purchase immediately. In the case of <strong>very qualified users</strong>, this makes sense because they’ve probably already tested it our or know the benefits of the service.</p> <p>Offering a CTA that recognizes that and moving straight to business allows qualified customers to save time by making an immediate purchase.</p> <h2 class="block-heading u-text-p4" >What are your favorite call to action examples</h2> <p>Know of any interesting call to action examples? Make sure to share in the comment section.</p> <p>Just think about the last call to action you clicked and why you did it. That’s probably a pretty good example!</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> </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=15%20Best%20Call%20To%20Action%20Examples&via=Success__Team&url=https://www.livechat.com/success/call-to-action-examples/" 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/call-to-action-examples/" 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/call-to-action-examples/" 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/call-to-action-examples/" 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/call-to-action-examples/</textarea> </li> </ul> </section> <section id="comments" class="u-My-xl t-comments__container" data-controller="comments" data-comments-post-id="166"> <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/ecommerce/" class="u-inline-block u-text-p8 u-text-black u-Mr-md">Ecommerce</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/call-to-action-examples/"> <input type="hidden" name="source_type" value="website"> <button type="submit" class="c-btn v--signup u-w-full" placeholder="enter email">Sign up free</button> </form> </div> <div class="u-basis-6 md:u-Pl-md u-Mt-sm md:u-mt-0"><img src="/success/app_mockup_dark.png" alt="" loading="lazy" width="288" height="334" /> </div> </div> </div> </div> <div class="u-bg-gray-900 u-Py-sm md:u-P-lg"> <div class="o-container"><section class="u-Mb-xl success-related"> <h3 class="u-text-p4 u-my-lg">You may also like</h3> <div class="success-related__posts"><article class="u-rounded u-bg-white success-related__post v--only-2-mobile success-hover success-link-overlay"> <div class="success-featured-image-holder"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_190,q_auto,w_352/https://success-cms.labs.livechatinc.com/app/uploads/2024/05/105-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.labs.livechatinc.com/app/uploads/2024/05/105-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">May 14</span> | <span class="u-ml-2xs">Kaia Madalinska</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/video/which-ecommerce-platform-is-best-for-your-business/" class="success-link-overlay__a u-text-black v--no-underline">Which Ecommerce Platform is Best for Your Business?</a></h4> <p class="u-text-p8 u-mb-lg"> <span class="u-text-p8-bold u-text-primary u-inline-block">read more</span></p> </div> </article> <article class="u-rounded u-bg-white success-related__post v--only-2-mobile success-hover success-link-overlay"> <div class="success-featured-image-holder"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_190,q_auto,w_352/https://success-cms.labs.livechatinc.com/app/uploads/2024/05/How-to-deal-with-demanding-clients_-4-Types-of-Difficult-Customers.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_380,q_auto,w_704/https://success-cms.labs.livechatinc.com/app/uploads/2024/05/How-to-deal-with-demanding-clients_-4-Types-of-Difficult-Customers.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">May 08</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-deal-with-demanding-clients-4-types-of-difficult-customers/" class="success-link-overlay__a u-text-black v--no-underline">How to deal with demanding clients? 4 Types of Difficult Customers</a></h4> <p class="u-text-p8 u-mb-lg"> <span class="u-text-p8-bold u-text-primary u-inline-block">read more</span></p> </div> </article> <article class="u-rounded u-bg-white success-related__post v--only-2-mobile success-hover success-link-overlay"> <div class="success-featured-image-holder"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_190,q_auto,w_352/https://success-cms.labs.livechatinc.com/app/uploads/2024/05/Use-These-5-Tips-To-Boost-Your-Customer-Satisfaction.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/c_fill,f_auto,g_auto,h_380,q_auto,w_704/https://success-cms.labs.livechatinc.com/app/uploads/2024/05/Use-These-5-Tips-To-Boost-Your-Customer-Satisfaction.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">May 08</span> | <span class="u-ml-2xs">Kaia Madalinska</span> </p> <h4 class="u-text-p6-bold u-mb-lg"><a href="/success/video/use-these-5-tips-to-boost-your-customer-satisfaction/" class="success-link-overlay__a u-text-black v--no-underline">Use These 5 Tips To Boost Your Customer Satisfaction!</a></h4> <p class="u-text-p8 u-mb-lg"> <span class="u-text-p8-bold u-text-primary u-inline-block">read more</span></p> </div> </article> </div> </section><div> <div class="u-rounded u-bg-white u-text-black u-text-center u-Py-sm sm:u-Py-md md:u-Py-lg u-px-sm sm:u-Px-md md:u-Px-xl"> <div class="o-container"> <div class="u-px-0"> <img src="/success/subscribe-3.svg" alt="" style="max-width: 335px;" class="u-Mb-sm" /> <p class="u-text-p3 u-mb-md u-text-center">Success in your inbox</p> <p class="u-text-p5 u-text-center">Get monthly insights handpicked by our editorial team. Act on it.</p> <form action="https://livechatinc.us2.list-manage.com/subscribe/post" method="POST" target="_blank" class="md:u-flex u-maxw-6 u-mx-auto" data-controller="track" data-track-category="Success" data-track-action="Newsletter subscription" data-track-label="Article page" data-action="track#send" > <input type="hidden" name="u" value="9c5eb54aa9b2efe23531b3e09"> <input type="hidden" name="id" value="68e71cd045"> <input type="email" required autocapitalize="off" autocorrect="off" name="MERGE0" id="article-page-MERGE0" class="u-text-p8 success-subscribe__input success-subscribe__email v--right u-basis-8 md:u-mr-md u-mb-md md:u-mb-0" placeholder="What's your email?"> <button type="submit" class="c-btn v--dark u-basis-4 u-w-full" placeholder="enter email">Subscribe</button> </form> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> window.__be = window.__be || {}; window.__be.id = "5f7dba7c69a22b0007654427"; (function() { var be = document.createElement('script'); be.type = 'text/javascript'; be.async = true; be.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.chatbot.com/widget/plugin.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(be, s); })(); </script> </main> <script id="search-results-item" type="text/template"> <a href="{{ relpermalink }}" class="success-search__result u-block u-px-xl u-py-lg u-text-left v--no-underline u-flex u-text-black" data-controller="track" data-track-category="Success" data-track-action="Search Result Link" data-track-label="{{ relpermalink }} ({{ query }})" data-action="track#send" > <div class="u-basis-2 u-relative">{{#video}} <img src="/success/icons/play.svg" class="success-search__result__play" alt="Play" width="48"> {{/video}} <picture> <source srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/{{ featured_image }}, https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/{{ featured_image }} 2x" media="(min-width: 64rem)" > <source srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_75,c_fill/{{ featured_image }}, https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_150,c_fill/{{ featured_image }} 2x" > <img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/{{ featured_image }}" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/{{ featured_image }} 2x" alt="{{ title }}" class="u-rounded-sm" > </picture> </div> <div class="u-basis-10 u-pl-lg"> <p class="c-link u-text-p8-bold u-mb-2xs ">{{ title }}</p> <p class="u-text-p8 u-mb-0">{{ summary }}</p> </div> </a> </script> <script id="search-results-empty" type="text/template"> <div class="success-search__result u-px-xl u-py-sm u-text-left u-flex"> <div class="u-basis-2 u-flex u-items-center"> <img src="/success/images/no-results.png" alt="" width="59" height="54" class="success-search__no-result"> </div> <div class="u-basis-10 u-pl-lg"> <p class="u-text-p6-bold u-mb-2xs"> Sorry, we can’t find <mark>‘{{ query }}’</mark> </p> <p class="u-text-p7 u-mb-0">But don’t worry, you may be intrested with these articles:</p> </div> </div> <div class="u-px-xl u-py-xs u-bg-gray-900 u-border-t u-border-b"> <p class="u-text-p9-bold u-mb-0 ">POPULAR TOPICS</p> </div> <a href="/success/sorry-for-the-inconvenience/" class="success-search__result u-block u-px-xl u-py-lg u-text-left v--no-underline u-flex u-text-black hover:u-bg-gray-900" data-controller="track" data-track-category="Success" data-track-action="Search No Results Link" data-track-label="/success/sorry-for-the-inconvenience/ ({{ query }})" data-action="track#send" > <div class="u-basis-2"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/08/sorry-for-the-inconvenience.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/08/sorry-for-the-inconvenience.jpg 2x" alt="" class="u-rounded-sm"></div> <div class="u-basis-10 u-pl-lg"> <p class="c-link u-text-p8-bold u-mb-2xs ">Stop Saying “Sorry for the Inconvenience” and Learn How to Apologize to Customers</p> <p class="u-text-p8">When getting customer service help, how often do you hear the phrase "Sorry for the inconvenience"?...</p> </div> </a> <a href="/success/click-to-cancel-rule/" class="success-search__result u-block u-px-xl u-py-lg u-text-left v--no-underline u-flex u-text-black hover:u-bg-gray-900" data-controller="track" data-track-category="Success" data-track-action="Search No Results Link" data-track-label="/success/click-to-cancel-rule/ ({{ query }})" data-action="track#send" > <div class="u-basis-2"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2020/03/bg_blog10-8.png" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2020/03/bg_blog10-8.png 2x" alt="" class="u-rounded-sm"></div> <div class="u-basis-10 u-pl-lg"> <p class="c-link u-text-p8-bold u-mb-2xs ">The FTC “Click-to-Cancel” Rule and Its Implications</p> <p class="u-text-p8">Chandler Bing has been trying to quit the gym for over 25 years! Could he finally succeed? Well, if...</p> </div> </a> <a href="/success/shopify-customer-service/" class="success-search__result u-block u-px-xl u-py-lg u-text-left v--no-underline u-flex u-text-black hover:u-bg-gray-900" data-controller="track" data-track-category="Success" data-track-action="Search No Results Link" data-track-label="/success/shopify-customer-service/ ({{ query }})" data-action="track#send" > <div class="u-basis-2"><img src="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_75,h_49,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/03/shopify-customer-service.jpg" srcset="https://res.cloudinary.com/dn1j6dpd7/image/fetch/f_auto,q_auto,w_150,h_98,c_fill/https://success-cms.labs.livechatinc.com/app/uploads/2023/03/shopify-customer-service.jpg 2x" alt="" class="u-rounded-sm"></div> <div class="u-basis-10 u-pl-lg"> <p class="c-link u-text-p8-bold u-mb-2xs ">The Best Ways to Contact Shopify Customer Service for Quick Support</p> <p class="u-text-p8">As one of the most popular ecommerce solutions, Shopify powers millions of online stores, offering a...</p> </div> </a> </script> <script type="text/javascript"> window.process = { env: { DEBUG: undefined }, }; </script> <script type="text/javascript" defer src="/success/js/main.min.022db57ef9cc04d439a92ed59787f7f8f0d1d80e2a0481c6e56f7da6a54daeab.js"></script> <script type="text/javascript"> window._be = window._be || {}; window.__be.id = "602ae14f0e312200065951d7"; (function() { var be = document.createElement('script'); be.type = 'text/javascript'; be.async = true; be.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.chatbot.com/widget/plugin.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(be, s); })(); </script> <script type="text/javascript"> (function(window, document, dataLayerName, id) { window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString()}document.cookie=a+"="+b+d+"; path=/"} var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1); var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):""; tags.async=!0,tags.src="https://livechat.containers.piwik.pro/"+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); })(window, document, 'dataLayer', '28a0a095-db17-4f24-8d11-19c9de6721cc'); </script><noscript><iframe src="https://livechat.containers.piwik.pro/28a0a095-db17-4f24-8d11-19c9de6721cc/noscript.html" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript></body> </html>