How e.l.f. Cosmetics makes every customer journey beautiful.

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8; IE=7; IE=EDGE"/> <script type="text/javascript" src="https://static.cloud.coveo.com/coveo.analytics.js/2/coveoua.js"></script> <script> coveoua("init", "xx24e65ef6-c6f0-4a55-b6b9-e7fd84967788"); coveoua("send", "view", { contentIdKey: "@clickableuri", contentIdValue: window.location.href }); </script> <link rel="icon" type="image/x-icon" href="https://www.salesforce.com/etc/designs/sfdc-www/en_us/favicon.ico"/> <link rel="shortcut icon" type="image/x-icon" href="https://www.salesforce.com/etc/designs/sfdc-www/en_us/favicon.ico"/> <link rel="preconnect" href="//www.salesforce.com"/> <link rel="preconnect" href="https://a.sfdcstatic.com"/> <link rel="preconnect" href="https://api.company-target.com"/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://service.force.com"/> <link rel="preconnect" href="https://geolocation.onetrust.com"/> <link rel="preconnect" href="https://cdn.krxd.net"/> <link rel="preconnect" href="https://www.googletagmanager.com"/> <link rel="preconnect" href="https://org62.my.salesforce.com"/> <link rel="preconnect" href="https://www.google-analytics.com"/> <link rel="preconnect" href="https://dpm.demdex.net"/> <link rel="preconnect" href="https://cdn.evgnet.com"/> <link rel="preconnect" href="https://salesforce.us-1.evergage.com"/> <script type="text/javascript" id="akamaiRootBlock"> window['akamaiRoot'] = '//www.salesforce.com'; </script> <title>How e.l.f. Cosmetics makes every customer journey beautiful. - Salesforce.com</title> <link rel="preload" as="font" href="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.woff2" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" as="font" href="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Bold.woff2" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" as="font" href="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Light.woff2" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" as="font" href="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/salesforce-icons.woff2" type="font/woff2" crossorigin="anonymous"/> <meta http-equiv="Content-Language" content="en_us"/> <meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta name="keywords" content="Personalization,Resource,Customer Story,Collaboration,Commerce,Future of Work,Employee Experience,Marketing,Service,Consumer Goods,Digital Transformation"/> <meta name="description" content="Learn how to map and build personalized journeys that create special moments for customers."/> <meta property="og:title" content="See how e.l.f. Cosmetics makes every customer journey beautiful"/> <meta property="og:description" content="Learn how to map and build personalized journeys that create special moments for customers."/> <meta property="og:image" content="https://www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-resource-card.jpg"/> <meta property="og:site_name" content="Salesforce"/> <meta property="og:url" content="https://www.salesforce.com/resources/guides/elf-cosmetics-customer-journey/"/> <meta property="og:type" content="website"/> <meta property="og:locale" content="en_us"/> <meta property="fb:admins"/> <meta property="fb:app_id" content="149533758430156"/> <link rel="canonical" href="https://www.salesforce.com/resources/guides/elf-cosmetics-customer-journey/"/> <meta property="twitter:domain" content="www.salesforce.com"/> <meta property="twitter:card" content="summary"/> <meta property="twitter:url" content="https://www.salesforce.com/resources/guides/elf-cosmetics-customer-journey/"/> <meta property="twitter:site" content="@salesforce"/> <link rel="preload" href="//www.salesforce.com/etc.bundles/sfdc-www/bundles/all.bundle.faeb3f361bacd3db31b1.css" as="style"/> <link rel="preload" href="//www.salesforce.com/etc.bundles/sfdc-www/bundles/vendors~scriptloader.bundle.914d89992c829da7cb32.js" as="script"/><link rel="preload" href="//www.salesforce.com/etc.bundles/sfdc-www/bundles/scriptloader.bundle.914d89992c829da7cb32.js" as="script"/><link rel="preload" href="//www.salesforce.com/etc.bundles/sfdc-www/bundles/vendors~utils~webpack-script-manifest-SfdcWwwBaseCnc-js~webpack-script-manifest-commonlyUsed-js~webp~72b17f21.bundle.914d89992c829da7cb32.js" as="script"/><link rel="preload" href="//www.salesforce.com/etc.bundles/sfdc-www/bundles/vendors~utils~webpack-script-manifest-SfdcWwwBaseCnc-js~webpack-script-manifest-commonlyUsed-js~webp~8dbeef75.bundle.914d89992c829da7cb32.js" as="script"/><link rel="preload" href="//www.salesforce.com/etc.bundles/sfdc-www/bundles/utils.bundle.914d89992c829da7cb32.js" as="script"/> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebSite","name":"Salesforce","url":"https://www.salesforce.com","keywords":[{"@type":"DefinedTerm","name":"Personalization (Topics)","termCode":"efc8dd44-686c-44f9-a465-14ede31cb881","additionalType":"Topics"},{"@type":"DefinedTerm","name":"Collaboration (Topics)","termCode":"497023a3-a9f8-4adc-8e56-690900c560f2","additionalType":"Topics"},{"@type":"DefinedTerm","name":"Employee Experience","termCode":"cf5c9e62-a0da-491a-b665-6aa9f65cee83","additionalType":"Topics"},{"@type":"DefinedTerm","name":"Digital Transformation","termCode":"d0c21c93-eee0-4358-ad19-225d302fa229","additionalType":"Topics"},{"@type":"DefinedTerm","name":"Resource","termCode":"cb3bd8e2-f608-4fe4-83bc-f3d9757d2d88","additionalType":"Page Type"},{"@type":"DefinedTerm","name":"Customer Stories","termCode":"0681c4df-5f82-4360-a8e8-ccac729d0c02","additionalType":"Content Type"},{"@type":"DefinedTerm","name":"Commerce (Department)","termCode":"6e4f0ae8-be9b-4fca-86fe-ef151e597809","additionalType":"Role"},{"@type":"DefinedTerm","name":"Marketing (Department)","termCode":"5cc3cbb0-e35a-434d-b2e5-08b1dbbd255f","additionalType":"Role"},{"@type":"DefinedTerm","name":"Service","termCode":"53e2fe10-46c0-4233-8a9b-66b610a24fe0","additionalType":"Role"},{"@type":"DefinedTerm","name":"Future of Work","termCode":"7e044a87-84aa-4385-a013-28d97162451b","additionalType":"Funnel Lifecycle Campaign"},{"@type":"DefinedTerm","name":"Consumer Products","termCode":"7c5366f1-199c-41c1-ab10-01e3128b18e8","additionalType":"Industry"}]} </script> <script src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/sfdc_jquery.min.js"></script>  <link rel="preconnect" href="https://cdn.optimizely.com"/>  <link rel="preconnect" href="https://a10681260716.cdn.optimizely.com"/> <script src="https://a.sfdcstatic.com/digital/one-trust/core/stable/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="8e783e8c-0ad0-475d-8fca-4a03afa0a02a" crossorigin></script> <script>  function OptanonWrapper() { function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) { return parts.pop().split(";").shift(); } } function removeElement(element) { if (!getCookie('OptanonAlertBoxClosed') && element) { element.style.display = "none"; } }  var footerLinkToggle = document.querySelector(".page-footer_link .optanon-toggle-display"); if (footerLinkToggle) { footerLinkToggle.addEventListener("click", Optanon.ToggleInfoDisplay, false); footerLinkToggle.addEventListener("keydown", function(e){ if (e.keyCode === 13) { Optanon.ToggleInfoDisplay() } }, false); } //Check if user's cookies are enabled, if not remove One Trust from page var cookies = ("cookie" in document && (document.cookie.length > 0 || (document.cookie = "test").indexOf.call(document.cookie, "test") > -1)); if (!cookies) { var box = document.querySelector('#onetrust-consent-sdk'); box.remove(); return; } try { //Check if current page is Privacy page, if so do not display One Trust modal if(digitalData) { if(digitalData.page.pagename.indexOf(":company:privacy") > -1){ var el = document.querySelector("#onetrust-consent-sdk"); removeElement(el); } }  if (SfdcWwwBase.gdpr) { SfdcWwwBase.gdpr.init(); } }catch(err){ console.error(err.message) } } </script> <script src="//www.salesforce.com/etc/clientlibs/granite/lodash/modern.min.js"></script> <script src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_analytics_top.min.js"></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', (function(){ var gtmContainerID = "GTM-WRXS6TH"; var searchString = window.location.search || ""; if (searchString.indexOf("gtmTest=") > -1) { if (searchString.indexOf("gtmTest=baseline") > -1) { gtmContainerID = "GTM-NRZ2K87"; } else if (searchString.indexOf("gtmTest=test") > -1) { gtmContainerID = "GTM-5P8WRDB"; } } return gtmContainerID; })());</script>     <link rel="stylesheet" href="//www.salesforce.com/etc.bundles/sfdc-www/bundles/all.bundle.faeb3f361bacd3db31b1.css" type="text/css"/> <link rel="stylesheet" type="text/css" href="//www.salesforce.com/etc.bundles/sfdc-www/bundles/webpack-style-manifest-formContainerV2-js.bundle.914d89992c829da7cb32.css"/> <script type="text/javascript"> var SfdcWwwBase = SfdcWwwBase || {}; SfdcWwwBase.linkedDataParameters = { organizationSchema : "[\n{ \x22@context\x22:\x22https:\/\/schema.org\x22,\n \x22@type\x22:\x22Organization\x22,\n \x22@id\x22:\x22https:\/\/www.salesforce.com\/#organization\x22,\n \x22url\x22:\x22https:\/\/www.salesforce.com\/\x22,\n \x22name\x22:\x22Salesforce\x22,\n \x22sameAs\x22: [\n \x22https:\/\/www.wikidata.org\/wiki\/Q941127\x22,\n \x22https:\/\/en.wikipedia.org\/wiki\/Salesforce\x22,\n \x22https:\/\/www.crunchbase.com\/organization\/salesforce\x22,\n \x22https:\/\/www.instagram.com\/salesforce\/\x22,\n \x22https:\/\/www.facebook.com\/salesforce\x22,\n \x22https:\/\/twitter.com\/salesforce\x22,\n \x22https:\/\/www.linkedin.com\/company\/salesforce\/\x22,\n \x22https:\/\/www.youtube.com\/Salesforce\/\x22],\n \x22subOrganization\x22: [\n {\n \x22@type\x22: \x22Organization\x22,\n \x22@id\x22: \x22https:\/\/www.salesforce.com\/eu\/#organization\x22,\n \x22name\x22: \x22Salesforce EMEA\x22 },\n {\n \x22@type\x22: \x22Organization\x22,\n \x22@id\x22: \x22https:\/\/www.salesforce.com\/uk\/#organization\x22,\n \x22name\x22: \x22Salesforce UK\x22 },\n { \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/mx\/#organization\x22, \n \x22name\x22: \x22Salesforce LATAM\x22 },\n { \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/br\/#organization\x22, \n \x22name\x22: \x22Salesforce Brazil\x22 },\n { \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/ca\/#organization\x22, \n \x22name\x22: \x22Salesforce Canada\x22 },\n { \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/fr\u002Dca\/#organization\x22, \n \x22name\x22: \x22Salesforce Canada (French)\x22 },\n { \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/es\/#organization\x22, \n \x22name\x22: \x22Salesforce España\x22},\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/de\/#organization\x22, \n \x22name\x22: \x22Salesforce Deutschland\x22},\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/fr\/#organization\x22, \n \x22name\x22: \x22Salesforce France\x22},\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/it\/#organization\x22, \n \x22name\x22: \x22Salesforce Italia\x22},\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/nl\/#organization\x22, \n \x22name\x22: \x22Salesforce Nederland\x22},\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/se\/#organization\x22, \n \x22name\x22: \x22Salesforce Sverige\x22},\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/au\/#organization\x22, \n \x22name\x22: \x22Salesforce Australia\x22 },\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/in\/#organization\x22, \n \x22name\x22: \x22Salesforce India\x22 },\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/jp\/#organization\x22, \n \x22name\x22: \x22Salesforce 日本\x22 },\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/cn\/#organization\x22, \n \x22name\x22: \x22Salesforce 中国 \x22 },\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/hk\/#organization\x22, \n \x22name\x22: \x22Salesforce 香港\x22 },\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/tw\/#organization\x22, \n \x22name\x22: \x22Salesforce 台灣\x22 },\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/kr\/#organization\x22, \n \x22name\x22: \x22Salesforce 한국\x22 },\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/my\/#organization\x22, \n \x22name\x22: \x22Salesforce Malaysia\x22 },\n{ \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/th\/#organization\x22, \n \x22name\x22: \x22Salesforce ประเทศไทย\x22 },\n { \n \x22@type\x22: \x22Organization\x22, \n \x22@id\x22: \x22https:\/\/www.salesforce.com\/ap\/#organization\x22, \n \x22name\x22: \x22Salesforce APAC\x22 }\n ],\n \x22logo\x22:\x22https:\/\/www.sfdcstatic.com\/common\/assets\/img\/logo\u002Dcompany\u002Dlarge.png\x22,\n \x22address\x22:{ \n \x22@type\x22:\x22PostalAddress\x22,\n \x22streetAddress\x22:\x22415 Mission Street, 3rd Floor\x22,\n \x22addressLocality\x22:\x22San Francisco\x22,\n \x22addressRegion\x22:\x22CA\x22,\n \x22postalCode\x22:\x2294105\x22,\n \x22addressCountry\x22:\x22USA\x22\n },\n \x22contactPoint\x22:[ \n { \n \x22@type\x22:\x22ContactPoint\x22,\n \x22telephone\x22:\x22+1\u002D800\u002D667\u002D6389\x22,\n \x22contactOption\x22:\x22TollFree\x22,\n \x22areaServed\x22: [\x22US\x22,\x22CA\x22],\n \x22contactType\x22:\x22customer service\x22,\n \x22availableLanguage\x22:{ \n \x22@type\x22:\x22Language\x22,\n \x22name\x22:\x22English\x22\n }\n },\n { \n \x22@type\x22:\x22ContactPoint\x22,\n \x22telephone\x22:\x22+1\u002D800\u002DNO\u002DSOFTWARE\x22,\n \x22contactOption\x22:\x22TollFree\x22,\n \x22areaServed\x22: [\x22US\x22,\x22CA\x22],\n \x22contactType\x22:[\x22sales\x22, \x22billing support\x22, \x22technical support\x22],\n \x22availableLanguage\x22:{ \n \x22@type\x22:\x22Language\x22,\n \x22name\x22:\x22English\x22\n }\n }\n ]\n },\n{\n \x22@context\x22:\x22https:\/\/schema.org\x22,\n \x22@type\x22:\x22WebSite\x22,\n \x22@id\x22:\x22https:\/\/www.salesforce.com\/#website\x22,\n \x22name\x22:\x22Salesforce\x22,\n \x22url\x22:\x22https:\/\/www.salesforce.com\/\x22,\n \x22sameAs\x22:[\n\x22https:\/\/www.salesforce.com\/ap\/#website\x22,\n\x22https:\/\/www.salesforce.com\/au\/#website\x22,\n\x22https:\/\/www.salesforce.com\/br\/#website\x22,\n\x22https:\/\/www.salesforce.com\/ca\/#website\x22,\n\x22https:\/\/www.salesforce.com\/cn\/#website\x22,\n\x22https:\/\/www.salesforce.com\/de\/#website\x22,\n\x22https:\/\/www.salesforce.com\/es\/#website\x22,\n\x22https:\/\/www.salesforce.com\/eu\/#website\x22,\n\x22https:\/\/www.salesforce.com\/fr\u002Dca\/#website\x22,\n\x22https:\/\/www.salesforce.com\/fr\/#website\x22,\n\x22https:\/\/www.salesforce.com\/hk\/#website\x22,\n\x22https:\/\/www.salesforce.com\/in\/#website\x22,\n\x22https:\/\/www.salesforce.com\/it\/#website\x22,\n\x22https:\/\/www.salesforce.com\/jp\/#website\x22,\n\x22https:\/\/www.salesforce.com\/kr\/#website\x22,\n\x22https:\/\/www.salesforce.com\/mx\/#website\x22,\n\x22https:\/\/www.salesforce.com\/my\/#website\x22,\n\x22https:\/\/www.salesforce.com\/nl\/#website\x22,\n\x22https:\/\/www.salesforce.com\/se\/#website\x22,\n\x22https:\/\/www.salesforce.com\/th\/#website\x22,\n\x22https:\/\/www.salesforce.com\/tw\/#website\x22,\n\x22https:\/\/www.salesforce.com\/uk\/#website\x22\n ],\n \x22publisher\x22:{\n \x22@id\x22:\x22https:\/\/www.salesforce.com\/#organization\x22\n },\n \x22potentialAction\x22:{\n \x22@type\x22:\x22SearchAction\x22,\n \x22target\x22:\x22https:\/\/www.salesforce.com\/search\/#q={term}\x26sort=relevancy\x22,\n \x22query\u002Dinput\x22:\x22required name=term\x22\n }\n}\n]", uninheritableSchema : "" }; </script> <meta class="hidden" data-load-libs="linkedData"/> <div> </div> <script type="text/javascript" src="//www.salesforce.com/etc.bundles/sfdc-www/bundles/videoComponent.bundle.a6daf46c24781fdce5b3.js"></script> <script type="text/javascript" async src="https://play.vidyard.com/embed/v4.js"></script> <script>window.videoUtils.scriptsLoaded["Vidyard"] = true;</script> <span class="optScriptUrl" data-src="https://optimizely-edge.salesforce.com/edge-client/v1/10681260716/17965891249"></span> <script> SfdcWwwBase = SfdcWwwBase || []; SfdcWwwBase.gdpr = SfdcWwwBase.gdpr || []; $.when(SfdcWwwBase.gdpr.hasAdvertising).done(function(){ if (SfdcWwwBase.gdpr.isAdvertisingActive()) { window.optimizelyEdge = window.optimizelyEdge || []; window.optimizelyEdge.push({ type : 'holdEvents' }); window.addEventListener('load', function() { window.optimizelyEdge.push({ type : 'sendEvents'}); }); var scriptSrc = document.querySelector('.optScriptUrl').dataset.src; var script = document.createElement('script'); script.setAttribute('src', scriptSrc); document.head.appendChild(script); } }); </script> <script src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_www_tags.min.js"></script> <script type="module"> import { getTbidUserInfo, getGacId, isGdprFunctional, isGdprAdvertising } from 'https://a.sfdcstatic.com/digital/@sfdc-www/clientlibs-web-components/v1-stable/identity.js'; window.getTbidUserInfo = await getTbidUserInfo; window.getGacId = await getGacId; window.isGdprFunctional = await isGdprFunctional; window.isGdprAdvertising = await isGdprAdvertising; </script> <script> var _aaq = window._aaq || (window._aaq = []); </script> <script type="text/javascript" src="//cdn.evgnet.com/beacon/salesforce/sf_shared_prod/scripts/evergage.min.js" async></script>  <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <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="NCPYV-VGJPP-N4J93-8HN3B-8B6S3",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+"NCPYV-VGJPP-N4J93-8HN3B-8B6S3";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="bdpnbet4tppfez2gwjrq-f-fa0dab234-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1073024","ak.ai":parseInt("638429",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"1a03766a","ak.r":6099,"ak.a2":n,"ak.m":"dsca","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":44450,"ak.gh":"124.155.222.78","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732686435","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==H9QzrKxv93qLSXRbQH21bPggyhHl8fKN7jj8lHA9ZyTHoEiUAy8a5+g6dHwde0cqXGoWX/cfNQl1Pw1ju2UnpjTnjBT1YTGYNM5g4UO9T7b2iypaJkOPRl2l8Xh67qUiVv4bsDdua0OiKXvxEMyEtiaqiMiyLT+25U5MW9z8uPVYM3FTtu6al0PIbCrDkD4jDAwe/zzyb2XOI5SdMxhBubiGL3fep3SMslofDvM9iykiDc8SYNvxJN5sFwqg6KEdncifu5JMvummtq2VtNzH3go+m0la8uB4HfMXrFXj+UYKqqAEPHJu5ssut/rxHGpKrQgyk3FD6QGcxKJtqU2urwXL+fjPQvmSY2AQC8GKrKT6IOlVJmJs6I27RJ9UfCRRLJ14+weUfxWn/3NxjNKnwbY2Fa9qRZxnrKXKWjEhHhA=","ak.pv":"640","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 class=" cxt-has-fixed-nav">   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRXS6TH" title="Intentionally Blank" aria-hidden="true" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div aria-hidden="true"><script src="//www.salesforce.com/etc.clientlibs/foundation/clientlibs/shared.min.js"></script> <script src="//www.salesforce.com/etc.clientlibs/cq/personalization/clientlib/underscore.min.js"></script> <script src="//www.salesforce.com/etc.clientlibs/cq/personalization/clientlib/personalization/kernel.min.js"></script> <style> .content-container .target:first-child { min-height: 700px; } </style> <script type="text/javascript"> $CQ(function() { if (window.CQ_Analytics && CQ_Analytics.SegmentMgr) { CQ_Analytics.SegmentMgr.areSegmentsLoaded = true; CQ_Analytics.SegmentMgr.fireEvent('segmentsload'); } if ( CQ_Analytics && CQ_Analytics.CampaignMgr ) { var campaigns = []; CQ_Analytics.CampaignMgr.addInitProperty('campaigns', campaigns); CQ_Analytics.CampaignMgr.init(); } CQ_Analytics.SFDCSegmentUtils.init(); CQ_Analytics.kruxStore.init(); CQ_Analytics.SFDCSegmentUtils.init(); CQ_Analytics.DemandbaseStore.init(); if( CQ_Analytics && CQ_Analytics.PageDataMgr) { CQ_Analytics.PageDataMgr.loadInitProperties({ "hits": 0, "title": "How e.l.f. Cosmetics makes every customer journey beautiful.", "path": "/content/www/en_us/home/resources/guides/elf-cosmetics-customer-journey", "navTitle": "How e.l.f. Cosmetics makes every customer journey beautiful.", "tags": "Personalization Resource Customer Story Collaboration Commerce Future of Work Employee Experience Marketing Service Consumer Goods Digital Transformation ", "description": "Learn how to map and build personalized journeys that create special moments for customers.", "sitesection": "en_us", "subsection": "home", "random": "0.30" }, true); } CQ_Analytics.Utils.isOptimizedCC = true; CQ_Analytics.ClientContextMgr.PATH = "\/etc\/clientcontext\/sfdc\u002Dwww"; CQ_Analytics.ClientContextMgr.loadConfig({"initializationEventTimer": 10}, true); }); </script> </div> <div aria-hidden="true"></div> <a class="screen-reader-text" href="#main"><div class="container">Skip to content</div></a> <header class="container-fluid header-container" role="banner"> <div class="page-message-alert-replace"></div> <div><div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="iparsys parsys"><div class="referenceComponent reference parbase section"><div class="cq-dd-paragraph"><div class="globalnavigationbarconsolidated globalNavigationBarConsolidated parbase"> <script type="text/javascript"> window.sfdcBase = window.sfdcBase || {}; if (!sfdcBase.env) window.sfdcBase.env = ({ 'www.salesforce.com': 'PROD', 'www-uat1.salesforce.com': 'UAT', 'www-uat2.salesforce.com': 'UAT', 'www-perf.salesforce.com': 'PERF', 'www-qa1.salesforce.com': 'QA', 'www-qa2.salesforce.com': 'QA', 'www-int.salesforce.com': 'INT', })[location.hostname] ?? 'PROD'; window.sfdcBase.ssoEnabled=true; </script> <div id="aem-hgf-nav"> <script type="module" src="https://a.sfdcstatic.com/digital/xsf/components/v1-stable/navs.js"></script> <hgf-c360nav id="c360-hgf-nav" search="true" show-button-main="true" show-button-secondary="false" origin="https://wp.sfdcdigital.com/en-us/wp-json" show-region-selector="true" home-href="/" locale="us"> </hgf-c360nav> <script> document.getElementById('c360-hgf-nav').setAttribute("show-button-main", !vp.isCustomer()); </script> <script> document.getElementById('c360-hgf-nav').setAttribute("show-button-secondary", vp.isCustomer()); </script> <script type="module" src="//www.salesforce.com/etc/clientlibs/sfdc-www/clientlibs_hgf_tbidauth.js"></script> </div> </div> </div> </div> </div> </div> </div> </header> <div class="container-fluid content-container" role="main" id="main"> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-cirrus bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-12 col-lg-8"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col col-divider text-left col-xs-12 col-sm-6 col-md-3 col-lg-3"><div class="spacerComponent parbase section"><div class="spacer " style="height:2px;"></div> </div> <div class="headingComponent parbase section"> <h4 id="resource-center" class=" h4gn text-snow text-left salesforce-sans-bold margin-20-top-lg margin-10-bottom-lg " style="; "> <a class=" text-snow " href="/resources/"> <span class=" header-text "> RESOURCE CENTER </span> </a> </h4> </div> <div class="barComponent parbase section"><div class=" bg-snow bar-align-center hidden-sm hidden-md hidden-lg" style="height:1px;width:100%;"></div> </div> </div> <div class="col text-left col-xs-12 col-sm-6 col-md-9 col-lg-9"><div class="buttonCTAComponent parbase section"> <div class="margin-10-top-lg margin-0-top-xs margin-10-bottom-lg margin-0-bottom-xs margin-30-left-lg margin-50-left-md margin-0-left-sm margin-0-left-xs text-left "> <div class="cta_0 buttonCTAItemComponent parbase"> <div class="btn-container "> <a role="button" class="btn btn-xlg simple-link text-white with-plus salesforce-sans-bold drop-panel " data-drop-panel-target-id="cr-menu" data-content-replacement-close-color="sfdc-swap-button-day" href="#"> <span> BROWSE BY CATEGORY <span class="sfdc-icon icon-plus"></span> </span> </a> </div> </div> </div></div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-12 col-md-12 col-lg-4"> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="dropPanelContainer parbase section"> <div class="drop-panel-container" data-content-src="/content/www/en_us/shared/modules/modals/resource-menu.html#module-par_columncontainer_8f26" data-panel-name="cr-menu"> <button type="button" class="close" aria-label="Close"> <span aria-hidden="true" class="text-day icon-sfdc-icon-x h3"></span> </button> <div class="drop-panel-body"> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper bg-center-top bg-cover column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="visible-lg"> <div style="background-image:url('//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/video-jumbotron-1600.jpg');" class="columns-wrapper column-container-image bg-center-top bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/video-jumbotron-1600.jpg"> </div> </div> <div class="visible-md"> <div style="background-image:url('//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/video-jumbotron-1440.jpg');" class="columns-wrapper column-container-image bg-center-top bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/video-jumbotron-1440.jpg"> </div> </div> <div class="visible-sm"> <div style="background-image:url('//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/video-jumbotron-1024.jpg');" class="columns-wrapper column-container-image bg-center-top bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/video-jumbotron-1024.jpg"> </div> </div> <div class="visible-xs"> <div style="background-image:url('//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-video-jumbotron-mobile-background.png');" class="columns-wrapper column-container-image bg-center-top bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-video-jumbotron-mobile-background.png"> </div> </div> <div class="container"> <div class="row columns-wrapper xs-min-height-300" style="min-height: 500px; 500"> <div class="col text-center col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" removeGutters hidden-sm hidden-md hidden-lg columns-wrapper container-fluid column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="imageComponent parbase section"> <div class=" image-link"> <img class=" img-responsive hidden-sm hidden-md hidden-lg margin--10-bottom-lg " alt="" src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-video-jumbotron-mobile-people.png" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-video-jumbotron-mobile-people.png"/> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-1 col-md-1 col-lg-1"> </div> <div class="col text-left col-xs-12 col-sm-11 col-md-11 col-lg-11"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-30-top-lg margin-0-top-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-9 col-md-9 col-lg-9"><div class="headingComponent parbase section"> <h1 id="how-elf-cosmetics-makes-every-customer-journey-beautiful" class=" avantgarde-l text-stratus text-left avant-garde-demi col-lg-12 margin-10-top-xs margin-10-bottom-lg " style="; "> <span class=" header-text "> How e.l.f. Cosmetics makes every customer journey beautiful. </span> </h1> </div> <div class="socialMediaSharingComponent section"> <div> <div class="share-icon-row margin-10-bottom-sm"> <div class="share-icon"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://www.salesforce.com/resources/guides/elf-cosmetics-customer-journey/" title="Facebook" alt="Facebook"> <img data-src="//www.salesforce.com/content/dam/web/global/svg-icons/facebook-day.svg?version=2024101" alt="Facebook" class="lazy text-salesforce-gray salesforce-social-icon " src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif"/> </a> </div> <div class="share-icon"> <a class="twitter" target="_blank" href="https://twitter.com/intent/tweet?url=https://www.salesforce.com/resources/guides/elf-cosmetics-customer-journey/&text=How%20e.l.f.%20Cosmetics%20makes%20every%20customer%20journey%20beautiful.&via=salesforce" title="Twitter" alt="Twitter" data-pagetitle="How e.l.f. Cosmetics makes every customer journey beautiful."> <img data-src="//www.salesforce.com/content/dam/web/global/svg-icons/twitter-day.svg?version=2024101" alt="Twitter" class="lazy text-salesforce-gray salesforce-social-icon " src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif"/> </a> </div> <div class="share-icon"> <a target="_blank" href="https://www.linkedin.com/cws/share?url=https://www.salesforce.com/resources/guides/elf-cosmetics-customer-journey/" title="LinkedIn" alt="LinkedIn"> <img data-src="//www.salesforce.com/content/dam/web/global/svg-icons/linkedin-day.svg?version=2024101" alt="LinkedIn" class="lazy text-salesforce-gray salesforce-social-icon " src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif"/> </a> </div> </div> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-3 col-md-3 col-lg-3"> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-1 col-md-1 col-lg-1"> </div> <div class="col text-left col-xs-12 col-sm-11 col-md-11 col-lg-11"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-10-top-lg column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-9 col-md-9 col-lg-9"><div class="bodyCopyComponent parbase section"><div class="margin-20-top-lg margin-10-top-xs margin-60-right-lg margin-0-right-md text-size-default line-height-32 "> <p><a href="http://elfcosmetics.com/">e.l.f. Cosmetics</a> was founded in 2004 with a simple mission of making prestige-quality beauty products for every eye, lip and face– at an affordable price. It is one of the fastest-growing beauty companies in the United States with products that are 100% vegan and cruelty-free.</p> <p>In 2019, the company made a bold decision: Close down all brick-and-mortar stores and invest exclusively in the digital customer experience.</p> <p>Against the backdrop of the pandemic, that decision seems prescient, but it was all part of e.l.f.’s plan. Digital experience is the reason why customers not only choose e.l.f., but also advocate for the brand.</p> <p>e.l.f.‘s transformation accelerated in 2016 when <a href="/company/news-press/stories/2019/06/061819-wtu/?d=cta-body-promo-742">Ekta Chopra</a> joined as the Chief Digital Officer. Ekta was attracted to the digital native company and saw tremendous opportunity to deepen customer relationships online.<br /> </p> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-xs margin-60-right-lg margin-0-right-md margin-30-bottom-lg text-size-default line-height-32 "> Here are seven lessons you can learn from how Ekta and the e.l.f. team used Salesforce to blend <a href="/products/marketing-cloud/journey-management/?d=cta-body-promo-743">personalized journeys</a>, <a href="/products/commerce-cloud/commerce-cloud-einstein/?d=cta-body-promo-744">intelligent ecommerce</a>, and <a href="/products/service-cloud/tools/?d=cta-body-promo-745">proactive service</a> to create special moments for customers.<a href="/form/conf/customer-360-playbook/"></a> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-3 col-md-3 col-lg-3"> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper bg-center-bottom bg-cover column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="visible-lg"> <div class="columns-wrapper column-container-image lazy bg-center-bottom bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-kory-qoute-1600.jpg"> </div> </div> <div class="visible-md"> <div class="columns-wrapper column-container-image lazy bg-center-bottom bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-kory-qoute-1440.jpg"> </div> </div> <div class="visible-sm"> <div class="columns-wrapper column-container-image lazy bg-center-bottom bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-kory-qoute-1024.jpg"> </div> </div> <div class="visible-xs"> <div class="columns-wrapper column-container-image lazy bg-center-bottom bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-kory-qoute-mobile.png"> </div> </div> <div class="container"> <div class="row columns-wrapper xs-min-height-500" style="min-height: 500px; 500"> <div class="col text-left col-xs-12 col-sm-1 col-md-1 col-lg-1"> </div> <div class="col text-left col-xs-12 col-sm-11 col-md-11 col-lg-11"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-20-top-lg margin-30-top-xs margin-20-bottom-lg margin-0-bottom-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper xs-min-height-300" style=" 500"> <div class="col text-left col-xs-12 col-sm-6 col-md-6 col-lg-6-ten"><div class="headingComponent parbase section"> <div id="the-first-word-i-would-use-to-describe-ekta-is-inspiring-she-is-an-unstoppable-force-multiplier" class=" avantgarde-lgr text-stratus text-left avant-garde-demi hidden-xs col-xs-9 col-sm-9 col-lg-8 margin-20-top-lg margin--10-top-xs margin-40-right-lg margin-10-bottom-lg margin-10-bottom-sm margin-10-bottom-xs " style="; "> <span class=" header-text "> “The first word I would use to describe Ekta is ‘inspiring.’ She is an unstoppable force multiplier.” </span> </div> </div> <div class="headingComponent parbase section"> <div id="kory-marchisotto" class=" avantgarde-medium text-stratus text-left avant-garde-demi hidden-xs col-xs-9 col-sm-12 col-lg-11 margin-20-top-lg margin-0-top-xs margin-40-right-lg margin-0-bottom-xs " style="; "> <span class=" header-text "> Kory Marchisotto </span> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-0-top-lg margin-0-top-xs hidden-xs text-size-default line-height-default "> <span class="text-stratus">Chief Marketing Officer</span> </div> </div> <div class="headingComponent parbase section"> <div id="the-first-word-i-would-use-to-describe-ekta-is-inspiring-she-is-an-unstoppable-force-multiplier" class=" avantgarde-m text-stratus text-left avant-garde-demi hidden-sm hidden-md hidden-lg col-xs-10 col-sm-10 col-lg-6 margin-0-top-xs margin-40-right-xs margin-10-bottom-lg " style="; "> <span class=" header-text "> “The first word I would use to describe Ekta is ‘inspiring.’ She is an unstoppable force multiplier.” </span> </div> </div> <div class="headingComponent parbase section"> <div id="kory-marchisotto" class=" avantgarde-medium text-stratus text-left avant-garde-demi hidden-sm hidden-md hidden-lg col-xs-9 col-sm-12 col-lg-11 margin-20-top-lg margin-0-top-xs margin-40-right-lg margin-0-bottom-xs " style="; "> <span class=" header-text "> Kory Marchisotto </span> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-0-top-lg margin-0-top-xs hidden-sm hidden-md hidden-lg text-size-default line-height-default "> <p><span class="text-stratus">Chief Marketing Officer</span></p> <p> </p> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-6 col-md-6 col-lg-4-ten"> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-1 col-md-1 col-lg-1"> </div> <div class="col text-left col-xs-12 col-sm-11 col-md-11 col-lg-11"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-9 col-md-9 col-lg-9"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-10-top-lg column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="labelSmallComponent headingComponent parbase section"> <div id="july-31-2020-time-to-read-5-minutes" class=" h5 text-altostratus text-left salesforce-sans-bold hidden-xs hidden-sm hidden-md hidden-lg margin-10-top-lg margin-10-top-md margin-10-top-sm margin-10-top-xs margin-10-bottom-lg margin-20-bottom-xs " style="; "> <span class=" header-text "> JULY 31, 2020. TIME TO READ: 5 MINUTES </span> </div> </div> </div> </div> <div class="row"> </div> </div> </div> <div class="headingComponent parbase section"> <div id="table-of-contents" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-11 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-20-bottom-xs " style="; "> <span class=" header-text "> Table of Contents </span> </div> </div> <div class="bodyCopyComponent parbase section"><div class=" text-size-default line-height-32 "> <a href="#step1">Step 1: Visually map customer journeys</a><br /> </div> </div> <div class="bodyCopyComponent parbase section"><div class=" text-size-default line-height-32 "> <a href="#step2">Step 2: Optimize marketing messages with AI</a><br /> </div> </div> <div class="bodyCopyComponent parbase section"><div class=" text-size-default line-height-32 "> <a href="#step3">Step 3: Increase retention and loyalty</a><br /> </div> </div> <div class="bodyCopyComponent parbase section"><div class=" text-size-default line-height-32 "> <a href="#step4">Step 4: Intelligently tailor online shopping experiences</a><br /> </div> </div> <div class="bodyCopyComponent parbase section"><div class=" text-size-default line-height-32 "> <a href="#step5">Step 5: Give service agents a single view of the shopper</a><br /> </div> </div> <div class="bodyCopyComponent parbase section"><div class=" text-size-default line-height-32 "> <a href="#step6">Step 6: Keep customers safe</a><br /> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-30-bottom-lg margin-20-bottom-xs text-size-default line-height-32 "> <a href="#step7">Step 7: Live your values during times of change</a><br /> </div> </div> <div class="videoComponent vy-player parbase section"><div class="margin-10-top-xs margin-20-bottom-lg "> <div class="vy-player-container "> <div class="vidyard-player-embed" data-uuid='QNBsmS3jk9Ut9BTKfEL7dF' data-v="4" data-type="inline"></div> </div> <script type="text/javascript" data-uuid='QNBsmS3jk9Ut9BTKfEL7dF'> window.SfdcWwwBase && window.SfdcWwwBase.videoComponent && window.SfdcWwwBase.videoComponent.updateChapter(document.scripts[document.scripts.length - 1].getAttribute("data-uuid")); if(!window.vidyardEmbed){ window.videoUtils && window.videoUtils.loadScriptOnce("https://play.vidyard.com/embed/v4.js", "Vidyard", true); } else { window.vidyardEmbed.api.renderDOMPlayers(); } </script> </div> <script> (function($) { // Add 'Configuration' global object with details of our Adobe Analytics instance window.Configuration = window.Configuration || {}; var rsid = (typeof Server !== 'undefined') ? Server.getAccount() : ''; $.extend(window.Configuration, { PUBLISHER: '8D6C67C25245AF020A490D4C@AdobeOrg', MCID: '8D6C67C25245AF020A490D4C@AdobeOrg', NAMESPACE: 'salesforce', CHANNEL: 'salesforce', RSID: rsid, TRACKING_SERVER: 'salesforce.sc.omtrdc.net', HEARTBEAT_TRACKING_SERVER: 'salesforce.hb.omtrdc.net', DEBUG: false }); }(jQuery)); // End of IIFE </script> </div> <div class="bodyCopyComponent parbase section"><div class="margin-60-right-lg margin-0-right-md margin-20-bottom-lg hidden-xs text-size-legal line-height-32 "> <div style="text-align: left;"><i>In this <b>short video [2:33]</b>, you'll see how e.l.f. drives personalization and customer engagement with 1:1 journeys.</i></div> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-60-right-lg margin-0-right-md margin-20-bottom-lg hidden-sm hidden-md hidden-lg text-size-legal line-height-32 "> <div style="text-align: center;"><i>In this <b>short video [2:33]</b>, you'll see how e.l.f. drives personalization and customer engagement with 1:1 journeys.</i></div> </div> </div> <div class="headingComponent parbase section"> <h2 id="step1" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-11 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> 1. Visually map customer journeys. </span> </h2> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-0-top-xs margin-60-right-lg margin-0-right-md margin-20-bottom-lg margin-0-bottom-xs text-size-default line-height-32 "> <p>Everyone loves the experience of opening something new, straight from the package. The company takes careful consideration in planning these moments for its customers who are searching for the perfect look. But customers are never in one place, creating the need to meet customers where they are across <a href="/products/marketing-cloud/overview/?d=cta-body-promo-746">email</a>, <a href="/products/marketing-cloud/overview/?d=cta-body-promo-746">mobile</a>, <a href="/products/marketing-cloud/overview/?d=cta-body-promo-746">social</a>, and <a href="/products/marketing-cloud/overview/?d=cta-body-promo-746">web</a> with personalized experiences.</p> <p>These complexities are what makes building a customer journey so difficult. But with a single hub to create personalized, 1-to-1 messages across channels, building customer relationships is easy for e.l.f. to visualize and execute. The company began mapping sophisticated journeys featuring segmentation and personalization to power seamless customer experiences using:</p> <ul> <li><b>Personalized emails</b></li> <li><b>Cross-channel advertising</b></li> <li><b>Social listening and engagement</b></li> </ul> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-60-right-lg margin-0-right-md margin-10-bottom-lg margin-10-bottom-xs text-size-default line-height-32 "> <i>How do you create the perfect moment? Start building real connections with immersive customer journeys.</i><a href="/form/conf/customer-360-playbook/"></a> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-3 col-md-3 col-lg-3"> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-rain bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style="min-height: 400px; 500"> <div class="col text-left col-xs-12 col-sm-1 col-md-1 col-lg-1"> </div> <div class="col text-left col-xs-12 col-sm-11 col-md-11 col-lg-11"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-40-top-sm margin-10-top-xs margin-10-bottom-lg margin-0-bottom-xs margin-10-left-lg column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-4 col-md-4 col-lg-4"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-30-top-lg margin-10-top-xs margin-0-bottom-lg margin-0-bottom-xs margin-0-left-lg column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style="min-height: 100px; 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="headingComponent parbase section"> <h4 id="ready-to-create-customer-journeys-get-the-map" class=" avantgarde-m text-stratus text-left avant-garde-demi col-xs-10 col-lg-11 margin-60-top-lg margin-30-top-md margin-10-top-sm margin-30-top-xs margin-20-bottom-lg margin-10-bottom-xs margin-10-left-lg " style="; "> <span class=" header-text "> Ready to create customer journeys? <br/> Get the map. </span> </h4> </div> <div class="imageComponent parbase section"> <div class=" image-link"> <img class=" img-responsive hidden-xs margin--20-top-xs margin-50-right-lg margin-10-bottom-xs margin-0-left-lg margin-40-left-xs " alt="Customer Journey Map" src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/customery-journey-desktop.png" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/customery-journey-desktop.png"/> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-8 col-md-8 col-lg-8"><div class="imageComponent parbase section"> <div class=" image-link"> <img class=" img-responsive hidden-sm hidden-md hidden-lg margin--20-top-xs margin-50-right-lg margin-20-right-xs margin-20-bottom-xs margin-0-left-lg margin-40-left-xs " alt="Customer Journey Map" src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-customery-journey-mobile.png" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-customery-journey-mobile.png"/> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-10-top-lg margin--10-top-xs margin-40-bottom-lg margin-0-bottom-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="formContainerV2 parbase section"><div class="form-container-v2 sfdc-form-day sfdc-form-closed sfdc-form-small "> <div class="form-header-wrap"> <div class="headingComponent parbase section"> <h4 id="please-fill-out-the-form-to-see-how-top-marketers-build-customer-journeys-to-boost-acquisition-onboarding-engagement-and-retention" class=" h4 text-night text-left salesforce-sans-regular col-sm-12 col-md-12 col-lg-12 margin--10-top-xs margin-10-right-lg margin-10-bottom-lg margin-0-left-lg " style="; "> <span class=" header-text "> Please fill out the form to see how top marketers build customer journeys to boost acquisition, onboarding, engagement, and retention. </span> </h4> </div>  </div>  <form name="reg_form" method="post" class="form-builder-form sfdc-form-adaptive-label " data-sfdc-form="dynamic:true,signup:false,event:false,paginated:false,formType:lead,cookieRead:true,cookieWrite:true,closeTimeout:-1,minHeight:,disableDB:false,locale:en_us,submitEvent:"> <input type="hidden" name="skipForm" value="true"/> <input type="hidden" data-skip-form name="mcloudFormName" value="GLOB_MAIN_T2L1_OCMS_LCS1"/> <input type="hidden" data-skip-form name="conf_page"/> <input type="hidden" data-skip-form name="FormCampaignId" value="7013y000002lO1VAAU"/> <input type="hidden" data-skip-form name="Lead.Primary_Product_Interest__c" value="Marketing Cloud"/> <input type="hidden" data-skip-form name="PartnerPromoCode" value="None"/> <input type="hidden" data-skip-form name="tab_campaign_id"/> <input type="hidden" data-skip-form name="formCategory"/> <input type="hidden" data-skip-form name="DriverCampaignId" value="70130000000sUVq"/> <input class="sr-hidden" type="text" name="Region__c" autocomplete="off" tabindex="-1" aria-hidden="true"/> <input class="sr-hidden" type="checkbox" name="validForm" autocomplete="off" tabindex="-1" aria-hidden="true"/> <div class="fields-container section"> <div class="fields-wrapper clearfix"> <div class="field-container-50"><div class="firstName textFieldInput section"> <div class="field "> <input id="UserFirstName" type="text" name="UserFirstName" aria-required="true" required="true"/> <label for="UserFirstName" class="placeholder"> First name </label> <span class="error-msg">Enter your first name</span> </div> </div> </div> <div class="field-container-50"><div class="lastName textFieldInput section"> <div class="field "> <input id="UserLastName" type="text" name="UserLastName" aria-required="true" required="true"/> <label for="UserLastName" class="placeholder"> Last name </label> <span class="error-msg">Enter your last name</span> </div> </div> </div> </div> </div> <div class="fields-container section"> <div class="fields-wrapper clearfix"> <div class="field-container-50"><div class="title textFieldInput section"> <div class="field "> <input id="UserTitle" type="text" name="UserTitle" aria-required="true" required="true"/> <label for="UserTitle" class="placeholder"> Job title </label> <span class="error-msg">Enter your title</span> </div> </div> </div> <div class="field-container-50"><div class="emailInput textFieldInput section"> <div class="field "> <input autocomplete="email" id="UserEmail" type="email" name="UserEmail" aria-required="true" required="true"/> <label for="UserEmail" class="placeholder"> Email </label> <span class="error-msg">Enter a valid email address</span> </div> </div> </div> </div> </div> <div class="fields-container section"> <div class="fields-wrapper clearfix"> <div class="field-container-50"><div class="company textFieldInput section"> <div class="field hide " data-db-field aria-hidden="true"> <input id="CompanyName" type="text" name="CompanyName" placeholder="Company" aria-required="true" required="true"/> <label for="CompanyName" class="placeholder"> Company </label> <span class="error-msg">Enter your company name</span> </div> </div> </div> <div class="field-container-50"><div class="companyEmployees selectFieldInput section"> <div class="field hide" data-db-field aria-hidden="true"> <select id="CompanyEmployees" name="CompanyEmployees" aria-required="true" required="true"> <option disabled label="Employees" selected value="">Employees</option> <option value="10">1 - 20 employees</option> <option value="95">21 - 200 employees</option> <option value="500">201 - 10,000 employees</option> <option value="15000">10,001+ employees</option> </select> <label for="CompanyEmployees" class="placeholder">Employees</label> <span class="error-msg">Select the number of employees</span> </div> </div> </div> </div> </div> <div class="fields-container section"> <div class="fields-wrapper clearfix"> <div class="field-container-50"><div class="phoneInput textFieldInput section"> <div class="field "> <input id="UserPhone" type="tel" name="UserPhone" aria-required="true" required="true"/> <label for="UserPhone" class="placeholder"> Phone </label> <span class="error-msg">Enter a valid phone number</span> </div> </div> </div> <div class="field-container-50"><div class="country-state-group section"> <div class="cntry-wrap section"> <div class="country_field selectFieldInput"> <div class="field "> <select id="CompanyCountry" name="CompanyCountry" aria-required="true" required="true"> <option disabled label="Country/Region" selected value="">Country/Region</option> </select> <label for="CompanyCountry" class="placeholder">Country/Region</label> <span class="error-msg">Select your country</span> </div> </div> </div> <div class="state-wrap section" style="display: none;"> <div class="state_field selectFieldInput"> <div class="field "> <select id="CompanyState" name="CompanyState" aria-required="false" required="false"> <option disabled label="State/Province" selected value="">State/Province</option> </select> <label for="CompanyState" class="placeholder">State/Province</label> <span class="error-msg">Select your state/province</span> </div> </div> </div> <div class="checkboxInput select-all section hide"> <div> <div class="field"> <input class="sr-only " type="checkbox" id="agree_to_all" name="agree_to_all" value="on"/> <div class="checkbox-ui" data-input-check></div> <div class="checkbox-ui-label"> Agree to all disclosures below. </div> </div> </div> </div></div> </div> </div> </div> <div class="checkboxInput section"> <div class="hide " aria-hidden="true " data-legal-type="optIn">  <div class="field"> <input class="sr-only" type="checkbox" id="Lead.InfoEmail__c" name="Lead.InfoEmail__c" value="Lead.InfoEmail__c"/> <div class="checkbox-ui" data-input-check></div> <div class="checkbox-ui-label"> Yes, I would like to receive marketing communications regarding Salesforce products, services, and events. I can unsubscribe at a later time. </div> </div> </div> </div> <div class="checkboxInput section"><div class="safeharbor-wrapper hide-checkbox"> <div data-legal-type="disclosure">  <div class="field"> <input class="sr-only" type="checkbox" id="Accept_Terms__c" name="Accept_Terms__c"/> <div class="checkbox-ui" data-input-check></div> <div class="checkbox-ui-label"> By registering I confirm that I have read and agree to the <a href="https://www.salesforce.com/company/privacy/full_privacy.jsp" target="_blank">Privacy Statement</a>. </div> <span class="safeharbor-err-msg error-msg-block"> This field is required. </span> </div> </div> </div></div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="form_fields_par iparsys parsys"></div> </div> <div style="display: none;" class="type-captcha section"><div class="field g-recaptcha"></div> <span class="error-msg">Please Complete Captcha</span> </div> <div class="hidden"> <input type="hidden" data-skip-form name="formResourcePath" value="{f155d75c152f1b997dbabb73c35b633fa27898e365c67a1803f66b7ab0a4002adcc36840116a6e6e212b9d82347fe4ab5e506a681abd394c97f4a2136b6ca8717651feba9132f290a22cf3452ee65aab4f85aad076379e898e74002ea49a01f6a693eff45a9f03c896fabc5bc3baa2a574df6e7cf52501752209270ea1f2ca70d5567a03b4eed66aa949b51aba90dea31da6220389feae032d321bb3c801cccb7beea362d6458fac44f38246c6a394a886959be99058db695474177ebf8309831f56be902959ef04bd311b9d4c5c2cbfd0714a969ee84774b70f246a4015ebba02143a0305a2759ce1370820ab51482e}"/> </div> <div class="form_submit_button submitButton buttonCTAItemComponent parbase"> <button name="Submit" type="submit" class="submit btn btn-lg btn-primary salesforce-sans-regular ">Submit</button> </div> <div class="form-footer-wrap"> </div> <div class="control-rule-prevent-submit hidden"></div> </form> <div class="conf-content hidden" data-form-conf> <div class="bodyCopyComponent parbase section"><div class="margin-60-top-lg margin-0-top-xs text-size-default line-height-default col-lg-11 "> Thank you for your interest in the customer journey map infographic. </div> </div> <div class="buttonCTAComponent parbase section"> <div class="margin-10-top-lg text-left "> <div class="cta_0 buttonCTAItemComponent parbase"> <div class="btn-container "> <a class="btn btn-lg btn-primary salesforce-sans-regular " aria-label="Download Building Journeys and Making Moments" data-content-replacement-close-color="sfdc-swap-button-day" href="//www.salesforce.com/content/dam/web/en_us/www/assets/pdf/sfc-customer-journey-map.pdf?d=cta-body-promo-747" target="_blank"> <span> Download Now </span> </a> </div> </div> </div></div> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-1 col-md-1 col-lg-1"> </div> <div class="col text-left col-xs-12 col-sm-11 col-md-11 col-lg-11"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-20-top-lg margin-20-top-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-9 col-md-9 col-lg-9"><div class="headingComponent parbase section"> <h2 id="step2" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-11 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> 2. Optimize marketing messages with AI. </span> </h2> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-0-top-xs margin-60-right-lg margin-0-right-md margin-10-bottom-xs text-size-default line-height-32 "> With a better handle on customer journeys, the e.l.f. team stepped up its game using artificial intelligence to <a href="/products/marketing-cloud/email-marketing/?d=cta-body-promo-748">optimize marketing messages</a>. With AI built into its commerce platform, e.l.f. can more easily personalize offers and automatically apply promotional coupons to shopping carts, tailoring the experience and increasing order totals. By adding AI, e.l.f. can now: </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-60-right-lg margin-0-right-md margin-30-right-xs text-size-default line-height-default "> <ul> <li><b>Predict the likelihood of each customer engaging with a message</b></li> </ul> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-60-right-lg margin-0-right-md margin-30-right-xs text-size-default line-height-default "> <ul> <li><b>Build more accurate customer segments</b></li> </ul> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-60-right-lg margin-0-right-md margin-30-right-xs margin-20-bottom-lg text-size-default line-height-default "> <ul> <li><b>Send emails at the most effective times based on customer behaviors</b></li> </ul> </div> </div> <div class="imageComponent parbase section"> <div class=" image-link" target="_blank"> <img class=" hidden-xs hidden-sm img-responsive margin-10-top-lg margin-20-bottom-lg margin-0-left-lg margin-10-left-xs " alt="Integrating commerce and marketing to increase retention and loyalty " src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-image-mom-and-daughter-desktop.png" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-image-mom-and-daughter-desktop.png"/> <img class=" hidden-md hidden-lg img-responsive margin-10-top-lg margin-20-bottom-lg margin-0-left-lg margin-10-left-xs " alt="Integrating commerce and marketing to increase retention and loyalty " src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-image-mom-and-daughter-mobile.png" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-image-mom-and-daughter-mobile.png"/> </div> </div> <div class="headingComponent parbase section"> <h2 id="step3" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-11 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> 3. Integrate commerce and marketing to increase retention and loyalty. </span> </h2> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-0-top-xs margin-60-right-lg margin-0-right-md margin-20-bottom-lg margin-0-bottom-xs text-size-default line-height-32 "> <p>When customer experiences are fluid across channels and touchpoints, consumers are more likely to continue buying. In fact, <a href="/form/pdf/6th-state-of-marketing/?d=cta-body-promo-196" target="_blank">84% of customers</a> say the experience a company provides is as important as its products and services. That’s why at e.l.f., marketing and <a href="/products/commerce-cloud/overview/?d=cta-body-promo-749">ecommerce experiences</a> are integrated, building deeper customer relationships that prompt retention and long-term loyalty.</p> <p>“Beyond ecommerce, digital is also an ecosystem that is social, with so many connected platforms and data infusing every aspect of the industry,” said Ekta. “That shift created an opportunity for e.l.f. to change the way we engage with consumers and build deeper relationships with them.”</p> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-20-top-lg margin-0-top-xs margin-20-bottom-lg margin-0-bottom-xs margin-20-left-lg margin-0-left-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper xs-min-height-100" style="min-height: 100px; 1,000"> <div class="col text-left col-xs-12 col-sm-4 col-md-4 col-lg-4"><div class="imageComponent parbase section"> <div class=" image-link"> <img class="lazy hidden-xs hidden-sm img-responsive margin-10-top-lg margin-0-top-xs margin-30-right-lg center-img-horizontally " alt="The key to unlocking data" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-eight-four-percent-chart-desktop.png"/> <img class="lazy hidden-md hidden-lg img-responsive margin-10-top-lg margin-0-top-xs margin-30-right-lg center-img-horizontally " alt="The key to unlocking data" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-eighty-four-percent-chart-mobile.png"/> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-8 col-md-8 col-lg-8"><div class="headingComponent parbase section"> <div id="eighty-four-percent-of-customers-say-the-experience-a-company-provides-is-as-important-as-its-products-and-services" class=" avantgarde-m text-cirrus text-left avant-garde-demi hidden-xs col-lg-12 margin-40-top-lg margin-20-top-md margin-20-top-sm margin-10-top-xs margin-10-bottom-lg margin-20-bottom-xs " style="; "> <span class=" header-text "> Eighty-four percent of customers say the experience a company provides is as important as its products and services. </span> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-0-top-lg margin-10-top-xs hidden-xs text-size-default line-height-default "> <b>Source: <a href="/form/pdf/6th-state-of-marketing/?d=cta-body-promo-195" target="_blank">Salesforce State of Marketing Report, May 2020</a><a href="/form/pdf/6th-state-of-marketing/"></a></b> </div> </div> <div class="headingComponent parbase section"> <div id="eighty-four-percent-of-customers-say-the-experience-a-company-provides-is-as-important-as-its-products-and-services" class=" avantgarde-m text-cirrus text-center avant-garde-demi hidden-sm hidden-md hidden-lg col-lg-12 margin-20-top-lg margin-10-top-xs margin-20-bottom-xs " style="; "> <span class=" header-text "> Eighty-four percent of customers say the experience a company provides is as important as its products and services. </span> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-0-top-lg margin-0-top-xs margin-20-bottom-xs margin-10-left-xs hidden-sm hidden-md hidden-lg text-size-default line-height-default "> <b>Source: <a href="/form/pdf/6th-state-of-marketing/?d=cta-body-promo-195" target="_blank">Salesforce State of Marketing Report, May 2020</a></b> </div> </div> </div> </div> <div class="row"> </div> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-10-top-xs margin-60-right-lg margin-0-right-md margin-20-bottom-lg text-size-default line-height-32 "> <p>By integrating commerce and marketing, e.l.f. can add personalization to marketing messages and ecommerce experiences. For example, promotional coupons are automatically applied to the cart, which increases conversion rate.</p> <p>The company’s “better-than-ever” loyalty program is constantly innovating. Since the loyalty program relies on connected marketing and commerce data, e.l.f. can adapt rapidly as customers’ needs evolve.<a href="/form/conf/customer-360-playbook/"></a></p> </div> </div> <div class="headingComponent parbase section"> <h2 id="step4" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-11 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> 4. Intelligently tailor online shopping experiences based on engagement behavior. </span> </h2> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-0-top-xs margin-60-right-lg margin-0-right-md margin-0-bottom-lg margin-0-bottom-xs text-size-default line-height-32 "> The retailer's vision to deliver a customer-centric experience extends into its digital and site-to-store experience. This is done with a digital storefront made more relevant through predictive sorting, delivering more tailored product results, decreasing the time a customer spends browsing, and increasing conversion. For e.l.f., this resulted in reduced abandoned carts and increased daily browse-to-buy conversions to levels only previously seen on Black Friday. The company’s ecommerce site remains number one in its sector, strengthened by website retention rates between 55% and 65%. </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-20-top-lg margin-0-top-xs margin-20-bottom-lg margin-10-bottom-xs margin-20-left-lg margin-0-left-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper xs-min-height-100" style="min-height: 100px; 1,000"> <div class="col text-left col-xs-12 col-sm-4 col-md-4 col-lg-4"><div class="imageComponent parbase section"> <div class=" image-link"> <img class="lazy hidden-xs hidden-sm img-responsive margin-10-top-lg margin-0-top-xs margin-30-right-lg center-img-horizontally " alt="The key to unlocking data" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-sixty-percent-chart-desktop.png"/> <img class="lazy hidden-md hidden-lg img-responsive margin-10-top-lg margin-0-top-xs margin-30-right-lg center-img-horizontally " alt="The key to unlocking data" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-sixty-percent-chart-mobile.png"/> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-8 col-md-8 col-lg-8"><div class="headingComponent parbase section"> <div id="60-percent-website-retention-rate" class=" avantgarde-m text-cirrus text-left avant-garde-demi hidden-xs col-lg-12 margin-40-top-lg margin-10-top-xs margin-40-right-lg margin-10-bottom-lg margin-20-bottom-xs " style="; "> <span class=" header-text "> 60 percent website retention rate </span> </div> </div> <div class="headingComponent parbase section"> <div id="60-percent-website-retention-rate" class=" avantgarde-m text-cirrus text-center avant-garde-demi hidden-sm hidden-md hidden-lg col-lg-12 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-20-bottom-xs " style="; "> <span class=" header-text "> 60 percent website retention rate </span> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-3 col-md-3 col-lg-3"> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper bg-center-bottom bg-cover column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="visible-lg"> <div style="background-image:url('//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-ekta-qoute-1600.jpg');" class="columns-wrapper column-container-image bg-center-bottom bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-ekta-qoute-1600.jpg"> </div> </div> <div class="visible-md"> <div style="background-image:url('//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-ekta-qoute-1600.jpg');" class="columns-wrapper column-container-image bg-center-bottom bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-ekta-qoute-1600.jpg"> </div> </div> <div class="visible-sm"> <div style="background-image:url('//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-ekta-qoute-1600.jpg');" class="columns-wrapper column-container-image bg-center-bottom bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-ekta-qoute-1600.jpg"> </div> </div> <div class="visible-xs"> <div style="background-image:url('//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-ekta-qoute-mobile.png');" class="columns-wrapper column-container-image bg-center-bottom bg-cover" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-inline-ekta-qoute-mobile.png"> </div> </div> <div class="container"> <div class="row columns-wrapper xs-min-height-500" style="min-height: 500px; 500"> <div class="col text-left col-xs-12 col-sm-1 col-md-1 col-lg-1"> </div> <div class="col text-left col-xs-12 col-sm-11 col-md-11 col-lg-11"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-20-top-lg margin-30-top-xs margin-20-bottom-lg margin-10-bottom-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper xs-min-height-300" style=" 500"> <div class="col text-left col-xs-12 col-sm-6 col-md-6 col-lg-6-ten"><div class="headingComponent parbase section"> <div id="as-customers-continue-to-shop-with-us-einstein-learns-more-about-them-and-makes-their-experience-even-more-refined-and-targeted" class=" avantgarde-lgr text-stratus text-left avant-garde-demi hidden-xs col-xs-9 col-sm-11 col-md-10 col-lg-8 margin-20-top-lg margin--10-top-xs margin-40-right-lg margin-10-bottom-lg margin-10-bottom-sm margin-10-bottom-xs " style="; "> <span class=" header-text "> “As customers continue to shop with us, Einstein learns more about them and makes their experience even more refined and targeted.” </span> </div> </div> <div class="headingComponent parbase section"> <div id="ekta-chopra" class=" avantgarde-medium text-stratus text-left avant-garde-demi hidden-xs col-xs-9 col-sm-12 col-lg-11 margin-20-top-lg margin-0-top-xs margin-40-right-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> Ekta Chopra </span> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-0-top-lg margin-10-top-xs margin-50-right-lg hidden-xs text-size-default line-height-default "> <div style="text-align: left;"><span class="text-stratus">Chief Digital Officer</span></div> </div> </div> <div class="headingComponent parbase section"> <div id="as-customers-continue-to-shop-with-us-einstein-learns-more-about-them-and-makes-their-experience-even-more-refined-and-targeted" class=" avantgarde-m text-stratus text-left avant-garde-demi hidden-sm hidden-md hidden-lg col-xs-10 col-sm-10 col-lg-6 margin-0-top-xs margin-30-right-xs margin-10-bottom-lg " style="; "> <span class=" header-text "> “As customers continue to shop with us, Einstein learns more about them and makes their experience even more refined and targeted.” </span> </div> </div> <div class="headingComponent parbase section"> <div id="ekta-chopra" class=" avantgarde-medium text-stratus text-left avant-garde-demi hidden-sm hidden-md hidden-lg col-xs-9 col-sm-12 col-lg-11 margin-20-top-lg margin-0-top-xs margin-40-right-lg margin-0-bottom-xs " style="; "> <span class=" header-text "> Ekta Chopra </span> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-0-top-lg margin-0-top-xs hidden-sm hidden-md hidden-lg text-size-default line-height-default "> <p><span class="text-stratus">Chief Digital Officer</span></p> <p> </p> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-6 col-md-6 col-lg-4-ten"> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-1 col-md-1 col-lg-1"> </div> <div class="col text-left col-xs-12 col-sm-11 col-md-11 col-lg-11"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-10-top-lg margin-0-top-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-9 col-md-9 col-lg-9"><div class="headingComponent parbase section"> <h2 id="step5" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-12 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> 5. Give service agents a single view of the shopper with marketing and commerce data. </span> </h2> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-0-top-xs margin-60-right-lg margin-0-right-md margin-20-bottom-lg margin-0-bottom-xs text-size-default line-height-32 "> e.l.f. was one of the first companies to embed commerce data inside its <a href="/products/service-cloud/overview/?d=cta-body-promo-750">service platform</a>, giving agents a single view of the shopper with analytics tied back to tracking data and conversation history. Now, agents can gain the insights they need to make decisions and act quickly — reducing the time to resolve cases and increasing customer satisfaction.<a href="/form/conf/customer-360-playbook/"></a> </div> </div> <div class="videoComponent vy-player parbase section"><div class="margin-20-top-xs margin-20-bottom-lg "> <div class="vy-player-container "> <div class="vidyard-player-embed" data-uuid='be7suxhpNF3ip2BYi5Heu4' data-v="4" data-type="inline"></div> </div> <script type="text/javascript" data-uuid='be7suxhpNF3ip2BYi5Heu4'> window.SfdcWwwBase && window.SfdcWwwBase.videoComponent && window.SfdcWwwBase.videoComponent.updateChapter(document.scripts[document.scripts.length - 1].getAttribute("data-uuid")); if(!window.vidyardEmbed){ window.videoUtils && window.videoUtils.loadScriptOnce("https://play.vidyard.com/embed/v4.js", "Vidyard", true); } else { window.vidyardEmbed.api.renderDOMPlayers(); } </script> </div> <script> (function($) { // Add 'Configuration' global object with details of our Adobe Analytics instance window.Configuration = window.Configuration || {}; var rsid = (typeof Server !== 'undefined') ? Server.getAccount() : ''; $.extend(window.Configuration, { PUBLISHER: '8D6C67C25245AF020A490D4C@AdobeOrg', MCID: '8D6C67C25245AF020A490D4C@AdobeOrg', NAMESPACE: 'salesforce', CHANNEL: 'salesforce', RSID: rsid, TRACKING_SERVER: 'salesforce.sc.omtrdc.net', HEARTBEAT_TRACKING_SERVER: 'salesforce.hb.omtrdc.net', DEBUG: false }); }(jQuery)); // End of IIFE </script> </div> <div class="bodyCopyComponent parbase section"><div class="margin-60-right-lg margin-0-right-md margin-20-bottom-lg hidden-xs text-size-legal line-height-32 "> <div style="text-align: left;"><i>In this <b>short video [2:30]</b>, you'll see how the power of integration can unlock all of the data at your company to create a single view of your customer. <b>Skip to 0:34 </b>to learn how e.l.f. has created a connected customer experience.</i></div> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-60-right-lg margin-0-right-md margin-20-bottom-lg hidden-sm hidden-md hidden-lg text-size-legal line-height-32 "> <div style="text-align: center;"><i>In this <b>short video [2:30]</b>, you'll see how the power of integration can unlock all of the data at your company to create a single view of your customer. <b>Skip to 0:34</b> to learn how e.l.f. has created a connected customer experience.</i></div> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-0-top-xs margin-60-right-lg margin-0-right-md margin-20-bottom-lg margin-0-bottom-xs text-size-default line-height-32 "> <p>With visibility into commerce and marketing data, agents can resolve cases proactively.</p> <p>For example, the added context of tracking and analytics tied to customer cases has given support agents the information they need to make decisions faster and ultimately deliver an amazing customer support experience. By anticipating customer needs and offering a <a href="https://appexchange.salesforce.com/appxConsultingListingDetail?listingId=a0N3A00000E8VE9UAN" target="_blank">curated chatbot experience</a>, e.l.f. reduced service ticket volume by 50%.</p> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid margin-20-top-lg margin-20-bottom-lg margin-0-bottom-xs margin-20-left-lg margin-0-left-xs column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper xs-min-height-100" style="min-height: 100px; 1,000"> <div class="col text-left col-xs-12 col-sm-4 col-md-4 col-lg-4"><div class="imageComponent parbase section"> <div class=" image-link"> <img class="lazy hidden-xs hidden-sm img-responsive margin-0-top-xs center-img-horizontally " alt="The key to unlocking data" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-fifty-percent-chart-desktop.png"/> <img class="lazy hidden-md hidden-lg img-responsive margin-0-top-xs center-img-horizontally " alt="The key to unlocking data" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/elf-customer-story/production-elf-fifty-percent-chart-mobile.png"/> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-8 col-md-8 col-lg-8"><div class="headingComponent parbase section"> <div id="50-percent-yoy-decrease-in-service-tickets-opened" class=" avantgarde-m text-cirrus text-left avant-garde-demi hidden-xs col-lg-5 margin-60-top-lg margin-10-top-xs margin-10-bottom-lg margin-20-bottom-xs margin-0-left-lg " style="; "> <span class=" header-text "> 50 percent YOY decrease in service tickets opened </span> </div> </div> <div class="headingComponent parbase section"> <div id="50-percent-yoy-decrease-in-service-tickets-opened" class=" avantgarde-m text-cirrus text-center avant-garde-demi hidden-sm hidden-md hidden-lg col-lg-12 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-20-bottom-xs " style="; "> <span class=" header-text "> 50 percent YOY decrease in service tickets opened </span> </div> </div> </div> </div> <div class="row"> </div> </div> </div> <div class="headingComponent parbase section"> <h2 id="step6" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-12 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> 6. Keep customers safe. </span> </h2> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-0-top-xs margin-10-right-lg margin-10-bottom-lg margin-0-bottom-xs text-size-default line-height-32 "> When the COVID-19 crisis began, e.l.f. Cosmetics quickly amplified its presence on social channels to connect and engage with customers. It also launched <a href="https://www.elfcosmetics.com/elf-cares/" target="_blank">the e.l.f. Cares page</a> as a COVID-19 resource for its audience to stay safe and inspired. Since then, e.l.f. Cosmetics has seen double-digit growth in online business and double the conversion through the e.l.f. Cares page. </div> </div> <div class="headingComponent parbase section"> <h2 id="step7" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-12 margin-20-top-lg margin-10-top-xs margin-10-bottom-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> 7. Live your values during times of change. </span> </h2> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-0-top-xs margin-60-right-lg margin-0-right-md margin-20-bottom-lg text-size-default line-height-32 "> Being agile and adapting quickly is not the only space where e.l.f. is a leader. As a brand dedicated to inclusivity, company leaders like Ekta have also been <a href="https://www.salesforce.com/blog/2020/07/elf-cosmetics-thrives-on-inclusivity.html?d=cta-body-promo-752" target="_blank">speaking up and speaking out</a> against racial and social injustice.<a href="/form/conf/customer-360-playbook/"></a> </div> </div> <div class="videoComponent vy-player parbase section"><div class="margin-20-bottom-lg "> <div class="vy-player-container "> <div class="vidyard-player-embed" data-uuid='YAMNgrVMJQJ5NuLwwMnW59' data-v="4" data-type="inline"></div> </div> <script type="text/javascript" data-uuid='YAMNgrVMJQJ5NuLwwMnW59'> window.SfdcWwwBase && window.SfdcWwwBase.videoComponent && window.SfdcWwwBase.videoComponent.updateChapter(document.scripts[document.scripts.length - 1].getAttribute("data-uuid")); if(!window.vidyardEmbed){ window.videoUtils && window.videoUtils.loadScriptOnce("https://play.vidyard.com/embed/v4.js", "Vidyard", true); } else { window.vidyardEmbed.api.renderDOMPlayers(); } </script> </div> <script> (function($) { // Add 'Configuration' global object with details of our Adobe Analytics instance window.Configuration = window.Configuration || {}; var rsid = (typeof Server !== 'undefined') ? Server.getAccount() : ''; $.extend(window.Configuration, { PUBLISHER: '8D6C67C25245AF020A490D4C@AdobeOrg', MCID: '8D6C67C25245AF020A490D4C@AdobeOrg', NAMESPACE: 'salesforce', CHANNEL: 'salesforce', RSID: rsid, TRACKING_SERVER: 'salesforce.sc.omtrdc.net', HEARTBEAT_TRACKING_SERVER: 'salesforce.hb.omtrdc.net', DEBUG: false }); }(jQuery)); // End of IIFE </script> </div> <div class="bodyCopyComponent parbase section"><div class="margin-60-right-lg margin-0-right-md margin-20-bottom-lg hidden-xs text-size-legal line-height-32 "> <div style="text-align: left;"><i>In this <b>full-length webinar [25:54]</b>, you'll learn how e.l.f. draws on experiences as a digital company to navigate challenging times. <b>Skip to 4:40</b> to hear about the role that commerce plays to support justice and equality. <b>Skip to 9:30 </b>to hear how e.l.f. launched its mobile app at "e.l.f. speed". <b>Skip to 16:40 </b>for a Q&A with Ekta.</i></div> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-60-right-lg margin-0-right-md margin-20-bottom-lg hidden-sm hidden-md hidden-lg text-size-legal line-height-32 "> <div style="text-align: center;"><i>In this <b>full-length webinar [25:54]</b>, you'll learn how e.l.f. draws on experiences as a digital company to navigate challenging times. <b>Skip to 4:40 </b>to hear about the role that commerce plays to support justice and equality. <b>Skip to 9:30</b> to hear how e.l.f. launched its mobile app at "e.l.f. speed". <b>Skip to 16:40</b> for a Q&A with Ekta.</i></div> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-10-top-lg margin-60-right-lg margin-0-right-md margin-20-bottom-lg text-size-default line-height-32 "> <p>As a Trailblazer, Ekta knows that building a phenomenal, customer-centric experience starts with a digital foundation — and that connecting with consumers isn’t just about selling makeup, but making a difference in the lives of customers.</p> <p>“We’re even more conscious about looking at insights on a constant basis and pivoting our strategies as needed,” said Ekta. “Our digital transformation started with Salesforce and the hard work and investments are paying off.”</p> <p>With more digitally savvy consumers than ever and shopping behaviors in flux as we look beyond COVID-19, it’s critical that companies maintain visibility of their customers across every channel. By taking a page out of e.l.f.’s book, brands can build and maintain loyal relationships by putting the customer at the center of every strategic journey.</p> </div> </div> <div class="bodyCopyComponent parbase section"><div class="margin-20-top-lg margin-60-right-lg margin-0-right-md margin-30-bottom-lg text-size-default line-height-32 "> <b>Get our <a href="/form/other/role-based-newsletter/?d=cta-body-promo-197" target="_blank">bi-weekly newsletter</a> for the latest commerce insights.</b> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="headingComponent parbase section"> <h2 id="ready-to-build-a-single-view-of-your-customer" class=" avantgarde-m text-stratus text-left avant-garde-demi col-lg-12 margin-40-top-lg margin-10-top-xs margin-10-bottom-lg margin-10-bottom-xs " style="; "> <span class=" header-text "> Ready to build a single view of your customer? </span> </h2> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper container-fluid column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-4 col-sm-2 col-md-2 col-lg-2"><div class="imageComponent parbase section"> <div class=" image-link"> <img class="lazy img-responsive " alt="Customer 360 Icon" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/customer-stories/IBM/customer-360-icon.png"/> </div> </div> </div> <div class="col text-left col-xs-4 col-sm-10 col-md-10 col-lg-10"><div class="buttonCTAComponent parbase section"> <div class="margin-20-top-lg margin-10-top-md margin-10-top-sm margin-10-top-xs text-left "> <div class="cta_0 buttonCTAItemComponent parbase"> <div class="btn-container "> <a class="btn btn-lg simple-link salesforce-sans-bold " data-content-replacement-close-color="sfdc-swap-button-day" href="https://salesforcecustomer360.herokuapp.com/?d=cta-body-promo-715" target="_blank"> <span> Get started with Customer 360 <span class="salesforce-icon icon-sfdc-icon-right-arrow"></span> </span> </a> </div> </div> </div></div> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-3 col-md-3 col-lg-3"> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="headingComponent parbase section"> <h4 id="more-resources" class=" avantgarde-l text-night text-left avant-garde-demi margin-80-top-lg margin-40-top-sm margin-20-bottom-lg " style="; "> <span class=" header-text "> More Resources </span> </h4> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-snow bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-4 col-md-4 col-lg-4"><div class="cardComponent parbase section"> <div class="thumbnail margin-0-top-lg margin-60-bottom-lg bg-snow "> <div class="thumbnail-content thumbnail-linked" data-href="/products/marketing-cloud/resources/podcasts/?d=resources1"> <a href="/products/marketing-cloud/resources/podcasts/?d=resources1" class="card-destination-link hidden-lg hidden-md hidden-sm hidden-xs" title="Marketing Cloudcast">Marketing Cloudcast</a> <div class="graphic "> <div class=" image-link"> <img class="lazy img-responsive margin-0-top-lg margin-0-bottom-lg " alt="" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/153.jpg"/> </div> </div> <div class="caption"> <div class="labelSmallComponent headingComponent parbase section"> <p id="podcast" class=" h5 text-altostratus text-left salesforce-sans-bold margin-10-top-lg margin-10-top-md margin-10-top-sm margin-10-top-xs margin-10-bottom-lg " style="; "> <span class=" header-text "> Podcast </span> </p> </div> <div class="headingComponent parbase section"> <p id="marketing-cloudcast" class=" h3 text-cirrus text-left salesforce-sans-regular margin-10-bottom-lg sales-head-1" style="; " data-equalize="sales-head-1"> <span class=" header-text "> Marketing Cloudcast </span> </p> </div> </div> <div class="card-overlay-container"> <a class="screen-reader-text" href="/products/marketing-cloud/resources/podcasts/">Marketing Cloudcast</a> </div> </div> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-4 col-md-4 col-lg-4"><div class="cardComponent parbase section"> <div class="thumbnail margin-0-top-lg margin-60-bottom-lg bg-snow "> <div class="thumbnail-content thumbnail-linked" data-href="/resources/guides/2020-retail-holiday-guide/?d=resources2"> <a href="/resources/guides/2020-retail-holiday-guide/?d=resources2" class="card-destination-link hidden-lg hidden-md hidden-sm hidden-xs" title="Your 2020 Holiday Retail Strategy & Planning Guide">Your 2020 Holiday Retail Strategy & Planning Guide</a> <div class="graphic "> <div class=" image-link"> <img class="lazy img-responsive margin-0-top-lg margin-0-bottom-lg " alt="" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/guide/retail-holiday-guide/ch1-retail-holiday-playbook-800x432.jpg"/> </div> </div> <div class="caption"> <div class="labelSmallComponent headingComponent parbase section"> <p id="guide" class=" h5 text-altostratus text-left salesforce-sans-bold margin-10-top-lg margin-10-top-md margin-10-top-sm margin-10-top-xs margin-10-bottom-lg " style="; "> <span class=" header-text "> Guide </span> </p> </div> <div class="headingComponent parbase section"> <p id="your-2020-holiday-retail-strategy-planning-guide" class=" h3 text-cirrus text-left salesforce-sans-regular margin-10-bottom-lg sales-head-1" style="; " data-equalize="sales-head-1"> <span class=" header-text "> Your 2020 Holiday Retail Strategy & Planning Guide </span> </p> </div> </div> <div class="card-overlay-container"> <a class="screen-reader-text" href="/resources/guides/2020-retail-holiday-guide/">Your 2020 Holiday Retail Strategy & Planning Guide</a> </div> </div> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-4 col-md-4 col-lg-4"><div class="cardComponent parbase section"> <div class="thumbnail margin-0-top-lg margin-60-bottom-lg bg-snow "> <div class="thumbnail-content thumbnail-linked" data-href="/resources/guides/service-leaders-guide-to-resiliency/?d=resources3"> <a href="/resources/guides/service-leaders-guide-to-resiliency/?d=resources3" class="card-destination-link hidden-lg hidden-md hidden-sm hidden-xs"></a> <div class="graphic "> <div class=" image-link"> <img class="lazy img-responsive margin-0-top-lg margin-0-bottom-lg " alt="" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/service-decisions.png"/> </div> </div> <div class="caption"> <div class="labelSmallComponent headingComponent parbase section"> <p id="guide" class=" h5 text-altostratus text-left salesforce-sans-bold margin-10-top-lg margin-10-top-md margin-10-top-sm margin-10-top-xs margin-10-bottom-lg " style="; "> <span class=" header-text "> Guide </span> </p> </div> <div class="headingComponent parbase section"> <p id="the-service-leaders-guide-to-resiliency" class=" h3 text-cirrus text-left salesforce-sans-regular margin-10-bottom-lg sales-head-1" style="; " data-equalize="sales-head-1"> <span class=" header-text "> The Service Leader's Guide to Resiliency </span> </p> </div> </div> <div class="card-overlay-container"> <a class="screen-reader-text" href="/resources/guides/service-leaders-guide-to-resiliency/"></a> </div> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> <div class="referenceComponent reference parbase section"><div class="cq-dd-paragraph"><div class="columncontainer_773f columnContainer parbase"><div data-target-init-function="columnContainer.targetInit" class=" columns-wrapper column-container-component"> <div class="bg-rain bg-opacity">  </div> <div class="container"> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-3 col-lg-3"><div class="spacerComponent parbase section"><div class="spacer hidden-xs hidden-sm hidden-lg" style="height:5px;"></div> </div> <div class="imageComponent parbase section"> <div class=" image-link"> <img class="lazy img-responsive hidden-xs hidden-sm margin--10-top-lg margin-80-top-md margin-60-top-sm " alt="" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/RC-RBN-footer-banner-fg.png"/> </div> </div> </div> <div class="col text-left col-xs-12 col-sm-12 col-md-9 col-lg-9"><div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" hidden-md columns-wrapper container-fluid column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-8 col-lg-8"><div class="headingComponent parbase section"> <h2 id="get-timely-updates-and-fresh-ideas-delivered-to-your-inbox" class=" avantgarde-lgr text-stratus text-center avant-garde-demi col-md-12 col-lg-12 margin-40-top-lg margin-30-top-sm margin-20-bottom-lg margin-10-bottom-md margin-20-bottom-sm " style="; "> <span class=" header-text "> Get timely updates and fresh ideas delivered to your inbox. </span> </h2> </div> <div class="buttonCTAComponent parbase section"> <div class="margin-20-bottom-sm text-center "> <div class="cta_0 buttonCTAItemComponent parbase"> <div class="btn-container "> <a class="btn btn-lg btn-primary salesforce-sans-regular " aria-label="Sign up now for newsletters" data-content-replacement-close-color="sfdc-swap-button-day" href="/form/other/role-based-newsletter/?d=cta-footer-57" target="_blank"> <span> Sign up now </span> </a> </div> </div> </div></div> </div> <div class="col text-left col-xs-12 col-sm-12 col-md-4 col-lg-4"><div class="spacerComponent parbase section"><div class="spacer hidden-xs hidden-sm" style="height:10px;"></div> </div> <div class="imageComponent parbase section"> <div class=" image-link"> <img class="lazy img-responsive hidden-xs hidden-sm margin-80-top-lg " alt="" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/RC-RBN-footer-banner-fg-right.png"/> </div> </div> </div> </div> <div class="row"> </div> </div> </div> <div class="columnContainer parbase section"><div data-target-init-function="columnContainer.targetInit" class=" hidden-xs hidden-sm hidden-lg columns-wrapper container-fluid column-container-component"> <div class="bg-default bg-opacity">  </div> <div class="row columns-wrapper " style=" 500"> <div class="col text-left col-xs-12 col-sm-12 col-md-9 col-lg-9"><div class="headingComponent parbase section"> <h2 id="get-timely-updates-and-fresh-ideas-delivered-to-your-inbox" class=" avantgarde-lgr text-stratus text-center avant-garde-demi col-md-12 col-lg-12 margin-40-top-lg margin-20-bottom-lg margin-10-bottom-md margin-20-bottom-sm " style="; "> <span class=" header-text "> Get timely updates and fresh ideas delivered to your inbox. </span> </h2> </div> <div class="buttonCTAComponent parbase section"> <div class="margin-20-bottom-sm text-center "> <div class="cta_0 buttonCTAItemComponent parbase"> <div class="btn-container "> <a class="btn btn-lg btn-primary salesforce-sans-regular " aria-label="Sign up now for newsletters" data-content-replacement-close-color="sfdc-swap-button-day" href="/form/other/role-based-newsletter/?d=cta-footer-57" target="_blank"> <span> Sign up now </span> </a> </div> </div> </div></div> </div> <div class="col text-left col-xs-12 col-sm-12 col-md-3 col-lg-3"><div class="spacerComponent parbase section"><div class="spacer hidden-xs hidden-sm" style="height:50px;"></div> </div> <div class="imageComponent parbase section"> <div class=" image-link"> <img class="lazy img-responsive hidden-xs hidden-sm margin-80-top-lg img-bleed-right " alt="" src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/imgs/spacer.gif" data-src="//www.salesforce.com/content/dam/web/en_us/www/images/resource-center/RC-RBN-footer-banner-fg-right.png"/> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade main-modal" id="mainModal" data-keyboard="true" role="dialog" aria-modal="true"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="icon-sfdc-icon-x h3"></span></button> <div class="modal-body"></div> </div> </div> </div> <div id="aem-c360-footer"> <hgf-footer home-href="us" legal-only="false" origin="https://wp.salesforce.com/en-us/wp-json"></hgf-footer> </div> <script src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_analytics_bottom.min.js"></script> <script src="//www.salesforce.com/etc/clientlibs/sfdc-aem-master/clientlibs_evergage.min.js"></script> <div class="hidden" data-load-libs="commonlyUsed"></div> <div class="hidden" data-load-libs="dropPanelContainer"></div> <div class="hidden" data-load-libs="formContainerV2"></div> <script type="module" src="https://a.sfdcstatic.com//digital/@sfdc-www/clientlibs-web-components/v1-stable/attribution.js"></script> <span class="hidden data-runmode" data-runmode-ispublish="true" data-runmode-isprod="true" data-runmode-isnonprod="false" data-runmode-isstaging="false"></span> <script type="text/javascript" src="//www.salesforce.com/etc.bundles/sfdc-www/bundles/vendors~scriptloader.bundle.914d89992c829da7cb32.js"></script><script type="text/javascript" src="//www.salesforce.com/etc.bundles/sfdc-www/bundles/scriptloader.bundle.914d89992c829da7cb32.js"></script><script type="text/javascript" src="//www.salesforce.com/etc.bundles/sfdc-www/bundles/vendors~utils~webpack-script-manifest-SfdcWwwBaseCnc-js~webpack-script-manifest-commonlyUsed-js~webp~72b17f21.bundle.914d89992c829da7cb32.js"></script><script type="text/javascript" src="//www.salesforce.com/etc.bundles/sfdc-www/bundles/vendors~utils~webpack-script-manifest-SfdcWwwBaseCnc-js~webpack-script-manifest-commonlyUsed-js~webp~8dbeef75.bundle.914d89992c829da7cb32.js"></script><script type="text/javascript" src="//www.salesforce.com/etc.bundles/sfdc-www/bundles/utils.bundle.914d89992c829da7cb32.js"></script> <script type="text/javascript"> window.sfdcBase = window.sfdcBase || {}; if (!sfdcBase.env) window.sfdcBase.env = ({ 'www.salesforce.com': 'PROD', 'www-uat1.salesforce.com': 'UAT', 'www-uat2.salesforce.com': 'UAT', 'www-perf.salesforce.com': 'PERF', 'www-qa1.salesforce.com': 'QA', 'www-qa2.salesforce.com': 'QA', 'www-int.salesforce.com': 'INT', })[location.hostname] ?? 'PROD'; window.sfdcBase.locale="en-us"; window.sfdcBase.chat = window.sfdcBase.chat || {}; window.sfdcBase.chat.preventChat=false; </script> <style> .sf-call { bottom: 91px; position: fixed; right: 30px; z-index: 105 } .call-btn-wrapper { display: none!important } .call-btn-wrapper a,a:active,a:focus,a:hover { text-decoration: none } @media(max-width: 767px) { .call-btn-wrapper { background-color:var(--hgf-g-blue-vibrant-50); border-radius: 50%; display: block!important; height: 60px; margin-bottom: 9px; width: 60px } .call-btn-wrapper a.btn { background-image: url(https://www.salesforce.com/etc/clientlibs/sfdc-www/clientlibs_www_livechat/img/call-icon.svg); background-position: 50%; background-repeat: no-repeat; border: none; cursor: pointer; display: block; height: 100%; touch-action: manipulation; width: 100% } } </style> <div class="sf-call"> <div class="call-btn-wrapper"> <a class="btn" href="tel:1-800-664-9073" aria-label="Call Us"></a> </div> </div> <script defer src="https://a.sfdcstatic.com/digital/xsf/components/v1-stable/miaw.js"></script> <script type="text/javascript" src="/jByD50WKD/n5kGr/gsNw/7EV50DYkOamDk5/XjtCLQ/aG/cZHlhoe34"></script><link rel="stylesheet" type="text/css" href="/jByD50WKD/n5kGr/gsNw/V2V5/fG81LQ/F2/RzVw1HRRdY"> <script src="/jByD50WKD/n5kGr/gsNw/V2V5/fG81LQ/Cl/siUARwIkQo" async defer></script> <div id="sec-overlay" style="display:none;"> <div id="sec-container"> </div> </div></body> </html>

CINXE.COM

How e.l.f. Cosmetics makes every customer journey beautiful. - Salesforce.com