CINXE.COM

<!doctype html> <html lang="en-US"> <head> <link rel="icon" type="image/png" href="https://www.olark.com/favicon-16.png" sizes="16x16"> <link rel="icon" type="image/png" href="https://www.olark.com/favicon-32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://www.olark.com/favicon-96.png" sizes="96x96"> <link rel="apple-touch-icon" href="https://www.olark.com/favicon-120.png"> <link rel="apple-touch-icon" href="https://www.olark.com/favicon-152.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://www.olark.com/favicon-167.png" sizes="167x167"> <link rel="apple-touch-icon" href="https://www.olark.com/favicon-180.png" sizes="180x180"> <meta name="facebook-domain-verification" content="gwxh39wyi3zqbm06mw1n9nwjqkh5oj" /> <link rel="canonical" href="https://www.olark.com/features/customization/"> <meta name="pageName" content="Features Customization" > <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:title" content="" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.olark.com/features/customization/" /> <meta property="og:image" content="https://www.olark.com/img/global/social/olark-social-share-landscape.jpg" /> <meta property="og:description" content="Explore Olark's options for customizing your chatbox to match your brand, including color palettes, size, shape, position, and language settings." /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@olark"> <meta name="twitter:title" content="Customize Your Chatbox | Olark Live Chat Software"> <meta name="twitter:description" content="Explore Olark's options for customizing your chatbox to match your brand, including color palettes, size, shape, position, and language settings."> <meta name="twitter:image" content="https://www.olark.com/img/global/social/olark-social-share-landscape.jpg" /> <meta name="slack-app-id" content="A5BKB84CU"> <title>Customize Your Chatbox | Olark Live Chat Software</title> <meta name="og:title" content="Customize Your Chatbox | Olark Live Chat Software"> <meta name="twitter:title" content="Customize Your Chatbox | Olark Live Chat Software"> <meta name="description" content="Explore Olark's options for customizing your chatbox to match your brand, including color palettes, size, shape, position, and language settings."> <meta property="og:description" content="Explore Olark's options for customizing your chatbox to match your brand, including color palettes, size, shape, position, and language settings." /> <meta name="twitter:description" content="Explore Olark's options for customizing your chatbox to match your brand, including color palettes, size, shape, position, and language settings."> <link rel="stylesheet" href="https://www.olark.com/css/main.css?v=2024-10-24-1612"> <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet"> <script type="text/javascript"> !function(){var analytics=window.analytics=window.analytics||[]; if(!analytics.initialize)if(analytics.invoked)window.console&& console.error&&console.error("Segment snippet included twice."); else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick", "trackLink","trackForm","pageview","identify","reset","group","track", "ready","alias","debug","page","once","off","on"];analytics.factory= function(t){return function(){var e=Array.prototype.slice.call(arguments); e.unshift(t);analytics.push(e);return analytics}};for(var t=0; t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]= analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script"); e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol? "https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js"; var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)}; analytics.SNIPPET_VERSION="4.0.0";}}(); </script> <script type="text/javascript"> var _vwo_code=(function(){ var account_id=150968, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, f=false,d=document;return{use_existing_jquery:function(){ return use_existing_jquery;},library_tolerance:function(){ return library_tolerance;},finish:function(){if(!f){f=true; var a=d.getElementById('_vis_opt_path_hides'); if(a)a.parentNode.removeChild(a);}},finished:function(){ return f;},load:function(a){var b=d.createElement('script'); b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){ _vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b); },init:function(){settings_timer=setTimeout('_vwo_code.finish()', settings_tolerance);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+ account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());var a= d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}', h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides'); a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b; else a.appendChild(d.createTextNode(b));h.appendChild(a);return settings_timer;}}; }());_vwo_settings_timer=_vwo_code.init(); </script> <script src="https://script.tapfiliate.com/tapfiliate.js" type="text/javascript" async></script> <script type="text/javascript"> (function(t,a,p){t.TapfiliateObject=a;t[a]=t[a]||function(){ (t[a].q=t[a].q||[]).push(arguments)}})(window,'tap'); tap('create', '11931-51b80c', { integration: "javascript" }); tap('detect'); </script> <script async type="text/javascript" src="https://www.olark.com/js/app.js?v=2024-10-24-1612"></script> <script> function grecaptchaOnLoad() { grecaptcha.execute('6LeHwQcaAAAAAAYUYqGJrbqWgbCdUip9zOjEuEUy', {action: 'website'}).then(function() { let logo = document.querySelector(".grecaptcha-logo"); let response = document.querySelector(".g-recaptcha-response"); if(logo && response) { logo.setAttribute("id", "grecaptcha-logo"); response.setAttribute("aria-labelledby", "grecaptcha-logo"); } }); }; </script> <script src="https://www.google.com/recaptcha/api.js?onload=grecaptchaOnLoad&render=6LeHwQcaAAAAAAYUYqGJrbqWgbCdUip9zOjEuEUy" async defer></script> </head> <body class="tw-relative tw-overflow-x-hidden tw-subpixel-antialiased tw-font-sans"> <script> window.olarkSiteAnnouncements = {}; </script> <div id="js-announcement-banner" class="announcement-banner hidden"> <div class="announcement-banner-inner"> <a href="#" id="js-announcement-banner-link" class="announcement-link" target="_blank" rel="noopener"> <span class="announcement-prefix">New</span> - <span id="js-announcement-banner-content"></span> <img id="js-announcement-banner-arrow" class="announcement-arrow hidden" src="https://www.olark.com/img/global/text-link-arrow-blue600.svg" alt="Learn more" /> </a> </div> </div> <header class="tw-relative sticky-nav tw-sticky tw-top-0 tw-z-50"> <nav class="header-bar-nav new hidden" aria-label="hidden-nav"> <a href="#post_nav" tabindex="-1">Jump to content</a> <a href="javascript:olark('api.box.expand)" tabindex="-1">Jump to live chat support</a> </nav> <section class="tw-bg-olark-purple tw-py-2"> <div class="tw-px-8 tw-mx-auto tw-text-center tw-text-white tw-font-semibold"> Provide 24/7 affordable customer service with AI-powered chat. <a href="https://www.olark.com/meet/discover-olark?utm_source=marketingoutreach&utm_medium=hellobar&utm_campaign=EID058bhellobar-AIcustomerservice" target="_blank" class="tw-text-olark-yellow tw-underline">Connect to learn more</a>. </div> </section> <nav aria-label="mobile"> <div class="tw-container tw-mx-auto tw-flex tw-relative tw-hidden tw-text-olark-navy lg:tw-block"> <div class="tw-w-full tw-flex-grow lg:tw-flex lg:tw-items-center lg:tw-w-auto tw-px-8"> <a class="tw-px-8 tw-py-4 tw-font-semibold" href="https://www.olark.com/"> <div class="nav-logo tw-w-20 tw-fill-current"> <svg viewBox="0 0 127 80" aria-label="Olark Logo" role="img"> <title>Olark Logo</title> <g stroke="none" stroke-width="1"> <g class="logo" transform="translate(-50.000000, -5142.000000)" fill-rule="nonzero"> <g transform="translate(50.000000, 5142.000000)"> <path d="M125.275862,52.0021775 C124.793103,52.0625421 124.672414,52.7265526 122.681034,52.8472818 L118.336207,53.1491048 C118.336207,53.1491048 118.336207,53.1491048 118.336207,53.1491048 L38.9827586,59.1855639 C38.137931,59.2459285 37.2931034,59.6684806 36.6896552,60.2721265 L27.637931,69.9304611 L27.637931,60.9361371 C27.637931,60.3928557 27.1551724,59.9703036 26.612069,60.0306682 L15.75,60.8757725 L2.95689655,61.7208767 C1.32758621,61.8416059 0,63.3507207 0,65.5842106 C0,66.550044 0.301724138,67.6969713 0.724137931,67.6969713 C1.20689655,67.6366067 1.32758621,66.9725962 3.31896552,66.851867 L21.6034483,65.4634814 C22.2068966,65.4634814 22.6293103,65.8860335 22.6293103,66.4293149 L22.6293103,78.5625977 C22.6293103,79.9509833 24.3189655,80.4942646 25.3448276,79.4680666 L38.8017241,65.1616584 C39.4051724,64.4976479 40.25,64.0750958 41.1551724,64.0147312 L95.6465517,59.8495744 L123.043103,57.9179075 C124.672414,57.7971783 126,56.2880635 126,54.0545736 C126,53.1491048 125.698276,51.941813 125.275862,52.0021775 Z" /> <path d="M122.858341,35.1658035 C122.190963,38.3269327 119.824802,43.0078355 116.54858,43.2509993 C113.757724,43.4941631 112.240954,40.7585705 111.512905,37.7190233 C114.364431,35.4089673 118.308033,31.0320192 118.308033,25.5608341 C118.308033,21.5486317 116.366567,18.0227568 111.998271,18.3875025 C108.782719,18.6306663 105.991863,21.6702136 103.686373,24.9529246 L103.686373,2.82502039 C103.686373,1.1228739 102.169603,-0.214526903 99.8641136,0.0286368802 C98.8933811,0.0894278259 97.6192946,0.514964446 97.6192946,1.00129201 C97.6192946,1.48761958 98.347344,1.60920147 98.347344,3.67609363 L98.347344,36.1384587 C98.2260024,36.4424134 98.1046608,36.7463681 98.0439901,37.1111138 C97.3766114,40.272243 96.2238665,44.9531458 92.947644,45.1963096 C91.0061789,45.3786824 90.0961171,43.5549541 90.0961171,41.6096438 C90.0961171,34.4971031 93.5543519,27.5061444 93.5543519,26.6550711 C93.8577058,25.0137156 92.0375822,23.3115691 90.1567879,22.9468234 C90.1567879,22.9468234 85.7278205,22.0349592 82.4515981,21.5486317 C81.6628779,18.6914572 79.6607419,18.0227568 77.9619599,18.1443387 C76.1418363,18.2659206 74.3823835,19.7249033 74.3823835,21.6702136 C74.3823835,23.7371057 75.65647,25.1352975 77.4159228,25.9863707 C77.3552521,29.6338275 77.0518981,35.5305492 76.2631779,38.4485146 C76.2631779,38.5093056 76.2631779,38.5700965 76.2631779,38.6308874 C76.2631779,38.6916784 76.2631779,38.7524693 76.2025071,38.8132603 C75.5351285,41.9743895 74.261042,46.6552923 71.4701858,46.8984561 C69.7714038,47.020038 69.0433544,45.3786824 69.0433544,43.7981178 L69.0433544,32.0046744 C69.0433544,30.3025279 67.5265847,28.9651271 65.2210949,29.2082909 C64.2503623,29.2690818 63.4009713,29.8769913 63.4009713,30.5456917 C63.4009713,31.0320192 63.7043252,31.4575558 63.7043252,32.7949567 L63.7043252,43.7373269 C62.915605,45.804219 61.6415185,47.6279474 59.7000533,47.7495293 C57.2125511,47.9319021 55.6351107,45.9258009 55.6351107,42.2175532 C55.6351107,31.9438834 61.9448724,26.837444 67.3445724,26.4119073 C68.0726218,26.3511164 68.7400005,26.4119073 69.4073791,26.4119073 C70.1354285,26.3511164 70.3174409,25.9255798 70.3174409,24.7097609 C70.3174409,22.8860325 68.9826836,21.8525864 67.0412184,21.9741683 C58.4259668,22.7036597 50.17474,30.6064826 50.17474,42.460717 C50.17474,42.9470446 50.17474,43.3725812 50.2354107,43.8589088 C49.0826658,46.3513376 47.2018714,48.7221844 44.8963816,48.9045573 C42.2875378,49.0869301 41.1347929,47.1416199 41.1347929,44.2844454 L41.1347929,40.1506611 C42.0448546,39.2387969 48.5366287,24.3450152 48.5366287,13.8889725 C48.5366287,9.8767701 48.475958,2.46027471 42.226867,2.94660228 C38.6472906,3.25055701 35.7350929,7.26275943 35.7350929,12.6123627 L35.7350929,13.2202721 C34.582348,14.436091 32.2161873,16.746147 30.2747222,17.6580112 C28.6972817,12.7947355 25.7244132,8.90411496 20.5673964,9.32965158 C16.7451369,9.63360631 14.1362931,12.9163174 14.1362931,16.6245651 C14.1362931,22.0957502 18.8686144,25.1960884 24.8143514,24.7705518 L26.1491087,24.6489699 C26.2704503,26.1079526 26.3917919,27.6277263 26.3917919,28.9651271 C26.3311211,42.2783442 21.9021537,50.1811671 16.0170875,50.6067038 C10.9814123,51.0322404 5.70305388,45.7434281 5.70305388,32.8557476 C5.70305388,14.6184639 14.439647,9.45123347 16.9271493,7.87066888 C17.0484908,7.93145983 17.1698324,7.93145983 17.291174,7.93145983 C17.9585526,7.87066888 18.2012358,7.14117754 18.2012358,6.22931335 C18.2012358,4.64874876 17.291174,2.5818566 15.7137336,2.70343849 C15.4103796,2.70343849 15.1676965,2.82502039 14.9250133,2.88581133 C14.3183055,3.12897511 0,9.81597915 0,34.0107756 C0,46.7160832 5.39969995,56.7465893 15.7744043,55.956307 C24.0256312,55.2876066 31.8521626,46.5337104 31.8521626,28.4787995 C31.8521626,26.776653 31.730821,24.8313428 31.4274671,22.8860325 C32.6408828,22.278123 34.278994,21.1230951 35.7350929,19.8464852 L35.7350929,44.9531458 C35.7350929,50.5459128 38.6472906,54.1325786 44.1076614,53.707042 C47.323213,53.4638782 49.8107152,51.457777 51.6915096,49.0261392 C53.0869377,51.3969861 55.3924275,52.7951778 58.6079792,52.552014 C61.2774938,52.3088502 63.2796297,50.9106585 64.7357286,49.1477211 C65.8278027,50.7890766 67.7085971,51.8225227 70.1960993,51.6401498 C76.0811655,51.1538223 78.9326925,45.0139368 80.206779,40.272243 C80.206779,40.211452 80.2674498,40.1506611 80.2674498,40.0898701 C81.5415363,35.8345039 81.9662318,29.6338275 82.0269026,26.837444 L88.4580059,28.0532629 C86.2131868,34.3755212 84.6357464,37.8406051 84.6357464,42.3999261 C84.6357464,48.6613935 88.6400182,50.1811671 91.9769115,49.9380034 C94.7070968,49.6948396 96.7699035,48.2966478 98.2866732,46.3513376 C98.2866732,48.9653482 100.288809,49.269303 101.684237,49.1477211 C103.747044,48.9653482 103.686373,47.2632017 103.686373,45.9258009 L103.686373,33.7068208 C105.870521,25.9863707 109.086073,23.433151 110.784855,23.3115691 C112.119612,23.1899872 113.029674,24.3450152 113.029674,26.1079526 C113.029674,32.6733748 106.416559,35.4697583 106.416559,37.6582323 C106.416559,42.3391351 110.117476,48.4790207 115.699189,47.9926931 C122.130292,47.5063655 125.649198,40.0290792 126.923284,36.0776677 C127.590663,33.7676118 123.707732,30.7280645 122.858341,35.1658035 Z M41.1347929,10.6062614 C41.1347929,9.45123347 41.4381468,7.74908699 42.226867,7.68829605 C43.3796119,7.6275051 44.1683322,9.69439726 44.1683322,14.3753001 C44.1683322,18.2659206 42.6515625,27.8100991 41.1954636,30.9104373 L41.1954636,10.6062614 L41.1347929,10.6062614 Z M24.5109975,19.8464852 C20.8100796,20.1504399 19.2326391,18.0835478 19.2326391,16.3206103 C19.2326391,15.5303281 19.5966639,14.496882 20.9920919,14.3753001 C23.1762402,14.1929272 24.6323391,16.5029832 25.2997177,19.7249033 L24.5109975,19.8464852 Z" /> </g> </g> </g> </svg> </div> </a> <ul class="tw-flex-grow nav-links"> <li class="has-subnav tw-c-nav-text-link tw-inline-block tw-pl-4 tw-pr-12 tw-py-6 tw-font-semibold hover:tw-text-olark-pink tw-relative tw-cursor-pointer"> <a class="toggle-button tw-relative" id="features-label" href="#" aria-controls="features-menu" aria-label="features" aria-expanded="false"> Features <svg class="tw-w-4 tw-h-8 tw-absolute tw-ml-2 tw--mt-6 tw-fill-current header-menu-caret" viewBox="0 0 1792 1792"> <path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/> </svg> <span class="sr-only">Features submenu</span> </a> <ul id="features-menu" class="subnav tw-bg-white tw-shadow-lg tw-rounded tw-px-6 tw-py-4 tw-invisible tw-absolute tw-l-0 tw-w-56 tw-ml-0 tw-mt-3"> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Overview">Overview</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/customization" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Features Dropdown Customization">Customization</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/automated" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Features Dropdown Automation">Automation</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/reporting" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Features Dropdown Reporting">Reporting</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/searchable-transcripts" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Features Dropdown Transcripts">Searchable Transcripts</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/custom-forms" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Features Dropdown Custom Forms">Custom Forms</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/realtime" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Features Dropdown Real-time">Real-Time Engagement</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/all-powerups" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Dropdown All Powerups">Power-Ups</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/team-management" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Features Dropdown Team Management">Team Management</a> </li> <li class=""> <a href="https://www.olark.com/ada-accessible-live-chat" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Features Dropdown Accessible Live Chat">Accessible Live Chat</a> </li> </ul> </li> <li class="has-subnav tw-c-nav-text-link tw-inline-block tw-px-4 tw-py-8 tw-font-semibold hover:tw-text-olark-pink tw-relative tw-cursor-pointer"> <a class="toggle-button tw-relative" id="how-to-label" href="#" aria-controls="how-to-menu" aria-label="how-to" aria-expanded="false"> How To <svg class="tw-w-4 tw-h-8 tw-absolute tw-ml-2 tw--mt-6 tw-fill-current header-menu-caret" viewBox="0 0 1792 1792"> <path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/> </svg> <span class="sr-only">How To submenu</span> </a> <ul id="how-to-menu" class="subnav tw-bg-white tw-shadow-lg tw-rounded tw-px-6 tw-py-4 tw-invisible tw-absolute tw-l-0 tw-w-56 tw-ml-0 tw-mt-3"> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/ecommerce" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Dropdown Sales">Increase Sales</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/live-chat-lead-generation" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Dropdown Leads">Generate Leads</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/customer-service" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Dropdown Customer Service">Provide Great Service</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/live-chat-for-higher-education" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Dropdown Engage Students">Engage Students</a> </li> <li class=""> <a href="https://www.olark.com/tips-for-remote-managers-and-going-remote-guide" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 hover:tw-underline" data-cta-name="Dropdown Remote Team">Manage a Remote Team</a> </li> </ul> </li> </ul> <ul class="nav-links"> <li class="tw-inline-block"> <a class="tw-c-nav-text-link tw-hidden xl:tw-inline-block tw-px-6 tw-py-6 tw-font-semibold hover:tw-text-olark-pink hide-on-smaller-view" href="https://www.olark.com/chatbot-copilot"> Chatbots </a> </li> <li class="tw-inline-block"> <a class="tw-c-nav-text-link tw-inline-block tw-px-6 tw-py-6 tw-font-semibold hover:tw-text-olark-pink" href="https://www.olark.com/pricing"> Pricing </a> </li> <li class="tw-inline-block"> <a class="tw-c-nav-text-link tw-inline-block tw-px-4 tw-py-6 tw-font-semibold hover:tw-text-olark-pink" href="https://www.olark.com/case-studies"> Case Studies </a> </li> <li class="tw-inline-block"> <a class="tw-c-nav-text-link tw-inline-block tw-px-4 tw-py-6 tw-font-semibold hover:tw-text-olark-pink" href="https://www.olark.com/integrations"> Integrations </a> <li class="tw-inline-block"> <a href="https://www.olark.com/login" class="tw-c-nav-text-link tw-inline-block tw-px-4 tw-py-6 tw-font-semibold hover:tw-text-olark-pink"> Log in </a> <a href="https://www.olark.com/signup/create_new_account/trial" class="btn btn-yellow-on-dark btn-sm tw-mx-1 tw-mt-4 lg:tw-mt-0"> Free trial </a> </li> </ul> </div> </div> </nav> <nav class="tw-block lg:tw-hidden tw-relative tw-z-10 tw-bg-white" aria-label="primary"> <div class="tw-flex tw-justify-between"> <a href="https://www.olark.com/" class="tw-block tw-w-32 tw-px-8 tw-py-4 pride"> <svg viewBox="0 0 127 80" aria-label="Olark Logo" role="img"> <title>Olark Logo</title> <g stroke="none" stroke-width="1"> <g class="logo" transform="translate(-50.000000, -5142.000000)" fill-rule="nonzero"> <g transform="translate(50.000000, 5142.000000)"> <path d="M125.275862,52.0021775 C124.793103,52.0625421 124.672414,52.7265526 122.681034,52.8472818 L118.336207,53.1491048 C118.336207,53.1491048 118.336207,53.1491048 118.336207,53.1491048 L38.9827586,59.1855639 C38.137931,59.2459285 37.2931034,59.6684806 36.6896552,60.2721265 L27.637931,69.9304611 L27.637931,60.9361371 C27.637931,60.3928557 27.1551724,59.9703036 26.612069,60.0306682 L15.75,60.8757725 L2.95689655,61.7208767 C1.32758621,61.8416059 0,63.3507207 0,65.5842106 C0,66.550044 0.301724138,67.6969713 0.724137931,67.6969713 C1.20689655,67.6366067 1.32758621,66.9725962 3.31896552,66.851867 L21.6034483,65.4634814 C22.2068966,65.4634814 22.6293103,65.8860335 22.6293103,66.4293149 L22.6293103,78.5625977 C22.6293103,79.9509833 24.3189655,80.4942646 25.3448276,79.4680666 L38.8017241,65.1616584 C39.4051724,64.4976479 40.25,64.0750958 41.1551724,64.0147312 L95.6465517,59.8495744 L123.043103,57.9179075 C124.672414,57.7971783 126,56.2880635 126,54.0545736 C126,53.1491048 125.698276,51.941813 125.275862,52.0021775 Z" /> <path d="M122.858341,35.1658035 C122.190963,38.3269327 119.824802,43.0078355 116.54858,43.2509993 C113.757724,43.4941631 112.240954,40.7585705 111.512905,37.7190233 C114.364431,35.4089673 118.308033,31.0320192 118.308033,25.5608341 C118.308033,21.5486317 116.366567,18.0227568 111.998271,18.3875025 C108.782719,18.6306663 105.991863,21.6702136 103.686373,24.9529246 L103.686373,2.82502039 C103.686373,1.1228739 102.169603,-0.214526903 99.8641136,0.0286368802 C98.8933811,0.0894278259 97.6192946,0.514964446 97.6192946,1.00129201 C97.6192946,1.48761958 98.347344,1.60920147 98.347344,3.67609363 L98.347344,36.1384587 C98.2260024,36.4424134 98.1046608,36.7463681 98.0439901,37.1111138 C97.3766114,40.272243 96.2238665,44.9531458 92.947644,45.1963096 C91.0061789,45.3786824 90.0961171,43.5549541 90.0961171,41.6096438 C90.0961171,34.4971031 93.5543519,27.5061444 93.5543519,26.6550711 C93.8577058,25.0137156 92.0375822,23.3115691 90.1567879,22.9468234 C90.1567879,22.9468234 85.7278205,22.0349592 82.4515981,21.5486317 C81.6628779,18.6914572 79.6607419,18.0227568 77.9619599,18.1443387 C76.1418363,18.2659206 74.3823835,19.7249033 74.3823835,21.6702136 C74.3823835,23.7371057 75.65647,25.1352975 77.4159228,25.9863707 C77.3552521,29.6338275 77.0518981,35.5305492 76.2631779,38.4485146 C76.2631779,38.5093056 76.2631779,38.5700965 76.2631779,38.6308874 C76.2631779,38.6916784 76.2631779,38.7524693 76.2025071,38.8132603 C75.5351285,41.9743895 74.261042,46.6552923 71.4701858,46.8984561 C69.7714038,47.020038 69.0433544,45.3786824 69.0433544,43.7981178 L69.0433544,32.0046744 C69.0433544,30.3025279 67.5265847,28.9651271 65.2210949,29.2082909 C64.2503623,29.2690818 63.4009713,29.8769913 63.4009713,30.5456917 C63.4009713,31.0320192 63.7043252,31.4575558 63.7043252,32.7949567 L63.7043252,43.7373269 C62.915605,45.804219 61.6415185,47.6279474 59.7000533,47.7495293 C57.2125511,47.9319021 55.6351107,45.9258009 55.6351107,42.2175532 C55.6351107,31.9438834 61.9448724,26.837444 67.3445724,26.4119073 C68.0726218,26.3511164 68.7400005,26.4119073 69.4073791,26.4119073 C70.1354285,26.3511164 70.3174409,25.9255798 70.3174409,24.7097609 C70.3174409,22.8860325 68.9826836,21.8525864 67.0412184,21.9741683 C58.4259668,22.7036597 50.17474,30.6064826 50.17474,42.460717 C50.17474,42.9470446 50.17474,43.3725812 50.2354107,43.8589088 C49.0826658,46.3513376 47.2018714,48.7221844 44.8963816,48.9045573 C42.2875378,49.0869301 41.1347929,47.1416199 41.1347929,44.2844454 L41.1347929,40.1506611 C42.0448546,39.2387969 48.5366287,24.3450152 48.5366287,13.8889725 C48.5366287,9.8767701 48.475958,2.46027471 42.226867,2.94660228 C38.6472906,3.25055701 35.7350929,7.26275943 35.7350929,12.6123627 L35.7350929,13.2202721 C34.582348,14.436091 32.2161873,16.746147 30.2747222,17.6580112 C28.6972817,12.7947355 25.7244132,8.90411496 20.5673964,9.32965158 C16.7451369,9.63360631 14.1362931,12.9163174 14.1362931,16.6245651 C14.1362931,22.0957502 18.8686144,25.1960884 24.8143514,24.7705518 L26.1491087,24.6489699 C26.2704503,26.1079526 26.3917919,27.6277263 26.3917919,28.9651271 C26.3311211,42.2783442 21.9021537,50.1811671 16.0170875,50.6067038 C10.9814123,51.0322404 5.70305388,45.7434281 5.70305388,32.8557476 C5.70305388,14.6184639 14.439647,9.45123347 16.9271493,7.87066888 C17.0484908,7.93145983 17.1698324,7.93145983 17.291174,7.93145983 C17.9585526,7.87066888 18.2012358,7.14117754 18.2012358,6.22931335 C18.2012358,4.64874876 17.291174,2.5818566 15.7137336,2.70343849 C15.4103796,2.70343849 15.1676965,2.82502039 14.9250133,2.88581133 C14.3183055,3.12897511 0,9.81597915 0,34.0107756 C0,46.7160832 5.39969995,56.7465893 15.7744043,55.956307 C24.0256312,55.2876066 31.8521626,46.5337104 31.8521626,28.4787995 C31.8521626,26.776653 31.730821,24.8313428 31.4274671,22.8860325 C32.6408828,22.278123 34.278994,21.1230951 35.7350929,19.8464852 L35.7350929,44.9531458 C35.7350929,50.5459128 38.6472906,54.1325786 44.1076614,53.707042 C47.323213,53.4638782 49.8107152,51.457777 51.6915096,49.0261392 C53.0869377,51.3969861 55.3924275,52.7951778 58.6079792,52.552014 C61.2774938,52.3088502 63.2796297,50.9106585 64.7357286,49.1477211 C65.8278027,50.7890766 67.7085971,51.8225227 70.1960993,51.6401498 C76.0811655,51.1538223 78.9326925,45.0139368 80.206779,40.272243 C80.206779,40.211452 80.2674498,40.1506611 80.2674498,40.0898701 C81.5415363,35.8345039 81.9662318,29.6338275 82.0269026,26.837444 L88.4580059,28.0532629 C86.2131868,34.3755212 84.6357464,37.8406051 84.6357464,42.3999261 C84.6357464,48.6613935 88.6400182,50.1811671 91.9769115,49.9380034 C94.7070968,49.6948396 96.7699035,48.2966478 98.2866732,46.3513376 C98.2866732,48.9653482 100.288809,49.269303 101.684237,49.1477211 C103.747044,48.9653482 103.686373,47.2632017 103.686373,45.9258009 L103.686373,33.7068208 C105.870521,25.9863707 109.086073,23.433151 110.784855,23.3115691 C112.119612,23.1899872 113.029674,24.3450152 113.029674,26.1079526 C113.029674,32.6733748 106.416559,35.4697583 106.416559,37.6582323 C106.416559,42.3391351 110.117476,48.4790207 115.699189,47.9926931 C122.130292,47.5063655 125.649198,40.0290792 126.923284,36.0776677 C127.590663,33.7676118 123.707732,30.7280645 122.858341,35.1658035 Z M41.1347929,10.6062614 C41.1347929,9.45123347 41.4381468,7.74908699 42.226867,7.68829605 C43.3796119,7.6275051 44.1683322,9.69439726 44.1683322,14.3753001 C44.1683322,18.2659206 42.6515625,27.8100991 41.1954636,30.9104373 L41.1954636,10.6062614 L41.1347929,10.6062614 Z M24.5109975,19.8464852 C20.8100796,20.1504399 19.2326391,18.0835478 19.2326391,16.3206103 C19.2326391,15.5303281 19.5966639,14.496882 20.9920919,14.3753001 C23.1762402,14.1929272 24.6323391,16.5029832 25.2997177,19.7249033 L24.5109975,19.8464852 Z" /> </g> </g> </g> </svg> </a> <div class="tw-w-32 tw-px-8 tw-py-6 tw-relative tw-flex tw-justify-end"> <button class="mobile-menu-open tw-absolute tw-cursor-pointer" aria-label="Main menu" aria-expanded="false"> <svg width="32" height="22" viewBox="0 0 32 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="svg-mobile-menu" role="img"> <title id="svg-mobile-menu">Mobile Menu</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="#2B2929"><g transform="translate(-1140.000000, -38.000000) translate(1140.000000, 38.000000)"><rect x="0" y="20" width="32" height="2"/><rect x="0" y="10" width="32" height="2"/><rect x="0" y="0" width="32" height="2"/></g></g></g></svg> </button> <button class="mobile-menu-close tw-absolute tw-text-olark-navy tw-hidden tw-cursor-pointer tw-bg-white tw-w-full tw-flex tw-justify-end" aria-label="Close main menu" aria-expanded="true"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-1009.000000, -37.000000)" fill="#000"> <path d="M1019.6066,49.0208153 L1009,59.627417 L1010.41421,61.0416306 L1021.02082,50.4350288 L1031.62742,61.0416306 L1033.04163,59.627417 L1022.43503,49.0208153 L1033.04163,38.4142136 L1031.62742,37 L1021.02082,47.6066017 L1010.41421,37 L1009,38.4142136 L1019.6066,49.0208153 Z"></path> </g> </g> </svg> </button> </div> </div> <div class="mobile-menu tw-absolute tw-w-4/5 tw-bg-olark-gray tw-text-olark-navy tw-text-xl tw-border-l-8 tw-border-olark-purple tw-right-0 tw-z-10 tw-px-8 tw-py-8 tw-hidden"> <div class=""> <ul> <li class="tw-border-b tw-border-olark-charcoal"> <div class="tw-relative"> <button id="features-collapsible" data-for="collapsible-features" class="lbl-toggle tw-font-semibold tw-inline-block tw-py-2 tw-block tw-cursor-pointer tw-font-sans"> Features <span class="tw-c-triangle-down tw-inline-block tw-ml-2 tw-h-2 mobile-menu-caret"> <svg class="tw-fill-current" viewBox="0 0 1792 1792"> <path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/> </svg> </span> </button> <input aria-labelledby="features-collapsible" id="collapsible-features" class="collapsible-toggle tw-hidden" type="checkbox"> <ul class="collapsible-content"> <li class="tw-border-t tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Overview">Overview</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/customization" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Customization">Customization</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/automated" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Automation">Automation</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/reporting" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Reporting">Reporting</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/searchable-transcripts" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Searchable Transcripts">Searchable Transcripts</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/custom-forms" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Custom Forms">Custom Forms</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/realtime" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Real-Time">Real-Time Engagement</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/all-powerups" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Power-Ups">Power-Ups</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/features/team-management" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Team Management">Team Management</a> </li> <li class=""> <a href="https://www.olark.com/ada-accessible-live-chat" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Features Dropdown Accessible Live Chat">Accessible Live Chat</a> </li> </ul> </div> </li> <li class="tw-border-b tw-border-olark-charcoal"> <div class="tw-relative"> <button id="howto-collapsible" data-for="collapsible" class="lbl-toggle tw-font-semibold tw-inline-block tw-py-2 tw-block tw-cursor-pointer tw-font-sans"> How To <span class="tw-c-triangle-down tw-inline-block tw-ml-2 tw-h-2 mobile-menu-caret"> <svg class="tw-fill-current" viewBox="0 0 1792 1792"> <path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/> </svg> </span> </button> <input aria-labelledby="howto-collapsible" id="collapsible" class="collapsible-toggle tw-hidden" type="checkbox"> <ul class="collapsible-content"> <li class="tw-border-t tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/ecommerce" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Dropdown Sales">Increase Sales</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/live-chat-lead-generation" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Dropdown Leads">Generate Leads</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/customer-service" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Dropdown Customer Service">Provide Great Service</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/live-chat-for-higher-education" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Dropdown Engage Students">Engage Students</a> </li> <li class=""> <a href="https://www.olark.com/tips-for-remote-managers-and-going-remote-guide" class="js-cta tw-text-olark-purple tw-font-semibold tw-inline-block tw-py-2 tw-pl-4" data-cta-name="Case Studies">Manage a Remote Team</a> </li> </ul> </div> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/pricing" class="tw-font-semibold tw-inline-block tw-py-2">Pricing</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/chatbot-copilot" class="tw-font-semibold tw-inline-block tw-py-2">Chatbots</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/case-studies" class="tw-font-semibold tw-inline-block tw-py-2">Case Studies</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/integrations" class="tw-font-semibold tw-inline-block tw-py-2">Integrations</a> </li> <li class="tw-border-b tw-border-olark-charcoal"> <a href="https://www.olark.com/login" class="tw-font-semibold tw-inline-block tw-py-2 tw-text-olark-green tw-underline"> Log in </a> </li> <li class=""> <a href="https://www.olark.com/signup/create_new_account/trial" class="tw-text-olark-green tw-underline tw-font-semibold tw-inline-block tw-py-2"> Free trial </a> </li> </ul> </div> </div> </nav> </header> <div class="hidden tw-bg-olark-gray tw-text-olark-charcoal tw-fixed tw-bottom-0 tw-m-0 tw-py-8 tw-w-full tw-rounded-none tw-z-20" id="cookie-consent"> <p class="tw-container tw-mx-auto tw-px-8" id="cookie-consent-message"> Olark uses cookies to give you the best possible experience on our website. By clicking "I like cookies", you agree to our use of them.<br>Refer to our <a href="https://www.olark.com/privacy-policy" class="tw-text-lg tw-leading-snug xl:tw-text-xl tw-font-semibold tw-text-olark-blue tw-underline hover:tw-no-underline" target="_blank">privacy policy</a> for details. <br><a href="#" role="button" class="btn btn-green btn-sm tw-mt-4" id="cookie-consent-accept">I like cookies</a> </p> </div> <span id="post_nav"></span> <main> <div class="tw-font-sans"> <section class="tw-container tw-px-8 tw-mx-auto tw-mt-8 sm:tw-mt-16 tw-flex tw-flex-col lg:tw-flex-row lg:tw-items-center"> <div class="lg:tw-w-1/2 lg:tw-px-8"> <h1 class="tw-mx-auto tw-text-center lg:tw-text-left tw-text-3xl sm:tw-text-4xl md:tw-text-5xl xl:tw-text-7xl sm:tw-max-w-lg md:tw-max-w-4xl xl:tw-max-w-5xl tw-leading-tight md:tw-leading-none tw-font-bold tw-text-olark-purple"> Customize your chat box </h1> <p class="tw-my-4 tw-mx-auto lg:tw-max-w-3xl tw-font-light tw-text-xl tw-leading-snug xl:tw-text-2xl tw-text-olark-charcoal"> Looks aren't everything...but they sure do help. Customers are more likely to engage with a customized chatbox that's visually consistent with the rest of your website, so we make it easy to adjust colors, shape, and position — and to update your custom chatbox look and feel as your brand evolves over time. </p> </div> <div class="lg:tw-w-1/2 lg:tw-px-8"> <img src="https://www.olark.com/img/views/features/customization-examples.jpg" class="" alt="graphic showing an Olark chatbox with customization options"> </div> </section> <section class="tw-container tw-px-8 tw-mx-auto tw-flex tw-flex-col lg:tw-flex-row tw-justify-around tw-pt-8 tw-pb-24"> <div class="customize-three-dots"> <div class="three-dots-divider"> <div class="small-dot-one"></div> <div class="small-dot-two"></div> <div class="small-dot-three"></div> </div> </div> <div class="tw-mb-12 lg:tw-mb-0 tw-text-center lg:tw-w-1/3"> <img src="https://www.olark.com/img/views/customization/color-picker.jpg" class="tw-mx-auto tw-object-cover" alt="Our color picker provides advice on picking colors that go together" width="200"> <div class=""> <h2 class="tw-font-semibold tw-text-olark-navy tw-text-2xl tw-leading-tight tw-mb-2"> Choose your colors </h2> <p class="tw-font-light tw-text-lg tw-leading-snug xl:tw-text-xl tw-text-olark-charcoal sm:tw-px-32 md:tw-px-48 lg:tw-px-4 xl:tw-px-8"> Use a color wheel or enter a hex number so your chat box primary and secondary colors match your brand. </p> </div> </div> <div class="tw-mb-12 lg:tw-mb-0 tw-text-center lg:tw-w-1/3"> <img src="https://www.olark.com/img/views/customization/human-chatbox.jpg" class="tw-mx-auto tw-object-cover" alt="" width="200"> <div class=""> <h2 class="tw-font-semibold tw-text-olark-navy tw-text-2xl tw-leading-tight tw-mb-2"> Make your chat box human </h2> <p class="tw-font-light tw-text-lg tw-leading-snug xl:tw-text-xl tw-text-olark-charcoal sm:tw-px-32 md:tw-px-48 lg:tw-px-4 xl:tw-px-8"> Greet your customers with a friendly hello and a smiling avatar. You can customize text that will grab your visitor's attention, and have your agents upload a headshot. </p> </div> </div> <div class="tw-mb-12 lg:tw-mb-0 tw-text-center lg:tw-w-1/3"> <img src="https://www.olark.com/img/views/customization/same-language.jpg" class="tw-mx-auto tw-object-cover" alt="An illustration of two chat bubbles connected" width="200"> <div class=""> <h2 class="tw-font-semibold tw-text-olark-navy tw-text-2xl tw-leading-tight tw-mb-2"> Speak the same language </h2> <p class="tw-font-light tw-text-lg tw-leading-snug xl:tw-text-xl tw-text-olark-charcoal sm:tw-px-32 md:tw-px-48 lg:tw-px-4 xl:tw-px-8"> We've made it easy to localize your chat app language. Pick from our list of languages like Chinese, Portuguese, or German - or use the <a href='https://www.olark.com/api'>Olark API</a> to customize in another language. </p> </div> </div> </section> <section class=""> <div class="tw-container tw-mx-auto tw-px-8 tw-pt-8 tw-pb-32 tw-text-center"> <h3 class="tw-mb-4 tw-text-center tw-text-3xl lg:tw-text-4xl xl:tw-text-5xl tw-font-bold tw-text-olark-pink"> Shape your customer experience </h3> <p class="tw-mb-8 tw-mx-auto lg:tw-max-w-3xl tw-font-light tw-text-xl tw-leading-snug xl:tw-text-2xl tw-text-olark-charcoal"> We offer a bunch of different ways to customize the shape and appearance of your chat box, including: </p> <div class="tw-flex tw-flex-col sm:tw-flex-row sm:tw-flex-wrap lg:tw-flex-no-wrap tw-justify-around"> <div class="sm:tw-mx-auto sm:tw-w-1/2 lg:1/4 sm:tw-px-8 lg:tw-px-4"> <div class="tw-flex tw-items-center tw-h-40 tw-p-8 tw-my-8 tw-bg-white tw-shadow-xl tw-rounded-lg tw-border tw-border-olark-gray"> <img src="https://www.olark.com/img/views/customization/themes.png" class="customization-themes-img tw-mx-auto" alt="Sun and moon icons" width="140"> </div> <p class="tw-font-light tw-text-lg tw-leading-snug xl:tw-text-xl tw-text-olark-charcoal"> Light or dark background </p> </div> <div class="sm:tw-mx-auto sm:tw-w-1/2 lg:1/4 sm:tw-px-8 lg:tw-px-4"> <div class="tw-flex tw-items-center tw-h-40 tw-p-8 tw-my-8 tw-bg-white tw-shadow-xl tw-rounded-lg tw-border tw-border-olark-gray"> <img src="https://www.olark.com/img/views/customization/position.png" class="customization-position-img tw-mx-auto" alt="Icons showing lower left and lower right placement" width="140"> </div> <p class="tw-font-light tw-text-lg tw-leading-snug xl:tw-text-xl tw-text-olark-charcoal"> Chat box position </p> </div> <div class="sm:tw-mx-auto sm:tw-w-1/2 lg:1/4 sm:tw-px-8 lg:tw-px-4"> <div class="tw-flex tw-items-center tw-h-40 tw-p-8 tw-my-8 tw-bg-white tw-shadow-xl tw-rounded-lg tw-border tw-border-olark-gray"> <img src="https://www.olark.com/img/views/customization/shape.png" class="customization-shape-img tw-mx-auto" alt="Icons showing a button and tab shape" width="160"> </div> <p class="tw-font-light tw-text-lg tw-leading-snug xl:tw-text-xl tw-text-olark-charcoal"> Button or tab shape </p> </div> <div class="sm:tw-mx-auto sm:tw-w-1/2 lg:1/4 sm:tw-px-8 lg:tw-px-4"> <div class="tw-flex tw-items-center tw-h-40 tw-p-8 tw-my-8 tw-bg-white tw-shadow-xl tw-rounded-lg tw-border tw-border-olark-gray"> <img src="https://www.olark.com/img/views/customization/radius.png" class="customization-radius-img tw-mx-auto" alt="Icons showing rounded or square corners" width="130"> </div> <p class="tw-font-light tw-text-lg tw-leading-snug xl:tw-text-xl tw-text-olark-charcoal"> Rounded or sharp corners </p> </div> </div> </div> </section> <section class="tw-text-center tw-bg-olark-pink"> <div class=" tw-relative tw-mx-auto tw-py-16 lg:tw-py-20 lg:tw-max-w-2xl"> <h2 class="tw-text-white tw-antialiased tw-mb-4 tw-text-3xl lg:tw-text-4xl xl:tw-text-5xl tw-font-bold tw-mx-auto sm:tw-max-w-lg lg:tw-max-w-2xl">Your next customer is on your website. Talk to them.</h2> <div class="tw-mt-8 tw-mx-auto tw-text-center"> <a href="https://www.olark.com/signup/create_new_account/trial" class="btn btn-white">Start 2-week trial</a> </div> </div> </section> </div> </main> <footer class="tw-container tw-mx-auto tw-font-light tw-text-lg tw-leading-snug"> <div class="tw-hidden lg:tw-flex tw-flex-col lg:tw-flex-row lg:tw-justify-between lg:tw-px-8 lg:tw-pt-16 lg:tw-pb-8 tw-border-t-2 tw-border-olark-gray lg:tw-border-none"> <div class="tw-mx-auto tw-mt-8 lg:tw-mt-0 lg:tw-w-1/5 lg:tw-order-1"> <a class="tw-px-0 tw-py-2 tw-font-semibold" href="https://www.olark.com/"> <div class="nav-logo tw-w-20 tw-fill-current tw-text-olark-navy"> <svg viewBox="0 0 127 80" aria-label="Olark Logo" role="img"> <title>Olark Logo</title> <g stroke="none" stroke-width="1"> <g class="logo" transform="translate(-50.000000, -5142.000000)" fill-rule="nonzero"> <g transform="translate(50.000000, 5142.000000)"> <path d="M125.275862,52.0021775 C124.793103,52.0625421 124.672414,52.7265526 122.681034,52.8472818 L118.336207,53.1491048 C118.336207,53.1491048 118.336207,53.1491048 118.336207,53.1491048 L38.9827586,59.1855639 C38.137931,59.2459285 37.2931034,59.6684806 36.6896552,60.2721265 L27.637931,69.9304611 L27.637931,60.9361371 C27.637931,60.3928557 27.1551724,59.9703036 26.612069,60.0306682 L15.75,60.8757725 L2.95689655,61.7208767 C1.32758621,61.8416059 0,63.3507207 0,65.5842106 C0,66.550044 0.301724138,67.6969713 0.724137931,67.6969713 C1.20689655,67.6366067 1.32758621,66.9725962 3.31896552,66.851867 L21.6034483,65.4634814 C22.2068966,65.4634814 22.6293103,65.8860335 22.6293103,66.4293149 L22.6293103,78.5625977 C22.6293103,79.9509833 24.3189655,80.4942646 25.3448276,79.4680666 L38.8017241,65.1616584 C39.4051724,64.4976479 40.25,64.0750958 41.1551724,64.0147312 L95.6465517,59.8495744 L123.043103,57.9179075 C124.672414,57.7971783 126,56.2880635 126,54.0545736 C126,53.1491048 125.698276,51.941813 125.275862,52.0021775 Z" /> <path d="M122.858341,35.1658035 C122.190963,38.3269327 119.824802,43.0078355 116.54858,43.2509993 C113.757724,43.4941631 112.240954,40.7585705 111.512905,37.7190233 C114.364431,35.4089673 118.308033,31.0320192 118.308033,25.5608341 C118.308033,21.5486317 116.366567,18.0227568 111.998271,18.3875025 C108.782719,18.6306663 105.991863,21.6702136 103.686373,24.9529246 L103.686373,2.82502039 C103.686373,1.1228739 102.169603,-0.214526903 99.8641136,0.0286368802 C98.8933811,0.0894278259 97.6192946,0.514964446 97.6192946,1.00129201 C97.6192946,1.48761958 98.347344,1.60920147 98.347344,3.67609363 L98.347344,36.1384587 C98.2260024,36.4424134 98.1046608,36.7463681 98.0439901,37.1111138 C97.3766114,40.272243 96.2238665,44.9531458 92.947644,45.1963096 C91.0061789,45.3786824 90.0961171,43.5549541 90.0961171,41.6096438 C90.0961171,34.4971031 93.5543519,27.5061444 93.5543519,26.6550711 C93.8577058,25.0137156 92.0375822,23.3115691 90.1567879,22.9468234 C90.1567879,22.9468234 85.7278205,22.0349592 82.4515981,21.5486317 C81.6628779,18.6914572 79.6607419,18.0227568 77.9619599,18.1443387 C76.1418363,18.2659206 74.3823835,19.7249033 74.3823835,21.6702136 C74.3823835,23.7371057 75.65647,25.1352975 77.4159228,25.9863707 C77.3552521,29.6338275 77.0518981,35.5305492 76.2631779,38.4485146 C76.2631779,38.5093056 76.2631779,38.5700965 76.2631779,38.6308874 C76.2631779,38.6916784 76.2631779,38.7524693 76.2025071,38.8132603 C75.5351285,41.9743895 74.261042,46.6552923 71.4701858,46.8984561 C69.7714038,47.020038 69.0433544,45.3786824 69.0433544,43.7981178 L69.0433544,32.0046744 C69.0433544,30.3025279 67.5265847,28.9651271 65.2210949,29.2082909 C64.2503623,29.2690818 63.4009713,29.8769913 63.4009713,30.5456917 C63.4009713,31.0320192 63.7043252,31.4575558 63.7043252,32.7949567 L63.7043252,43.7373269 C62.915605,45.804219 61.6415185,47.6279474 59.7000533,47.7495293 C57.2125511,47.9319021 55.6351107,45.9258009 55.6351107,42.2175532 C55.6351107,31.9438834 61.9448724,26.837444 67.3445724,26.4119073 C68.0726218,26.3511164 68.7400005,26.4119073 69.4073791,26.4119073 C70.1354285,26.3511164 70.3174409,25.9255798 70.3174409,24.7097609 C70.3174409,22.8860325 68.9826836,21.8525864 67.0412184,21.9741683 C58.4259668,22.7036597 50.17474,30.6064826 50.17474,42.460717 C50.17474,42.9470446 50.17474,43.3725812 50.2354107,43.8589088 C49.0826658,46.3513376 47.2018714,48.7221844 44.8963816,48.9045573 C42.2875378,49.0869301 41.1347929,47.1416199 41.1347929,44.2844454 L41.1347929,40.1506611 C42.0448546,39.2387969 48.5366287,24.3450152 48.5366287,13.8889725 C48.5366287,9.8767701 48.475958,2.46027471 42.226867,2.94660228 C38.6472906,3.25055701 35.7350929,7.26275943 35.7350929,12.6123627 L35.7350929,13.2202721 C34.582348,14.436091 32.2161873,16.746147 30.2747222,17.6580112 C28.6972817,12.7947355 25.7244132,8.90411496 20.5673964,9.32965158 C16.7451369,9.63360631 14.1362931,12.9163174 14.1362931,16.6245651 C14.1362931,22.0957502 18.8686144,25.1960884 24.8143514,24.7705518 L26.1491087,24.6489699 C26.2704503,26.1079526 26.3917919,27.6277263 26.3917919,28.9651271 C26.3311211,42.2783442 21.9021537,50.1811671 16.0170875,50.6067038 C10.9814123,51.0322404 5.70305388,45.7434281 5.70305388,32.8557476 C5.70305388,14.6184639 14.439647,9.45123347 16.9271493,7.87066888 C17.0484908,7.93145983 17.1698324,7.93145983 17.291174,7.93145983 C17.9585526,7.87066888 18.2012358,7.14117754 18.2012358,6.22931335 C18.2012358,4.64874876 17.291174,2.5818566 15.7137336,2.70343849 C15.4103796,2.70343849 15.1676965,2.82502039 14.9250133,2.88581133 C14.3183055,3.12897511 0,9.81597915 0,34.0107756 C0,46.7160832 5.39969995,56.7465893 15.7744043,55.956307 C24.0256312,55.2876066 31.8521626,46.5337104 31.8521626,28.4787995 C31.8521626,26.776653 31.730821,24.8313428 31.4274671,22.8860325 C32.6408828,22.278123 34.278994,21.1230951 35.7350929,19.8464852 L35.7350929,44.9531458 C35.7350929,50.5459128 38.6472906,54.1325786 44.1076614,53.707042 C47.323213,53.4638782 49.8107152,51.457777 51.6915096,49.0261392 C53.0869377,51.3969861 55.3924275,52.7951778 58.6079792,52.552014 C61.2774938,52.3088502 63.2796297,50.9106585 64.7357286,49.1477211 C65.8278027,50.7890766 67.7085971,51.8225227 70.1960993,51.6401498 C76.0811655,51.1538223 78.9326925,45.0139368 80.206779,40.272243 C80.206779,40.211452 80.2674498,40.1506611 80.2674498,40.0898701 C81.5415363,35.8345039 81.9662318,29.6338275 82.0269026,26.837444 L88.4580059,28.0532629 C86.2131868,34.3755212 84.6357464,37.8406051 84.6357464,42.3999261 C84.6357464,48.6613935 88.6400182,50.1811671 91.9769115,49.9380034 C94.7070968,49.6948396 96.7699035,48.2966478 98.2866732,46.3513376 C98.2866732,48.9653482 100.288809,49.269303 101.684237,49.1477211 C103.747044,48.9653482 103.686373,47.2632017 103.686373,45.9258009 L103.686373,33.7068208 C105.870521,25.9863707 109.086073,23.433151 110.784855,23.3115691 C112.119612,23.1899872 113.029674,24.3450152 113.029674,26.1079526 C113.029674,32.6733748 106.416559,35.4697583 106.416559,37.6582323 C106.416559,42.3391351 110.117476,48.4790207 115.699189,47.9926931 C122.130292,47.5063655 125.649198,40.0290792 126.923284,36.0776677 C127.590663,33.7676118 123.707732,30.7280645 122.858341,35.1658035 Z M41.1347929,10.6062614 C41.1347929,9.45123347 41.4381468,7.74908699 42.226867,7.68829605 C43.3796119,7.6275051 44.1683322,9.69439726 44.1683322,14.3753001 C44.1683322,18.2659206 42.6515625,27.8100991 41.1954636,30.9104373 L41.1954636,10.6062614 L41.1347929,10.6062614 Z M24.5109975,19.8464852 C20.8100796,20.1504399 19.2326391,18.0835478 19.2326391,16.3206103 C19.2326391,15.5303281 19.5966639,14.496882 20.9920919,14.3753001 C23.1762402,14.1929272 24.6323391,16.5029832 25.2997177,19.7249033 L24.5109975,19.8464852 Z" /> </g> </g> </g> </svg> </div> </a> <ul> <li class="tw-inline-block"> <a href="https://www.facebook.com/olarklivechat/" target="_blank" rel="noopener" class="tw-inline-block tw-px-2 tw-py-4 tw-text-olark-charcoal hover:tw-text-facebook-blue"> <div class="tw-h-6 footer-icon"><svg width="15" height="28" viewBox="0 0 15 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Facebook" role="img"> <title>Facebook</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-223.000000, -5161.000000)" fill-rule="nonzero"> <path d="M237.435144,5161.00583 L233.837326,5161 C229.795301,5161 227.183167,5163.70466 227.183167,5167.89084 L227.183167,5171.06798 L223.565722,5171.06798 C223.253132,5171.06798 223,5171.32373 223,5171.6392 L223,5176.24251 C223,5176.55798 223.25342,5176.81345 223.565722,5176.81345 L227.183167,5176.81345 L227.183167,5188.42906 C227.183167,5188.74454 227.436299,5189 227.748889,5189 L232.468626,5189 C232.781216,5189 233.034347,5188.74424 233.034347,5188.42906 L233.034347,5176.81345 L237.263984,5176.81345 C237.576574,5176.81345 237.829706,5176.55798 237.829706,5176.24251 L237.831438,5171.6392 C237.831438,5171.48773 237.771691,5171.34267 237.665762,5171.23547 C237.559834,5171.12827 237.415517,5171.06798 237.265427,5171.06798 L233.034347,5171.06798 L233.034347,5168.37468 C233.034347,5167.08017 233.34001,5166.42301 235.01091,5166.42301 L237.434567,5166.42214 C237.746868,5166.42214 238,5166.16638 238,5165.8512 L238,5161.57676 C238,5161.26187 237.747157,5161.00641 237.435144,5161.00583 Z" /> </g> </g> </svg></div> </a> </li> <li class="tw-inline-block"> <a href="https://twitter.com/olark" target="_blank" rel="noopener" class="tw-inline-block tw-px-2 tw-py-4 tw-text-olark-charcoal hover:tw-text-twitter-blue"> <div class="tw-h-6 footer-icon"><svg width="28" height="23" viewBox="0 0 28 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>twitter (1)</title> <desc>Created with Sketch.</desc> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g fill-rule="nonzero"> <g transform="translate(-269.000000, -5164.000000) translate(269.000000, 5164.000000)"> <path d="M28,2.72284615 C26.95875,3.18461538 25.84925,3.49069231 24.6925,3.63930769 C25.8825,2.921 26.79075,1.79223077 27.21775,0.431692308 C26.10825,1.10046154 24.88325,1.57284615 23.57775,1.83646154 C22.52425,0.702384615 21.02275,0 19.38475,0 C16.20675,0 13.64825,2.60784615 13.64825,5.80484615 C13.64825,6.26484615 13.68675,6.70715385 13.78125,7.12823077 C9.009,6.89292308 4.78625,4.58053846 1.9495,1.058 C1.45425,1.92669231 1.16375,2.921 1.16375,3.99138462 C1.16375,6.00123077 2.1875,7.78284615 3.7135,8.81430769 C2.79125,8.79661538 1.8865,8.52592308 1.12,8.09953846 C1.12,8.11723077 1.12,8.14023077 1.12,8.16323077 C1.12,10.9833846 3.10975,13.3258462 5.719,13.8654615 C5.25175,13.9946154 4.7425,14.0565385 4.214,14.0565385 C3.8465,14.0565385 3.4755,14.0353077 3.12725,13.9574615 C3.871,16.2556923 5.9815,17.9453077 8.491,18.0001538 C6.538,19.5446923 4.05825,20.4753077 1.37375,20.4753077 C0.903,20.4753077 0.4515,20.4540769 0,20.3956923 C2.54275,22.0534615 5.55625,23 8.806,23 C19.369,23 25.144,14.1538462 25.144,6.486 C25.144,6.22946154 25.13525,5.98176923 25.123,5.73584615 C26.26225,4.91846154 27.2195,3.89761538 28,2.72284615 Z" /> </g> </g> </g> </svg></div> </a> </li> <li class="tw-inline-block"> <a href="https://www.instagram.com/olarklivechat/" target="_blank" rel="noopener" class="tw-inline-block tw-px-2 tw-py-4 tw-text-olark-charcoal hover:tw-text-instagram-pink"> <div class="tw-h-6 footer-icon"><svg width="28" height="28" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Instagram" role="img"> <title>Instagram</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-325.000000, -5161.000000)" fill-rule="nonzero"> <g transform="translate(325.000000, 5161.000000)"> <path d="M19.25,0 L8.75,0 C3.91825,0 0,3.91825 0,8.75 L0,19.25 C0,24.08175 3.91825,28 8.75,28 L19.25,28 C24.08175,28 28,24.08175 28,19.25 L28,8.75 C28,3.91825 24.08175,0 19.25,0 Z M25.375,19.25 C25.375,22.6275 22.6275,25.375 19.25,25.375 L8.75,25.375 C5.3725,25.375 2.625,22.6275 2.625,19.25 L2.625,8.75 C2.625,5.3725 5.3725,2.625 8.75,2.625 L19.25,2.625 C22.6275,2.625 25.375,5.3725 25.375,8.75 L25.375,19.25 Z" /> <path d="M14,7 C10.13425,7 7,10.13425 7,14 C7,17.86575 10.13425,21 14,21 C17.86575,21 21,17.86575 21,14 C21,10.13425 17.86575,7 14,7 Z M14,18.375 C11.5885,18.375 9.625,16.4115 9.625,14 C9.625,11.58675 11.5885,9.625 14,9.625 C16.4115,9.625 18.375,11.58675 18.375,14 C18.375,16.4115 16.4115,18.375 14,18.375 Z" /> <circle cx="21" cy="7" r="1" /> </g> </g> </g> </svg></div> </a> </li> <li class="tw-inline-block"> <a href="https://www.linkedin.com/company/469764/" target="_blank" rel="noopener" class="tw-inline-block tw-px-2 tw-py-4 tw-text-olark-charcoal hover:tw-text-linkedin-blue"> <div class="tw-h-6 footer-icon"><svg width="25" height="24" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Linkedin" role="img"> <title>Linkedin</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-383.000000, -5162.000000)" fill-rule="nonzero"> <g transform="translate(383.000000, 5162.000000)"> <path d="M25,14.714381 L25,24 L19.6416905,24 L19.6416905,15.3362757 C19.6416905,13.1598776 18.8666688,11.6745709 16.9271384,11.6745709 C15.4465529,11.6745709 14.5654554,12.6755588 14.1778284,13.643846 C14.0364715,13.9900049 14.000086,14.4718128 14.000086,14.9563652 L14.000086,24 L8.6399747,24 C8.6399747,24 8.71216436,9.32649476 8.6399747,7.80621019 L13.9995629,7.80621019 L13.9995629,10.1016151 C13.9886938,10.1187829 13.9745697,10.1372937 13.9643399,10.153936 L13.9995629,10.153936 L13.9995629,10.1016151 C14.7116366,8.99978102 15.9833255,7.42577408 18.8297603,7.42577408 C22.3563007,7.42571569 25,9.74027377 25,14.714381 Z M3.03307007,0 C1.19938296,0 0,1.20834448 0,2.79735865 C0,4.35174525 1.1646831,5.59676109 2.96192664,5.59676109 L2.99773085,5.59676109 C4.86693156,5.59676109 6.02940595,4.35197882 6.02940595,2.79735865 C5.99418298,1.20834448 4.86693156,0 3.03307007,0 Z M0.318343613,24 L5.6764206,24 L5.6764206,7.80621019 L0.318343613,7.80621019 L0.318343613,24 Z" /> </g> </g> </g> </svg></div> </a> </li> </ul> </div> <div class="tw-flex tw-flex-col lg:tw-flex-row tw-flex-wrap lg:tw-flex-no-wrap lg:tw-order-2 lg:tw-w-4/5"> <div class="tw-px-8 tw-my-4 tw-py-4 lg:tw-py-0 lg:tw-w-1/4 tw-relative tw-border-b-2 tw-border-olark-gray lg:tw-border-none"> <h2 class="tw-font-semibold tw-text-olark-purple tw-mb-2 tw-text-xl lg:tw-text-lg">Product</h2> <ul class="tw-relative tw-text-olark-charcoal"> <li> <a href="https://www.olark.com/pricing" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-blue">Pricing</a> </li> <li> <a href="https://www.olark.com/chatbot-copilot" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-blue">Chatbots</a> </li> <li> <a href="https://www.olark.com/features" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-blue">Features</a> </li> <li> <a href="https://www.olark.com/integrations" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-blue">Integrations</a> </li> <li> <a href="https://www.olark.com/product-tour" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-blue">Product Tour</a> </li> <li> <a href="https://www.olark.com/case-studies" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-blue">Case Studies</a> </li> </ul> </div> <div class="tw-px-8 tw-my-4 tw-py-4 lg:tw-py-0 lg:tw-w-1/4 tw-relative tw-border-b-2 tw-border-olark-gray lg:tw-border-none"> <h2 class="tw-font-semibold tw-text-olark-purple tw-mb-2 tw-text-xl lg:tw-text-lg">Support</h2> <ul class="tw-relative tw-text-olark-charcoal"> <li> <a href="https://www.olark.com/faq" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-green">FAQ</a> </li> <li> <a href="https://www.olark.com/help" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-green">Help Center</a> </li> <li> <a href="https://www.olark.com/help/getting-started" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-green">Getting Started</a> </li> <li> <a href="https://www.olark.com/categories/tool-tip" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-green">Troubleshooting</a> </li> <li> <a href="https://www.olark.com/api" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-green">JavaScript API</a> </li> </ul> </div> <div class="tw-px-8 tw-my-0 lg:tw-my-4 lg:tw-w-1/4"> <h2 class="tw-font-semibold tw-text-olark-purple tw-mb-2 tw-text-xl lg:tw-text-lg">About</h2> <ul class="tw-relative tw-text-olark-charcoal"> <li> <a href="https://www.olark.com/about" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-pink">Our Team</a> </li> <li> <a href="https://www.olark.com/values" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-pink">Our Values</a> </li> <li> <a href="https://www.olark.com/jobs" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-pink">Become an Olarker</a> </li> </ul> </div> <div class="lg:tw-order-3 lg:tw-w-1/4 lg:tw-px-4 lg:tw-my-4"> <h2 class="tw-font-semibold tw-text-olark-purple tw-mb-2 tw-text-xl lg:tw-text-lg">Connect with us</h2> <ul class="tw-relative tw-text-olark-charcoal"> <li> <a href="https://blog.olark.com" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-purple">Speak: The Olark Blog</a> </li> <li> <a href="https://www.olark.com/tips-for-remote-managers-and-going-remote-guide" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-purple">Our Guide to Remote Work</a> </li> <li> <a href="https://www.olark.com/partners" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-purple">Become a Partner</a> </li> <li> <a href="https://www.olark.com/contact" class="tw-block lg:tw-inline-block tw-py-1 hover:tw-text-olark-purple">Contact Us</a> </li> </ul> </div> </div> </div> <ul class="tw-hidden lg:tw-block tw-px-8 tw-border-t-2 tw-border-olark-gray tw-flex tw-content-start tw-text-sm"> <li class="tw-inline-block"> <a href="https://www.olark.com/tos" class="tw-inline-block tw-px-6 tw-py-4 tw--ml-6 tw-text-olark-charcoal hover:tw-text-olark-purple hover:tw-underline">Terms of Service</a> </li> <li class="tw-inline-block"> <a href="https://www.olark.com/privacy-policy" class="tw-inline-block tw-px-6 tw-py-4 tw-text-olark-charcoal hover:tw-text-olark-purple hover:tw-underline">Privacy Policy</a> </li> <li class="tw-inline-block"> <a href="https://www.olark.com/help/gdpr" class="tw-inline-block tw-px-6 tw-py-4 tw-text-olark-charcoal hover:tw-text-olark-purple hover:tw-underline">GDPR</a> </li> <li class="tw-inline-block"> <a href="https://www.olark.com/ada-accessible-live-chat" class="tw-inline-block tw-px-6 tw-py-4 tw-text-olark-charcoal hover:tw-text-olark-purple hover:tw-underline">Accessibility</a> </li> <li class="tw-inline-block"> <a href="https://blog.olark.com/statement-of-solidarity-and-action-for-black-lives-matter" class="tw-inline-block tw-px-6 tw-py-4 tw-text-olark-charcoal hover:tw-text-olark-purple hover:tw-underline">Statement of Action</a> </li> </ul> <div class="tw-block lg:tw-hidden mobile-footer-menu"> <div class="tw-bg-white tw-px-8"> <div class="tw-py-4 tw-text-center"> <a class="tw-inline-block tw-mx-auto" href="https://www.olark.com/"> <div class="tw-w-32 tw-text-olark-navy footer-logo"> <svg viewBox="0 0 127 80" aria-label="Olark Logo" role="img"> <title>Olark Logo</title> <g stroke="none" stroke-width="1"> <g class="logo" transform="translate(-50.000000, -5142.000000)" fill-rule="nonzero"> <g transform="translate(50.000000, 5142.000000)"> <path d="M125.275862,52.0021775 C124.793103,52.0625421 124.672414,52.7265526 122.681034,52.8472818 L118.336207,53.1491048 C118.336207,53.1491048 118.336207,53.1491048 118.336207,53.1491048 L38.9827586,59.1855639 C38.137931,59.2459285 37.2931034,59.6684806 36.6896552,60.2721265 L27.637931,69.9304611 L27.637931,60.9361371 C27.637931,60.3928557 27.1551724,59.9703036 26.612069,60.0306682 L15.75,60.8757725 L2.95689655,61.7208767 C1.32758621,61.8416059 0,63.3507207 0,65.5842106 C0,66.550044 0.301724138,67.6969713 0.724137931,67.6969713 C1.20689655,67.6366067 1.32758621,66.9725962 3.31896552,66.851867 L21.6034483,65.4634814 C22.2068966,65.4634814 22.6293103,65.8860335 22.6293103,66.4293149 L22.6293103,78.5625977 C22.6293103,79.9509833 24.3189655,80.4942646 25.3448276,79.4680666 L38.8017241,65.1616584 C39.4051724,64.4976479 40.25,64.0750958 41.1551724,64.0147312 L95.6465517,59.8495744 L123.043103,57.9179075 C124.672414,57.7971783 126,56.2880635 126,54.0545736 C126,53.1491048 125.698276,51.941813 125.275862,52.0021775 Z" /> <path d="M122.858341,35.1658035 C122.190963,38.3269327 119.824802,43.0078355 116.54858,43.2509993 C113.757724,43.4941631 112.240954,40.7585705 111.512905,37.7190233 C114.364431,35.4089673 118.308033,31.0320192 118.308033,25.5608341 C118.308033,21.5486317 116.366567,18.0227568 111.998271,18.3875025 C108.782719,18.6306663 105.991863,21.6702136 103.686373,24.9529246 L103.686373,2.82502039 C103.686373,1.1228739 102.169603,-0.214526903 99.8641136,0.0286368802 C98.8933811,0.0894278259 97.6192946,0.514964446 97.6192946,1.00129201 C97.6192946,1.48761958 98.347344,1.60920147 98.347344,3.67609363 L98.347344,36.1384587 C98.2260024,36.4424134 98.1046608,36.7463681 98.0439901,37.1111138 C97.3766114,40.272243 96.2238665,44.9531458 92.947644,45.1963096 C91.0061789,45.3786824 90.0961171,43.5549541 90.0961171,41.6096438 C90.0961171,34.4971031 93.5543519,27.5061444 93.5543519,26.6550711 C93.8577058,25.0137156 92.0375822,23.3115691 90.1567879,22.9468234 C90.1567879,22.9468234 85.7278205,22.0349592 82.4515981,21.5486317 C81.6628779,18.6914572 79.6607419,18.0227568 77.9619599,18.1443387 C76.1418363,18.2659206 74.3823835,19.7249033 74.3823835,21.6702136 C74.3823835,23.7371057 75.65647,25.1352975 77.4159228,25.9863707 C77.3552521,29.6338275 77.0518981,35.5305492 76.2631779,38.4485146 C76.2631779,38.5093056 76.2631779,38.5700965 76.2631779,38.6308874 C76.2631779,38.6916784 76.2631779,38.7524693 76.2025071,38.8132603 C75.5351285,41.9743895 74.261042,46.6552923 71.4701858,46.8984561 C69.7714038,47.020038 69.0433544,45.3786824 69.0433544,43.7981178 L69.0433544,32.0046744 C69.0433544,30.3025279 67.5265847,28.9651271 65.2210949,29.2082909 C64.2503623,29.2690818 63.4009713,29.8769913 63.4009713,30.5456917 C63.4009713,31.0320192 63.7043252,31.4575558 63.7043252,32.7949567 L63.7043252,43.7373269 C62.915605,45.804219 61.6415185,47.6279474 59.7000533,47.7495293 C57.2125511,47.9319021 55.6351107,45.9258009 55.6351107,42.2175532 C55.6351107,31.9438834 61.9448724,26.837444 67.3445724,26.4119073 C68.0726218,26.3511164 68.7400005,26.4119073 69.4073791,26.4119073 C70.1354285,26.3511164 70.3174409,25.9255798 70.3174409,24.7097609 C70.3174409,22.8860325 68.9826836,21.8525864 67.0412184,21.9741683 C58.4259668,22.7036597 50.17474,30.6064826 50.17474,42.460717 C50.17474,42.9470446 50.17474,43.3725812 50.2354107,43.8589088 C49.0826658,46.3513376 47.2018714,48.7221844 44.8963816,48.9045573 C42.2875378,49.0869301 41.1347929,47.1416199 41.1347929,44.2844454 L41.1347929,40.1506611 C42.0448546,39.2387969 48.5366287,24.3450152 48.5366287,13.8889725 C48.5366287,9.8767701 48.475958,2.46027471 42.226867,2.94660228 C38.6472906,3.25055701 35.7350929,7.26275943 35.7350929,12.6123627 L35.7350929,13.2202721 C34.582348,14.436091 32.2161873,16.746147 30.2747222,17.6580112 C28.6972817,12.7947355 25.7244132,8.90411496 20.5673964,9.32965158 C16.7451369,9.63360631 14.1362931,12.9163174 14.1362931,16.6245651 C14.1362931,22.0957502 18.8686144,25.1960884 24.8143514,24.7705518 L26.1491087,24.6489699 C26.2704503,26.1079526 26.3917919,27.6277263 26.3917919,28.9651271 C26.3311211,42.2783442 21.9021537,50.1811671 16.0170875,50.6067038 C10.9814123,51.0322404 5.70305388,45.7434281 5.70305388,32.8557476 C5.70305388,14.6184639 14.439647,9.45123347 16.9271493,7.87066888 C17.0484908,7.93145983 17.1698324,7.93145983 17.291174,7.93145983 C17.9585526,7.87066888 18.2012358,7.14117754 18.2012358,6.22931335 C18.2012358,4.64874876 17.291174,2.5818566 15.7137336,2.70343849 C15.4103796,2.70343849 15.1676965,2.82502039 14.9250133,2.88581133 C14.3183055,3.12897511 0,9.81597915 0,34.0107756 C0,46.7160832 5.39969995,56.7465893 15.7744043,55.956307 C24.0256312,55.2876066 31.8521626,46.5337104 31.8521626,28.4787995 C31.8521626,26.776653 31.730821,24.8313428 31.4274671,22.8860325 C32.6408828,22.278123 34.278994,21.1230951 35.7350929,19.8464852 L35.7350929,44.9531458 C35.7350929,50.5459128 38.6472906,54.1325786 44.1076614,53.707042 C47.323213,53.4638782 49.8107152,51.457777 51.6915096,49.0261392 C53.0869377,51.3969861 55.3924275,52.7951778 58.6079792,52.552014 C61.2774938,52.3088502 63.2796297,50.9106585 64.7357286,49.1477211 C65.8278027,50.7890766 67.7085971,51.8225227 70.1960993,51.6401498 C76.0811655,51.1538223 78.9326925,45.0139368 80.206779,40.272243 C80.206779,40.211452 80.2674498,40.1506611 80.2674498,40.0898701 C81.5415363,35.8345039 81.9662318,29.6338275 82.0269026,26.837444 L88.4580059,28.0532629 C86.2131868,34.3755212 84.6357464,37.8406051 84.6357464,42.3999261 C84.6357464,48.6613935 88.6400182,50.1811671 91.9769115,49.9380034 C94.7070968,49.6948396 96.7699035,48.2966478 98.2866732,46.3513376 C98.2866732,48.9653482 100.288809,49.269303 101.684237,49.1477211 C103.747044,48.9653482 103.686373,47.2632017 103.686373,45.9258009 L103.686373,33.7068208 C105.870521,25.9863707 109.086073,23.433151 110.784855,23.3115691 C112.119612,23.1899872 113.029674,24.3450152 113.029674,26.1079526 C113.029674,32.6733748 106.416559,35.4697583 106.416559,37.6582323 C106.416559,42.3391351 110.117476,48.4790207 115.699189,47.9926931 C122.130292,47.5063655 125.649198,40.0290792 126.923284,36.0776677 C127.590663,33.7676118 123.707732,30.7280645 122.858341,35.1658035 Z M41.1347929,10.6062614 C41.1347929,9.45123347 41.4381468,7.74908699 42.226867,7.68829605 C43.3796119,7.6275051 44.1683322,9.69439726 44.1683322,14.3753001 C44.1683322,18.2659206 42.6515625,27.8100991 41.1954636,30.9104373 L41.1954636,10.6062614 L41.1347929,10.6062614 Z M24.5109975,19.8464852 C20.8100796,20.1504399 19.2326391,18.0835478 19.2326391,16.3206103 C19.2326391,15.5303281 19.5966639,14.496882 20.9920919,14.3753001 C23.1762402,14.1929272 24.6323391,16.5029832 25.2997177,19.7249033 L24.5109975,19.8464852 Z" /> </g> </g> </g> </svg> </div> </a> <div class="tw-flex tw-justify-center tw-text-olark-navy"> <ul> <li class="tw-inline-block"> <a href="https://www.facebook.com/olarklivechat/" target="_blank" rel="noopener" class="tw-inline-block tw-px-4 tw-py-4 tw-text-olark-charcoal hover:tw-text-facebook-blue"> <div class="tw-h-6 footer-icon"><svg width="15" height="28" viewBox="0 0 15 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Facebook" role="img"> <title>Facebook</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-223.000000, -5161.000000)" fill-rule="nonzero"> <path d="M237.435144,5161.00583 L233.837326,5161 C229.795301,5161 227.183167,5163.70466 227.183167,5167.89084 L227.183167,5171.06798 L223.565722,5171.06798 C223.253132,5171.06798 223,5171.32373 223,5171.6392 L223,5176.24251 C223,5176.55798 223.25342,5176.81345 223.565722,5176.81345 L227.183167,5176.81345 L227.183167,5188.42906 C227.183167,5188.74454 227.436299,5189 227.748889,5189 L232.468626,5189 C232.781216,5189 233.034347,5188.74424 233.034347,5188.42906 L233.034347,5176.81345 L237.263984,5176.81345 C237.576574,5176.81345 237.829706,5176.55798 237.829706,5176.24251 L237.831438,5171.6392 C237.831438,5171.48773 237.771691,5171.34267 237.665762,5171.23547 C237.559834,5171.12827 237.415517,5171.06798 237.265427,5171.06798 L233.034347,5171.06798 L233.034347,5168.37468 C233.034347,5167.08017 233.34001,5166.42301 235.01091,5166.42301 L237.434567,5166.42214 C237.746868,5166.42214 238,5166.16638 238,5165.8512 L238,5161.57676 C238,5161.26187 237.747157,5161.00641 237.435144,5161.00583 Z" /> </g> </g> </svg></div> </a> </li> <li class="tw-inline-block"> <a href="https://twitter.com/olark" target="_blank" rel="noopener" class="tw-inline-block tw-px-4 tw-py-4 tw-text-olark-charcoal hover:tw-text-twitter-blue"> <div class="tw-h-6 footer-icon"><svg width="28" height="23" viewBox="0 0 28 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>twitter (1)</title> <desc>Created with Sketch.</desc> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g fill-rule="nonzero"> <g transform="translate(-269.000000, -5164.000000) translate(269.000000, 5164.000000)"> <path d="M28,2.72284615 C26.95875,3.18461538 25.84925,3.49069231 24.6925,3.63930769 C25.8825,2.921 26.79075,1.79223077 27.21775,0.431692308 C26.10825,1.10046154 24.88325,1.57284615 23.57775,1.83646154 C22.52425,0.702384615 21.02275,0 19.38475,0 C16.20675,0 13.64825,2.60784615 13.64825,5.80484615 C13.64825,6.26484615 13.68675,6.70715385 13.78125,7.12823077 C9.009,6.89292308 4.78625,4.58053846 1.9495,1.058 C1.45425,1.92669231 1.16375,2.921 1.16375,3.99138462 C1.16375,6.00123077 2.1875,7.78284615 3.7135,8.81430769 C2.79125,8.79661538 1.8865,8.52592308 1.12,8.09953846 C1.12,8.11723077 1.12,8.14023077 1.12,8.16323077 C1.12,10.9833846 3.10975,13.3258462 5.719,13.8654615 C5.25175,13.9946154 4.7425,14.0565385 4.214,14.0565385 C3.8465,14.0565385 3.4755,14.0353077 3.12725,13.9574615 C3.871,16.2556923 5.9815,17.9453077 8.491,18.0001538 C6.538,19.5446923 4.05825,20.4753077 1.37375,20.4753077 C0.903,20.4753077 0.4515,20.4540769 0,20.3956923 C2.54275,22.0534615 5.55625,23 8.806,23 C19.369,23 25.144,14.1538462 25.144,6.486 C25.144,6.22946154 25.13525,5.98176923 25.123,5.73584615 C26.26225,4.91846154 27.2195,3.89761538 28,2.72284615 Z" /> </g> </g> </g> </svg></div> </a> </li> <li class="tw-inline-block"> <a href="https://www.instagram.com/olarklivechat/" target="_blank" rel="noopener" class="tw-inline-block tw-px-4 tw-py-4 tw-text-olark-charcoal hover:tw-text-instagram-pink"> <div class="tw-h-6 footer-icon"><svg width="28" height="28" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Instagram" role="img"> <title>Instagram</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-325.000000, -5161.000000)" fill-rule="nonzero"> <g transform="translate(325.000000, 5161.000000)"> <path d="M19.25,0 L8.75,0 C3.91825,0 0,3.91825 0,8.75 L0,19.25 C0,24.08175 3.91825,28 8.75,28 L19.25,28 C24.08175,28 28,24.08175 28,19.25 L28,8.75 C28,3.91825 24.08175,0 19.25,0 Z M25.375,19.25 C25.375,22.6275 22.6275,25.375 19.25,25.375 L8.75,25.375 C5.3725,25.375 2.625,22.6275 2.625,19.25 L2.625,8.75 C2.625,5.3725 5.3725,2.625 8.75,2.625 L19.25,2.625 C22.6275,2.625 25.375,5.3725 25.375,8.75 L25.375,19.25 Z" /> <path d="M14,7 C10.13425,7 7,10.13425 7,14 C7,17.86575 10.13425,21 14,21 C17.86575,21 21,17.86575 21,14 C21,10.13425 17.86575,7 14,7 Z M14,18.375 C11.5885,18.375 9.625,16.4115 9.625,14 C9.625,11.58675 11.5885,9.625 14,9.625 C16.4115,9.625 18.375,11.58675 18.375,14 C18.375,16.4115 16.4115,18.375 14,18.375 Z" /> <circle cx="21" cy="7" r="1" /> </g> </g> </g> </svg></div> </a> </li> <li class="tw-inline-block"> <a href="https://www.linkedin.com/company/469764/" target="_blank" rel="noopener" class="tw-inline-block tw-px-4 tw-py-4 tw-text-olark-charcoal hover:tw-text-linkedin-blue"> <div class="tw-h-6 footer-icon"><svg width="25" height="24" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="Linkedin" role="img"> <title>Linkedin</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-383.000000, -5162.000000)" fill-rule="nonzero"> <g transform="translate(383.000000, 5162.000000)"> <path d="M25,14.714381 L25,24 L19.6416905,24 L19.6416905,15.3362757 C19.6416905,13.1598776 18.8666688,11.6745709 16.9271384,11.6745709 C15.4465529,11.6745709 14.5654554,12.6755588 14.1778284,13.643846 C14.0364715,13.9900049 14.000086,14.4718128 14.000086,14.9563652 L14.000086,24 L8.6399747,24 C8.6399747,24 8.71216436,9.32649476 8.6399747,7.80621019 L13.9995629,7.80621019 L13.9995629,10.1016151 C13.9886938,10.1187829 13.9745697,10.1372937 13.9643399,10.153936 L13.9995629,10.153936 L13.9995629,10.1016151 C14.7116366,8.99978102 15.9833255,7.42577408 18.8297603,7.42577408 C22.3563007,7.42571569 25,9.74027377 25,14.714381 Z M3.03307007,0 C1.19938296,0 0,1.20834448 0,2.79735865 C0,4.35174525 1.1646831,5.59676109 2.96192664,5.59676109 L2.99773085,5.59676109 C4.86693156,5.59676109 6.02940595,4.35197882 6.02940595,2.79735865 C5.99418298,1.20834448 4.86693156,0 3.03307007,0 Z M0.318343613,24 L5.6764206,24 L5.6764206,7.80621019 L0.318343613,7.80621019 L0.318343613,24 Z" /> </g> </g> </g> </svg></div> </a> </li> </ul> </div> </div> <div class="tw-border-t-2 tw-border-olark-gray"> <input aria-labelledby="mobilefooter-columnthree-heading" class="mobile-footer-toggle" id="mobile-footer-get-started" type="checkbox"> <button id="mobilefooter-columnthree-heading" class="footer-toggle tw-font-semibold tw-text-xl tw-cursor-pointer tw-block tw-py-4 tw-relative tw-border-b-2 tw-border-olark-gray tw-text-olark-purple tw-font-sans" data-for="mobile-footer-get-started"> Product </button> <ul class="footer-link-list tw-border-b-2 tw-border-olark-gray tw-py-2"> <li> <a href="https://www.olark.com/pricing" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-blue">Pricing</a> </li> <li> <a href="https://www.olark.com/chatbot-copilot" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-blue">Chatbots</a> </li> <li> <a href="https://www.olark.com/features" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-blue">Features</a> </li> <li> <a href="https://www.olark.com/integrations" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-blue">Integrations</a> </li> <li> <a href="https://www.olark.com/product-tour" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-blue">Product Tour</a> </li> <li> <a href="https://www.olark.com/case-studies" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-blue">Case Studies</a> </li> </ul> <input aria-labelledby="mobilefooter-columntwo-heading" class="mobile-footer-toggle" id="mobile-footer-our-company" type="checkbox"> <button id="mobilefooter-columntwo-heading" class="footer-toggle tw-font-semibold tw-text-xl tw-cursor-pointer tw-block tw-py-4 tw-relative tw-border-b-2 tw-border-olark-gray tw-text-olark-purple tw-font-sans" data-for="mobile-footer-our-company"> Support </button> <ul class="footer-link-list tw-border-b-2 tw-border-olark-gray tw-py-2"> <li> <a href="https://www.olark.com/faq" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-green">FAQ</a> </li> <li> <a href="https://www.olark.com/help" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-green">Help Center</a> </li> <li> <a href="https://www.olark.com/help/getting-started" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-green">Getting Started</a> </li> <li> <a href="https://www.olark.com/categories/tool-tip" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-green">Troubleshooting</a> </li> <li> <a href="https://www.olark.com/api" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-green">JavaScript API</a> </li> <li> <a href="https://www.olark.com/partners-directory" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-blue">Hire an Expert</a> </li> </ul> <input aria-labelledby="mobilefooter-columnone-heading" class="mobile-footer-toggle" id="mobile-footer-resources" type="checkbox"> <button id="mobilefooter-columnone-heading" class="footer-toggle tw-font-semibold tw-text-xl tw-cursor-pointer tw-block tw-py-4 tw-relative tw-border-b-2 tw-border-olark-gray tw-text-olark-purple tw-font-sans" data-for="mobile-footer-resources"> About </button> <ul class="footer-link-list tw-border-b-2 tw-border-olark-gray tw-py-2"> <li> <a href="https://www.olark.com/about" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-pink">Our Team</a> </li> <li> <a href="https://www.olark.com/values" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-pink">Our Values</a> </li> <li> <a href="https://www.olark.com/jobs" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-pink">Become an Olarker</a> </li> </ul> <input aria-labelledby="mobilefooter-columnfour-heading" class="mobile-footer-toggle" id="mobile-footer-connect" type="checkbox"> <button id="mobilefooter-columnfour-heading" class="footer-toggle tw-font-semibold tw-text-xl tw-cursor-pointer tw-block tw-py-4 tw-relative tw-border-b-2 tw-border-olark-gray tw-text-olark-purple tw-font-sans" data-for="mobile-footer-connect"> Connect with us </button> <ul class="footer-link-list tw-border-b-2 tw-border-olark-gray tw-py-2"> <li> <a href="https://blog.olark.com" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-pink">Speak: The Olark Blog</a> </li> <li> <a href="https://www.olark.com/tips-for-remote-managers-and-going-remote-guide" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-pink">Our Guide to Remote Work</a> </li> <li> <a href="https://www.olark.com/partners" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-pink">Become a Partner</a> </li> <li> <a href="https://www.olark.com/contact" class="tw-block tw-leading-loose tw-text-xl tw-text-olark-charcoal hover:tw-text-olark-pink">Contact Us</a> </li> </ul> </div> <ul class="tw-border-b-2 tw-border-olark-gray tw-py-4 tw-text-xl tw-text-olark-charcoal tw-leading-loose"> <li> <a href="https://www.olark.com/tos" class="tw-block">Terms of Service</a> </li> <li> <a href="https://www.olark.com/privacy-policy" class="tw-block">Privacy Policy</a> </li> <li> <a href="https://www.olark.com/help/gdpr" class="tw-block">GDPR</a> </li> <li> <a href="https://www.olark.com/ada-accessible-live-chat" class="tw-block">Accessibility</a> </li> <li> <a href="https://blog.olark.com/statement-of-solidarity-and-action-for-black-lives-matter" class="tw-block">Statement of Action</a> </li> </ul> <address class="tw-text-olark-charcoal tw-py-4 tw-leading-snug tw-text-xl tw-not-italic tw-leading-normal"> 2810 N Church St., #63602 <br/> Wilmington, DE 19802 </address> <div class="tw-text-olark-charcoal tw-text-xl tw-pb-16"> © Olark </div> </div> </div> </footer> <script type="text/javascript"> ;(function(o,l,a,r,k,y){if(o.olark)return; r="script";y=l.createElement(r);r=l.getElementsByTagName(r)[0]; y.async=1;y.src="//"+a;r.parentNode.insertBefore(y,r); y=o.olark=function(){k.s.push(arguments);k.t.push(+new Date)}; y.extend=function(i,j){y("extend",i,j)}; y.identify=function(i){y("identify",k.i=i)}; y.configure=function(i,j){y("configure",i,j);k.c[i]=j}; k=y._={s:[],t:[+new Date],c:{},l:a}; })(window,document,"static.olark.com/jsclient/loader.js"); olark.identify('9353-431-10-4341'); </script> <script> window.callbacksWhenVisitorHasConsented = []; window.callbacksWhenVisitorHasConsented.push(function () { analytics.load("skpn2o50ooslt1t0endk"); }); (function(){ function getParameterByName(name, url) { var href = url || document.location.href; var query = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]" + query + "(=([^&#]*)|&|#|$)"); var results = regex.exec(href); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, " ")); } function addUTMParametersToDict(props) { props = props || {}; var utm_source = getParameterByName('utm_source'); var utm_campaign = getParameterByName('utm_campaign'); var utm_medium = getParameterByName('utm_medium'); var utm_term = getParameterByName('utm_term'); var utm_content = getParameterByName('utm_content'); if (utm_source){ props.utm_source = utm_source; } if (utm_campaign){ props.utm_campaign = utm_campaign; } if (utm_medium){ props.utm_medium = utm_medium; } if (utm_term){ props.utm_term = utm_term; } if (utm_content){ props.utm_content = utm_content; } return props; } if((getParameterByName("utm_source") || getParameterByName("utm_campaign")) && analytics.load){ analytics.load("skpn2o50ooslt1t0endk"); } var pageName; var props = { path:document.location.pathname, url:document.location.href}; if(document.head.querySelector) { var metaTag = document.head.querySelector("meta[name=pageName]"); if(metaTag) { pageName = metaTag.content; if(metaTag.dataset.analyticsEventVariant){ props.variant = metaTag.dataset.analyticsEventVariant; } } }; addUTMParametersToDict(props); analytics.page(pageName, props); })(); </script> <script async type="text/javascript" src="//static.olark.com/a/cookie-consent/cookie-consent.js"></script> </body> </html>