Pendo Blog | Insights for Product-led Companies

<!doctype html> <html lang="en-US"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Pendo Blog | Insights for Product-led Companies</title> <meta name="description" content="Sharing ideas, tips, and best practices to help product managers and customer experience professionals deliver valuable user experiences." /> <link rel="canonical" href="https://www.pendo.io/pendo-blog/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Pendo Blog | Insights for Product-led Companies" /> <meta property="og:description" content="Sharing ideas, tips, and best practices to help product managers and customer experience professionals deliver valuable user experiences." /> <meta property="og:url" content="https://www.pendo.io/pendo-blog/" /> <meta property="og:site_name" content="Pendo Blog" /> <meta property="article:publisher" content="https://www.facebook.com/Pendoio/" /> <meta property="article:modified_time" content="2023-05-17T15:45:46+00:00" /> <meta property="og:image" content="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2023/05/Pendo_BlogHome_SocialCard_1200x628.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@pendoio" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.pendo.io/pendo-blog/","url":"https://www.pendo.io/pendo-blog/","name":"Pendo Blog | Insights for Product-led Companies","isPartOf":{"@id":"https://www.pendo.io/pendo-blog/#website"},"datePublished":"2019-06-13T18:37:24+00:00","dateModified":"2023-05-17T15:45:46+00:00","description":"Sharing ideas, tips, and best practices to help product managers and customer experience professionals deliver valuable user experiences.","breadcrumb":{"@id":"https://www.pendo.io/pendo-blog/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.pendo.io/pendo-blog/"]}]},{"@type":"BreadcrumbList","@id":"https://www.pendo.io/pendo-blog/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.pendo.io/pendo-blog/#website","url":"https://www.pendo.io/pendo-blog/","name":"Pendo Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.pendo.io/pendo-blog/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}</script>  <link rel="alternate" type="application/rss+xml" title="Pendo Blog » Home Comments Feed" href="https://www.pendo.io/pendo-blog/sample-page/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.pendo.io\/pendo-blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.pendo.io/pendo-blog/wp-includes/css/dist/block-library/style.min.css?ver=6.6.1' media='all' /> <style id='safe-svg-svg-icon-style-inline-css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--transparent: transparent;--wp--preset--color--current: currentcolor;--wp--preset--color--red: #dc2626;--wp--preset--color--gray-0: #ffffff;--wp--preset--color--gray-1: #f5f6ff;--wp--preset--color--gray-2: #efeef2;--wp--preset--color--gray-3: #979797;--wp--preset--color--gray-4: #060119;--wp--preset--color--blue-0: #f5f6ff;--wp--preset--color--blue-1: #c7c8f6;--wp--preset--color--blue-2: #8f90ec;--wp--preset--color--blue-3: #4546e0;--wp--preset--color--purple-0: #f9f6fd;--wp--preset--color--purple-1: #dcc9fa;--wp--preset--color--purple-2: #b993f5;--wp--preset--color--purple-3: #8b4bef;--wp--preset--color--purple-4: #753fcb;--wp--preset--color--purpledark-0: #c6c1db;--wp--preset--color--purpledark-1: #aca2cb;--wp--preset--color--purpledark-2: #432277;--wp--preset--color--purpledark-3: #2a1567;--wp--preset--color--purpledark-4: #220b5c;--wp--preset--color--purpledark-5: #17044a;--wp--preset--color--magenta-0: #ffeeff;--wp--preset--color--magenta-1: #f3cdf2;--wp--preset--color--magenta-2: #e69be5;--wp--preset--color--magenta-3: #d658d3;--wp--preset--color--magenta-4: #b52eb1;--wp--preset--color--pink-0: #ff4876;--wp--preset--color--pink-1: #de2864;--wp--preset--color--pink-2: #c22357;--wp--preset--color--orange-0: #fff2e1;--wp--preset--color--orange-1: #ffddb3;--wp--preset--color--orange-2: #ffba66;--wp--preset--color--orange-3: #ff8c00;--wp--preset--color--error-0: #f99;--wp--preset--color--error-1: #e62e00;--wp--preset--color--error-2: #bf2600;--wp--preset--color--error-3: #841a00;--wp--preset--color--valid-0: #fafdfc;--wp--preset--color--valid-1: #ecf3ee;--wp--preset--color--valid-2: #36b370;--wp--preset--color--valid-3: #008842;--wp--preset--color--valid-4: #1a6343;--wp--preset--color--warning-0: #fffef9;--wp--preset--color--warning-1: #fffae6;--wp--preset--color--warning-2: #ffab00;--wp--preset--color--warning-3: #b26100;--wp--preset--color--warning-4: #774100;--wp--preset--color--information-0: #fffef9;--wp--preset--color--information-1: #e6fcff;--wp--preset--color--information-2: #00b8d9;--wp--preset--color--information-3: #008da6;--wp--preset--color--information-4: #005b6b;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--12: 12px;--wp--preset--font-size--13: 13px;--wp--preset--font-size--14: 14px;--wp--preset--font-size--15: 15px;--wp--preset--font-size--16: 16px;--wp--preset--font-size--18: 18px;--wp--preset--font-size--20: 20px;--wp--preset--font-size--22: 22px;--wp--preset--font-size--24: 24px;--wp--preset--font-size--26: 26px;--wp--preset--font-size--28: 28px;--wp--preset--font-size--30: 30px;--wp--preset--font-size--32: 32px;--wp--preset--font-size--36: 36px;--wp--preset--font-size--40: 40px;--wp--preset--font-size--44: 44px;--wp--preset--font-size--48: 48px;--wp--preset--font-size--56: 56px;--wp--preset--font-family--inter: Inter,sans-serif;--wp--preset--font-family--sora: Sora,sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:root :where(body){padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-transparent-color{color: var(--wp--preset--color--transparent) !important;}.has-current-color{color: var(--wp--preset--color--current) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-gray-0-color{color: var(--wp--preset--color--gray-0) !important;}.has-gray-1-color{color: var(--wp--preset--color--gray-1) !important;}.has-gray-2-color{color: var(--wp--preset--color--gray-2) !important;}.has-gray-3-color{color: var(--wp--preset--color--gray-3) !important;}.has-gray-4-color{color: var(--wp--preset--color--gray-4) !important;}.has-blue-0-color{color: var(--wp--preset--color--blue-0) !important;}.has-blue-1-color{color: var(--wp--preset--color--blue-1) !important;}.has-blue-2-color{color: var(--wp--preset--color--blue-2) !important;}.has-blue-3-color{color: var(--wp--preset--color--blue-3) !important;}.has-purple-0-color{color: var(--wp--preset--color--purple-0) !important;}.has-purple-1-color{color: var(--wp--preset--color--purple-1) !important;}.has-purple-2-color{color: var(--wp--preset--color--purple-2) !important;}.has-purple-3-color{color: var(--wp--preset--color--purple-3) !important;}.has-purple-4-color{color: var(--wp--preset--color--purple-4) !important;}.has-purpledark-0-color{color: var(--wp--preset--color--purpledark-0) !important;}.has-purpledark-1-color{color: var(--wp--preset--color--purpledark-1) !important;}.has-purpledark-2-color{color: var(--wp--preset--color--purpledark-2) !important;}.has-purpledark-3-color{color: var(--wp--preset--color--purpledark-3) !important;}.has-purpledark-4-color{color: var(--wp--preset--color--purpledark-4) !important;}.has-purpledark-5-color{color: var(--wp--preset--color--purpledark-5) !important;}.has-magenta-0-color{color: var(--wp--preset--color--magenta-0) !important;}.has-magenta-1-color{color: var(--wp--preset--color--magenta-1) !important;}.has-magenta-2-color{color: var(--wp--preset--color--magenta-2) !important;}.has-magenta-3-color{color: var(--wp--preset--color--magenta-3) !important;}.has-magenta-4-color{color: var(--wp--preset--color--magenta-4) !important;}.has-pink-0-color{color: var(--wp--preset--color--pink-0) !important;}.has-pink-1-color{color: var(--wp--preset--color--pink-1) !important;}.has-pink-2-color{color: var(--wp--preset--color--pink-2) !important;}.has-orange-0-color{color: var(--wp--preset--color--orange-0) !important;}.has-orange-1-color{color: var(--wp--preset--color--orange-1) !important;}.has-orange-2-color{color: var(--wp--preset--color--orange-2) !important;}.has-orange-3-color{color: var(--wp--preset--color--orange-3) !important;}.has-error-0-color{color: var(--wp--preset--color--error-0) !important;}.has-error-1-color{color: var(--wp--preset--color--error-1) !important;}.has-error-2-color{color: var(--wp--preset--color--error-2) !important;}.has-error-3-color{color: var(--wp--preset--color--error-3) !important;}.has-valid-0-color{color: var(--wp--preset--color--valid-0) !important;}.has-valid-1-color{color: var(--wp--preset--color--valid-1) !important;}.has-valid-2-color{color: var(--wp--preset--color--valid-2) !important;}.has-valid-3-color{color: var(--wp--preset--color--valid-3) !important;}.has-valid-4-color{color: var(--wp--preset--color--valid-4) !important;}.has-warning-0-color{color: var(--wp--preset--color--warning-0) !important;}.has-warning-1-color{color: var(--wp--preset--color--warning-1) !important;}.has-warning-2-color{color: var(--wp--preset--color--warning-2) !important;}.has-warning-3-color{color: var(--wp--preset--color--warning-3) !important;}.has-warning-4-color{color: var(--wp--preset--color--warning-4) !important;}.has-information-0-color{color: var(--wp--preset--color--information-0) !important;}.has-information-1-color{color: var(--wp--preset--color--information-1) !important;}.has-information-2-color{color: var(--wp--preset--color--information-2) !important;}.has-information-3-color{color: var(--wp--preset--color--information-3) !important;}.has-information-4-color{color: var(--wp--preset--color--information-4) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-transparent-background-color{background-color: var(--wp--preset--color--transparent) !important;}.has-current-background-color{background-color: var(--wp--preset--color--current) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-gray-0-background-color{background-color: var(--wp--preset--color--gray-0) !important;}.has-gray-1-background-color{background-color: var(--wp--preset--color--gray-1) !important;}.has-gray-2-background-color{background-color: var(--wp--preset--color--gray-2) !important;}.has-gray-3-background-color{background-color: var(--wp--preset--color--gray-3) !important;}.has-gray-4-background-color{background-color: var(--wp--preset--color--gray-4) !important;}.has-blue-0-background-color{background-color: var(--wp--preset--color--blue-0) !important;}.has-blue-1-background-color{background-color: var(--wp--preset--color--blue-1) !important;}.has-blue-2-background-color{background-color: var(--wp--preset--color--blue-2) !important;}.has-blue-3-background-color{background-color: var(--wp--preset--color--blue-3) !important;}.has-purple-0-background-color{background-color: var(--wp--preset--color--purple-0) !important;}.has-purple-1-background-color{background-color: var(--wp--preset--color--purple-1) !important;}.has-purple-2-background-color{background-color: var(--wp--preset--color--purple-2) !important;}.has-purple-3-background-color{background-color: var(--wp--preset--color--purple-3) !important;}.has-purple-4-background-color{background-color: var(--wp--preset--color--purple-4) !important;}.has-purpledark-0-background-color{background-color: var(--wp--preset--color--purpledark-0) !important;}.has-purpledark-1-background-color{background-color: var(--wp--preset--color--purpledark-1) !important;}.has-purpledark-2-background-color{background-color: var(--wp--preset--color--purpledark-2) !important;}.has-purpledark-3-background-color{background-color: var(--wp--preset--color--purpledark-3) !important;}.has-purpledark-4-background-color{background-color: var(--wp--preset--color--purpledark-4) !important;}.has-purpledark-5-background-color{background-color: var(--wp--preset--color--purpledark-5) !important;}.has-magenta-0-background-color{background-color: var(--wp--preset--color--magenta-0) !important;}.has-magenta-1-background-color{background-color: var(--wp--preset--color--magenta-1) !important;}.has-magenta-2-background-color{background-color: var(--wp--preset--color--magenta-2) !important;}.has-magenta-3-background-color{background-color: var(--wp--preset--color--magenta-3) !important;}.has-magenta-4-background-color{background-color: var(--wp--preset--color--magenta-4) !important;}.has-pink-0-background-color{background-color: var(--wp--preset--color--pink-0) !important;}.has-pink-1-background-color{background-color: var(--wp--preset--color--pink-1) !important;}.has-pink-2-background-color{background-color: var(--wp--preset--color--pink-2) !important;}.has-orange-0-background-color{background-color: var(--wp--preset--color--orange-0) !important;}.has-orange-1-background-color{background-color: var(--wp--preset--color--orange-1) !important;}.has-orange-2-background-color{background-color: var(--wp--preset--color--orange-2) !important;}.has-orange-3-background-color{background-color: var(--wp--preset--color--orange-3) !important;}.has-error-0-background-color{background-color: var(--wp--preset--color--error-0) !important;}.has-error-1-background-color{background-color: var(--wp--preset--color--error-1) !important;}.has-error-2-background-color{background-color: var(--wp--preset--color--error-2) !important;}.has-error-3-background-color{background-color: var(--wp--preset--color--error-3) !important;}.has-valid-0-background-color{background-color: var(--wp--preset--color--valid-0) !important;}.has-valid-1-background-color{background-color: var(--wp--preset--color--valid-1) !important;}.has-valid-2-background-color{background-color: var(--wp--preset--color--valid-2) !important;}.has-valid-3-background-color{background-color: var(--wp--preset--color--valid-3) !important;}.has-valid-4-background-color{background-color: var(--wp--preset--color--valid-4) !important;}.has-warning-0-background-color{background-color: var(--wp--preset--color--warning-0) !important;}.has-warning-1-background-color{background-color: var(--wp--preset--color--warning-1) !important;}.has-warning-2-background-color{background-color: var(--wp--preset--color--warning-2) !important;}.has-warning-3-background-color{background-color: var(--wp--preset--color--warning-3) !important;}.has-warning-4-background-color{background-color: var(--wp--preset--color--warning-4) !important;}.has-information-0-background-color{background-color: var(--wp--preset--color--information-0) !important;}.has-information-1-background-color{background-color: var(--wp--preset--color--information-1) !important;}.has-information-2-background-color{background-color: var(--wp--preset--color--information-2) !important;}.has-information-3-background-color{background-color: var(--wp--preset--color--information-3) !important;}.has-information-4-background-color{background-color: var(--wp--preset--color--information-4) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-transparent-border-color{border-color: var(--wp--preset--color--transparent) !important;}.has-current-border-color{border-color: var(--wp--preset--color--current) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-gray-0-border-color{border-color: var(--wp--preset--color--gray-0) !important;}.has-gray-1-border-color{border-color: var(--wp--preset--color--gray-1) !important;}.has-gray-2-border-color{border-color: var(--wp--preset--color--gray-2) !important;}.has-gray-3-border-color{border-color: var(--wp--preset--color--gray-3) !important;}.has-gray-4-border-color{border-color: var(--wp--preset--color--gray-4) !important;}.has-blue-0-border-color{border-color: var(--wp--preset--color--blue-0) !important;}.has-blue-1-border-color{border-color: var(--wp--preset--color--blue-1) !important;}.has-blue-2-border-color{border-color: var(--wp--preset--color--blue-2) !important;}.has-blue-3-border-color{border-color: var(--wp--preset--color--blue-3) !important;}.has-purple-0-border-color{border-color: var(--wp--preset--color--purple-0) !important;}.has-purple-1-border-color{border-color: var(--wp--preset--color--purple-1) !important;}.has-purple-2-border-color{border-color: var(--wp--preset--color--purple-2) !important;}.has-purple-3-border-color{border-color: var(--wp--preset--color--purple-3) !important;}.has-purple-4-border-color{border-color: var(--wp--preset--color--purple-4) !important;}.has-purpledark-0-border-color{border-color: var(--wp--preset--color--purpledark-0) !important;}.has-purpledark-1-border-color{border-color: var(--wp--preset--color--purpledark-1) !important;}.has-purpledark-2-border-color{border-color: var(--wp--preset--color--purpledark-2) !important;}.has-purpledark-3-border-color{border-color: var(--wp--preset--color--purpledark-3) !important;}.has-purpledark-4-border-color{border-color: var(--wp--preset--color--purpledark-4) !important;}.has-purpledark-5-border-color{border-color: var(--wp--preset--color--purpledark-5) !important;}.has-magenta-0-border-color{border-color: var(--wp--preset--color--magenta-0) !important;}.has-magenta-1-border-color{border-color: var(--wp--preset--color--magenta-1) !important;}.has-magenta-2-border-color{border-color: var(--wp--preset--color--magenta-2) !important;}.has-magenta-3-border-color{border-color: var(--wp--preset--color--magenta-3) !important;}.has-magenta-4-border-color{border-color: var(--wp--preset--color--magenta-4) !important;}.has-pink-0-border-color{border-color: var(--wp--preset--color--pink-0) !important;}.has-pink-1-border-color{border-color: var(--wp--preset--color--pink-1) !important;}.has-pink-2-border-color{border-color: var(--wp--preset--color--pink-2) !important;}.has-orange-0-border-color{border-color: var(--wp--preset--color--orange-0) !important;}.has-orange-1-border-color{border-color: var(--wp--preset--color--orange-1) !important;}.has-orange-2-border-color{border-color: var(--wp--preset--color--orange-2) !important;}.has-orange-3-border-color{border-color: var(--wp--preset--color--orange-3) !important;}.has-error-0-border-color{border-color: var(--wp--preset--color--error-0) !important;}.has-error-1-border-color{border-color: var(--wp--preset--color--error-1) !important;}.has-error-2-border-color{border-color: var(--wp--preset--color--error-2) !important;}.has-error-3-border-color{border-color: var(--wp--preset--color--error-3) !important;}.has-valid-0-border-color{border-color: var(--wp--preset--color--valid-0) !important;}.has-valid-1-border-color{border-color: var(--wp--preset--color--valid-1) !important;}.has-valid-2-border-color{border-color: var(--wp--preset--color--valid-2) !important;}.has-valid-3-border-color{border-color: var(--wp--preset--color--valid-3) !important;}.has-valid-4-border-color{border-color: var(--wp--preset--color--valid-4) !important;}.has-warning-0-border-color{border-color: var(--wp--preset--color--warning-0) !important;}.has-warning-1-border-color{border-color: var(--wp--preset--color--warning-1) !important;}.has-warning-2-border-color{border-color: var(--wp--preset--color--warning-2) !important;}.has-warning-3-border-color{border-color: var(--wp--preset--color--warning-3) !important;}.has-warning-4-border-color{border-color: var(--wp--preset--color--warning-4) !important;}.has-information-0-border-color{border-color: var(--wp--preset--color--information-0) !important;}.has-information-1-border-color{border-color: var(--wp--preset--color--information-1) !important;}.has-information-2-border-color{border-color: var(--wp--preset--color--information-2) !important;}.has-information-3-border-color{border-color: var(--wp--preset--color--information-3) !important;}.has-information-4-border-color{border-color: var(--wp--preset--color--information-4) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-12-font-size{font-size: var(--wp--preset--font-size--12) !important;}.has-13-font-size{font-size: var(--wp--preset--font-size--13) !important;}.has-14-font-size{font-size: var(--wp--preset--font-size--14) !important;}.has-15-font-size{font-size: var(--wp--preset--font-size--15) !important;}.has-16-font-size{font-size: var(--wp--preset--font-size--16) !important;}.has-18-font-size{font-size: var(--wp--preset--font-size--18) !important;}.has-20-font-size{font-size: var(--wp--preset--font-size--20) !important;}.has-22-font-size{font-size: var(--wp--preset--font-size--22) !important;}.has-24-font-size{font-size: var(--wp--preset--font-size--24) !important;}.has-26-font-size{font-size: var(--wp--preset--font-size--26) !important;}.has-28-font-size{font-size: var(--wp--preset--font-size--28) !important;}.has-30-font-size{font-size: var(--wp--preset--font-size--30) !important;}.has-32-font-size{font-size: var(--wp--preset--font-size--32) !important;}.has-36-font-size{font-size: var(--wp--preset--font-size--36) !important;}.has-40-font-size{font-size: var(--wp--preset--font-size--40) !important;}.has-44-font-size{font-size: var(--wp--preset--font-size--44) !important;}.has-48-font-size{font-size: var(--wp--preset--font-size--48) !important;}.has-56-font-size{font-size: var(--wp--preset--font-size--56) !important;}.has-inter-font-family{font-family: var(--wp--preset--font-family--inter) !important;}.has-sora-font-family{font-family: var(--wp--preset--font-family--sora) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='app/0-css' href='https://www.pendo.io/pendo-blog/wp-content/themes/timber-sage-blog/public/css/app.00883e.css' media='all' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.pendo.io/pendo-blog/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.pendo.io/pendo-blog/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.pendo.io/pendo-blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.pendo.io%2Fpendo-blog%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.pendo.io/pendo-blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.pendo.io%2Fpendo-blog%2F&format=xml" /> <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><link rel="icon" href="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2023/05/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2023/05/cropped-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2023/05/cropped-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2023/05/cropped-favicon-270x270.png" />  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+JP:wght@400;700&family=Sora:wght@300;400;500;700&display=swap" rel="stylesheet">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>  <script> (function(){var a=window.mutiny=window.mutiny||{};if(!window.mutiny.client){a.client={_queue:{}};var b=["identify","trackConversion"];var c=[].concat(b,["defaultOptOut","optOut","optIn"]);var d=function factory(c){return function(){for(var d=arguments.length,e=new Array(d),f=0;f<d;f++){e[f]=arguments[f]}a.client._queue[c]=a.client._queue[c]||[];if(b.includes(c)){return new Promise(function(b,d){a.client._queue[c].push({args:e,resolve:b,reject:d});setTimeout(d,500)})}else{a.client._queue[c].push({args:e})}}};c.forEach(function(b){a.client[b]=d(b)})}})(); </script> <script data-cfasync="false" src="https://client-registry.mutinycdn.com/personalize/client/64c4277f45fc6bf8.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','GTM-MBJ22KN'); </script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="fba2d6d3-b222-40ea-85ee-9f66dfdeb960" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('185-LQW-370', { 'domainLevel':'2' }); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); </script> <script type="text/javascript" src="https://cdn.bizible.com/scripts/bizible.js" async=""></script> </head> <body class="home page-template-default page page-id-2 wp-embed-responsive" > <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MBJ22KN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="app"> <header role="banner" class="c-header px-5 xxl:px-8 w-full mx-auto relative c-header--light" > <div class="c-header__container block lg:flex items-center"> <div class="c-logo inline-block -mt-1"> <a class="inline" target="_blank" href="/"> <svg class="!w-[150px] lg:w-1/3 inline-block -mt-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 112 25.93"> <path d="M87.14,17.88c2.89,0,5.23-2.3,5.23-5.13s-2.35-5.13-5.23-5.13-5.23,2.3-5.23,5.13,2.35,5.13,5.23,5.13ZM92.38,0h2.48V20.33h-2.48v-2.03c-1.43,1.3-3.28,2.01-5.23,2.01-4.25,0-7.71-3.39-7.71-7.56s3.46-7.56,7.71-7.56c1.96,0,3.8,.71,5.23,2.01V0ZM35.71,17.79c2.89,0,5.23-2.3,5.23-5.13s-2.35-5.13-5.23-5.13-5.23,2.3-5.23,5.13,2.35,5.13,5.23,5.13Zm-5.23-10.68c1.43-1.3,3.28-2.01,5.23-2.01,4.25,0,7.71,3.39,7.71,7.56s-3.46,7.56-7.71,7.56c-1.96,0-3.8-.71-5.23-2.01v7.2h-2.48V5.08h2.48v2.03Zm17.68,4.37c.56-2.3,2.64-3.95,5.01-3.95s4.3,1.61,4.82,3.95h-9.83Zm5.01-6.4c-4.19,0-7.6,3.42-7.6,7.62s3.41,7.62,7.6,7.62c2.35,0,4.5-.88,5.91-2.42l.73-.8,.09-.1-.1-.1-1.59-1.47-.1-.09-.09,.1-.73,.8c-.93,1.02-2.47,1.63-4.11,1.63-2.37,0-4.45-1.65-5.01-3.95h12.41v-1.23c0-4.27-3.25-7.62-7.4-7.62Zm56.35,7.62c0,2.85-2.35,5.17-5.23,5.17s-5.23-2.32-5.23-5.17,2.35-5.17,5.23-5.17,5.23,2.32,5.23,5.17Zm-5.23-7.62c-4.25,0-7.71,3.42-7.71,7.62s3.46,7.62,7.71,7.62,7.71-3.42,7.71-7.62-3.46-7.62-7.71-7.62Zm-34.5,0c-1.72,0-3.36,.66-4.66,1.85v-1.85h-2.41v15.24h2.41v-7.78c0-2.78,2.09-5.03,4.66-5.03s4.66,2.26,4.66,5.03v7.78h2.41v-7.78c0-4.12-3.17-7.46-7.07-7.46Z" fill="#fff" fill-rule="evenodd"/> <path d="M0,14.52H11.67v11.41l11.67-11.41V3.11H11.67L0,14.52Z" fill="#ff4876" fill-rule="evenodd"/> </svg> </a> <span class="font-light text-36 leading-none mx-3 -mt-2">|</span> <a href="/pendo-blog/"><span class="font-sora font-bold text-32 leading-none inline-block ml-2"> Blog</span></a> </div> <div class="c-header__menus items-center flex-auto"> <form id="searchform" action="https://www.pendo.io/pendo-blog/" class="c-search-form searchform p-4 lg:p-0" method="get"> <label for="search-form" class="sr-only">Search</label> <input class="js-focus" type="search" id="search-form" placeholder="Search" aria-label="search input" name="s" value="" autofocus> <input class="hidden" type="submit" id="searchsubmit" value="Search" /> <button role="button" class="transition-all border border-solid cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 c-search-form__clear js-input-clear" onclick="document.getElementById('search-form').value = ''; document.getElementById('search-form').focus(); return false;"> <div class="inline-flex align-center justify-center relative "> <svg class="fill-current hidden lg:inline" width="32" height="32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <path d="M24.71,23.29c.39,.39,.39,1.02,0,1.41-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29l-7.29-7.29-7.29,7.29c-.2,.2-.45,.29-.71,.29s-.51-.1-.71-.29c-.39-.39-.39-1.02,0-1.41l7.29-7.29-7.29-7.29c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l7.29,7.29,7.29-7.29c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-7.29,7.29,7.29,7.29Z" /> </svg> </div> </button> </form> <nav role="navigation" class="c-utility-nav text-white "> <ul class="c-utility-nav__list list-none inline-flex float-right"> <li class="c-utility-nav__list-item"> <button role="button" class="transition-all border border-solid cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 c-search-toggle js-toggle !p-0 border-none" data-toggled="body" data-prefix="c-search"> <div class="inline-flex align-center justify-center relative text-white h-6 w-6 pt-2 ml-3 mr-6"> <svg class="fill-current hidden lg:inline" width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.47,18.24l-4.2-3.79c.77-1.13,1.23-2.49,1.23-3.95,0-3.86-3.14-7-7-7S3.5,6.64,3.5,10.5s3.14,7,7,7c1.32,0,2.56-.38,3.61-1.02,.05,.06,.08,.13,.14,.19l4.21,3.8c.29,.26,.65,.39,1,.39,.41,0,.82-.17,1.11-.5,.56-.61,.51-1.56-.11-2.12Zm-9.97-3.74c-2.21,0-4-1.79-4-4s1.79-4,4-4,4,1.79,4,4-1.79,4-4,4Z" /> </svg> </div> </button> </li> <li class="c-utility-nav__list-item"> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all cursor-pointer outline-none align-center inline-flex justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 my-[20px] bg-pink-2 primary text-14 px-4 py-2.5 border-pink-1 !text-white transition duration-150 ease-in-out hover:bg-pink-0 hover:border-[#C22357] active:bg-pink-1 active:border-pink-1 disabled:bg-gray-2 disabled:border-gray-2 disabled:text-gray-3" href="https://go.pendo.io/demo-pendo.html?utm_source=website&utm_medium=blog&utm_campaign=idr-growth" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Get a demo</span> </a> </li> </ul> </nav> <nav role="navigation" class="c-primary-nav text-white "> <ul class="c-primary-nav__list list-none lg:inline-flex float-right w-full px-6 lg:w-auto lg:px-0"> <li class="c-primary-nav__list-item js-hover" data-prefix="overlay" data-toggled="body"> <a class="nav-dropdown-link items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="/pendo-blog/best-practices/" target="_self"> <span>Best Practices</span> </a> <div class="c-primary-nav__subnav c-primary-nav__subnav--2col bg-[#f2f4fc] lg:border-purpleDark-0 border z-60"> <div class="c-primary-nav__subnav-container"> <div class="c-primary-nav__subnav--primary lg:pr-11 lg:border-r lg:pl-24 lg:border-purpleDark-0"> <ul class="c-primary-nav__subnav-list"> <li class="c-primary-nav__subnav-item"> <div class="bg-magenta-4 p-8 rounded-12 w-full group card-subnav-featured relative overflow-hidden"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-white opacity-50 font-bold mb-4"> Must read </div> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold font-sora !leading-tight z-10 relative "> <a class="text-black !text-white !pl-0 mb-8 hover:!text-white" href="https://www.pendo.io/pendo-blog/introducing-pendo-orchestrate/" > <span>Pendo unveils Orchestrate: Smarter user engagement, in-app and out</span> </a> </h4> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 !text-white !pl-0 !text-left" href="https://www.pendo.io/pendo-blog/introducing-pendo-orchestrate/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Read story</span> <div class="inline-flex align-center justify-center relative h-3 w-3 ml-1 group-hover:ml-2 transition-all duration-200"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> <div class="absolute -bottom-16 -rotate-[20deg] -right-10 group-hover:-bottom-15 group-hover:-right-8 group-hover:scale-105 transition-all duration-200 z-0"> <svg class="w-[300px]" viewBox="0 0 1128 678" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.25" d="M215.385 244.967C130.158 223.941 31.7811 260.634 0.642292 386.853L974.752 677.248C1069.53 507.944 1206.61 197.295 1069.13 122.471C992.304 80.6556 920.414 138.035 904.465 202.684C837.071 65.2201 702.907 -17.9558 589.605 4.16926C436.247 34.1164 411.574 287.199 435.734 407.102C390.693 360.066 283.566 261.788 215.385 244.967Z" fill="#C6C1DB" fill-opacity="1"/> </svg> </div> </div> </li> </ul> </div> <div class="c-primary-nav__subnav--secondary lg:pl-11"> <div class="admin-tools text-black relative"> <ul class="mb-6"> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/why-switch-to-pendo-listen/" target="_self" > <span>Next-gen customer intelligence: How to scale qualitative feedback</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/4-better-business-outcomes-powered-by-pendo/" target="_self" > <span>4 better business outcomes powered by Pendo</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/product-communications-best-practices/" target="_self" > <span>6 product communication mistakes to avoid—and what to do instead</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> </ul> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all cursor-pointer outline-none inline-flex items-center justify-end no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-18 px-8 py-4 bg-white hover:bg-[#E8E8FC] border-2 !text-purpleDark-3 hover:text-[#1F104C] active:border-2 disabled:border-gray-3" href="/pendo-blog/best-practices/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>More stories in best practices</span> <div class="inline-flex align-center justify-center relative h-6 w-6 ml-4"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#DE2864"/> <path d="M7.11084 12H16.8886" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.6108 7.72241L16.8886 12.0002L12.6108 16.278" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> </div> </div> </li> <li class="c-primary-nav__list-item js-hover" data-prefix="overlay" data-toggled="body"> <a class="nav-dropdown-link items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="/pendo-blog/perspectives/" target="_self"> <span>Perspectives</span> </a> <div class="c-primary-nav__subnav c-primary-nav__subnav--2col bg-[#f2f4fc] lg:border-purpleDark-0 border z-60"> <div class="c-primary-nav__subnav-container"> <div class="c-primary-nav__subnav--primary lg:pr-11 lg:border-r lg:pl-24 lg:border-purpleDark-0"> <ul class="c-primary-nav__subnav-list"> <li class="c-primary-nav__subnav-item"> <div class="bg-magenta-4 p-8 rounded-12 w-full group card-subnav-featured relative overflow-hidden"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-white opacity-50 font-bold mb-4"> Must read </div> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold font-sora !leading-tight z-10 relative "> <a class="text-black !text-white !pl-0 mb-8 hover:!text-white" href="https://www.pendo.io/pendo-blog/how-pendo-powers-stronger-compliance-in-financial-services-companies/" > <span>How Pendo powers stronger compliance in financial services companies</span> </a> </h4> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 !text-white !pl-0 !text-left" href="https://www.pendo.io/pendo-blog/how-pendo-powers-stronger-compliance-in-financial-services-companies/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Read story</span> <div class="inline-flex align-center justify-center relative h-3 w-3 ml-1 group-hover:ml-2 transition-all duration-200"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> <div class="absolute -bottom-16 -rotate-[20deg] -right-10 group-hover:-bottom-15 group-hover:-right-8 group-hover:scale-105 transition-all duration-200 z-0"> <svg class="w-[300px]" viewBox="0 0 1128 678" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.25" d="M215.385 244.967C130.158 223.941 31.7811 260.634 0.642292 386.853L974.752 677.248C1069.53 507.944 1206.61 197.295 1069.13 122.471C992.304 80.6556 920.414 138.035 904.465 202.684C837.071 65.2201 702.907 -17.9558 589.605 4.16926C436.247 34.1164 411.574 287.199 435.734 407.102C390.693 360.066 283.566 261.788 215.385 244.967Z" fill="#C6C1DB" fill-opacity="1"/> </svg> </div> </div> </li> </ul> </div> <div class="c-primary-nav__subnav--secondary lg:pl-11 text-black"> <ul class="mb-6"> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/how-pendo-helps-financial-services-companies-get-the-most-out-of-their-homegrown-apps/" target="_self" > <span>How Pendo helps financial services companies get the most out of their homegrown apps</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/how-we-used-idea-tests-to-validate-listens-idea-portal/" target="_self" > <span>How we used idea tests to validate Listen’s idea portal</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/embedded-content-customer-marketing/" target="_self" > <span>How Pendo’s customer marketing team uses embedded content to engage and convert users</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> </ul> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-18 px-8 py-4 bg-white hover:bg-[#E8E8FC] border-2 !text-purpleDark-3 hover:text-[#1F104C] active:border-2 disabled:border-gray-3" href="/pendo-blog/perspectives/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>More stories in perspectives</span> <div class="inline-flex align-center justify-center relative h-6 w-6 ml-4"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#DE2864"/> <path d="M7.11084 12H16.8886" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.6108 7.72241L16.8886 12.0002L12.6108 16.278" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> </div> </li> <li class="c-primary-nav__list-item js-hover" data-prefix="overlay" data-toggled="body"> <a class="nav-dropdown-link items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="/pendo-blog/profiles/" target="_self"> <span>Profiles</span> </a> <div class="c-primary-nav__subnav c-primary-nav__subnav--2col bg-[#f2f4fc] lg:border-purpleDark-0 border z-60"> <div class="c-primary-nav__subnav-container"> <div class="c-primary-nav__subnav--primary lg:pr-11 lg:border-r lg:pl-24 lg:border-purpleDark-0"> <ul class="c-primary-nav__subnav-list"> <li class="c-primary-nav__subnav-item"> <div class="bg-magenta-4 p-8 rounded-12 w-full group card-subnav-featured relative overflow-hidden"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-white opacity-50 font-bold mb-4"> Must read </div> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold font-sora !leading-tight z-10 relative "> <a class="text-black !text-white !pl-0 mb-8 hover:!text-white" href="https://www.pendo.io/pendo-blog/pendo-puts-pendo-to-the-test-reducing-saas-spend-by-30/" > <span>Pendo puts Pendo to the test, reducing SaaS spend by 30%</span> </a> </h4> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 !text-white !pl-0 !text-left" href="https://www.pendo.io/pendo-blog/pendo-puts-pendo-to-the-test-reducing-saas-spend-by-30/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Read story</span> <div class="inline-flex align-center justify-center relative h-3 w-3 ml-1 group-hover:ml-2 transition-all duration-200"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> <div class="absolute -bottom-16 -rotate-[20deg] -right-10 group-hover:-bottom-15 group-hover:-right-8 group-hover:scale-105 transition-all duration-200 z-0"> <svg class="w-[300px]" viewBox="0 0 1128 678" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.25" d="M215.385 244.967C130.158 223.941 31.7811 260.634 0.642292 386.853L974.752 677.248C1069.53 507.944 1206.61 197.295 1069.13 122.471C992.304 80.6556 920.414 138.035 904.465 202.684C837.071 65.2201 702.907 -17.9558 589.605 4.16926C436.247 34.1164 411.574 287.199 435.734 407.102C390.693 360.066 283.566 261.788 215.385 244.967Z" fill="#C6C1DB" fill-opacity="1"/> </svg> </div> </div> </li> </ul> </div> <div class="c-primary-nav__subnav--secondary lg:pl-11 text-black"> <ul class="mb-6"> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/pendo-puts-pendo-to-the-test-reducing-saas-spend-by-30/" target="_self" > <span>Pendo puts Pendo to the test, reducing SaaS spend by 30%</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/how-pendos-data-science-team-designed-a-custom-whole-product-score-with-pendo-data/" target="_self" > <span>How Pendo’s data science team designed a custom Whole Product Score with Pendo data</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/how-pendo-discover-helps-product-design-teams-become-more-customer-centric/" target="_self" > <span>How Pendo Listen helps product design teams become more customer-centric</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> </ul> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-18 px-8 py-4 bg-white hover:bg-[#E8E8FC] border-2 !text-purpleDark-3 hover:text-[#1F104C] active:border-2 disabled:border-gray-3" href="/pendo-blog/profiles/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>More stories in profiles</span> <div class="inline-flex align-center justify-center relative h-6 w-6 ml-4"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#DE2864"/> <path d="M7.11084 12H16.8886" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.6108 7.72241L16.8886 12.0002L12.6108 16.278" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> </div> </li> <li class="c-primary-nav__list-item js-hover" data-prefix="overlay" data-toggled="body"> <a class="nav-dropdown-link items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="/pendo-blog/news/" target="_self"> <span>News</span> </a> <div class="c-primary-nav__subnav c-primary-nav__subnav--2col bg-[#f2f4fc] lg:border-purpleDark-0 border z-60"> <div class="c-primary-nav__subnav-container"> <div class="c-primary-nav__subnav--primary lg:pr-11 lg:border-r lg:pl-24 lg:border-purpleDark-0"> <ul class="c-primary-nav__subnav-list"> <li class="c-primary-nav__subnav-item"> <div class="bg-magenta-4 p-8 rounded-12 w-full group card-subnav-featured relative overflow-hidden"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-white opacity-50 font-bold mb-4"> Must read </div> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold font-sora !leading-tight z-10 relative "> <a class="text-black !text-white !pl-0 mb-8 hover:!text-white" href="https://www.pendo.io/pendo-blog/introducing-the-radical-product-thinking-vision-setting-course/" > <span>Introducing the Radical Product Thinking: Vision Setting Course</span> </a> </h4> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 !text-white !pl-0 !text-left" href="https://www.pendo.io/pendo-blog/introducing-the-radical-product-thinking-vision-setting-course/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Read story</span> <div class="inline-flex align-center justify-center relative h-3 w-3 ml-1 group-hover:ml-2 transition-all duration-200"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> <div class="absolute -bottom-16 -rotate-[20deg] -right-10 group-hover:-bottom-15 group-hover:-right-8 group-hover:scale-105 transition-all duration-200 z-0"> <svg class="w-[300px]" viewBox="0 0 1128 678" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.25" d="M215.385 244.967C130.158 223.941 31.7811 260.634 0.642292 386.853L974.752 677.248C1069.53 507.944 1206.61 197.295 1069.13 122.471C992.304 80.6556 920.414 138.035 904.465 202.684C837.071 65.2201 702.907 -17.9558 589.605 4.16926C436.247 34.1164 411.574 287.199 435.734 407.102C390.693 360.066 283.566 261.788 215.385 244.967Z" fill="#C6C1DB" fill-opacity="1"/> </svg> </div> </div> </li> </ul> </div> <div class="c-primary-nav__subnav--secondary lg:pl-11 text-black"> <ul class="mb-6"> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/introducing-the-2024-pendo-customer-award-winners/" target="_self" > <span>Introducing the 2024 Pendo Customer Award winners</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/reliving-pendomonium-2024-day-two-highlights/" target="_self" > <span>Reliving Pendomonium 2024: Day two highlights</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> <li class="border-b border-[#C6C1DB] py-6 first:pt-0 relative block"> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] pr-20 cursor-pointer no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-sora font-bold text-15" href="https://www.pendo.io/pendo-blog/reliving-pendomonium-2024-day-one-highlights/" target="_self" > <span>Reliving Pendomonium 2024: Day one highlights</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-4 !absolute right-[30px] !block"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </li> </ul> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-18 px-8 py-4 bg-white hover:bg-[#E8E8FC] border-2 !text-purpleDark-3 hover:text-[#1F104C] active:border-2 disabled:border-gray-3" href="/pendo-blog/news/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>More stories in news</span> <div class="inline-flex align-center justify-center relative h-6 w-6 ml-4"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#DE2864"/> <path d="M7.11084 12H16.8886" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.6108 7.72241L16.8886 12.0002L12.6108 16.278" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> </div> </li> </ul> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all cursor-pointer lg:hidden outline-none align-center inline-flex justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] mt-8 ml-8 hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 bg-pink-2 primary text-16 px-4 py-2.5 border-pink-1 !text-white transition duration-150 ease-in-out hover:bg-pink-0 hover:border-[#C22357] active:bg-pink-1 active:border-pink-1 disabled:bg-gray-2 disabled:border-gray-2 disabled:text-gray-3" href="https://go.pendo.io/demo-pendo.html?utm_source=website&utm_medium=blog&utm_campaign=idr-growth" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Get a demo</span> </a> </nav> </div> <div class="c-header__controls inline items-center"> <button role="button" class="float-right lg:float-none !pr-4 lg:pr-0 transition-all border border-solid cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 c-menu-toggle js-toggle" data-prefix="c-primary-nav" data-toggled="body"> <div class="inline-flex align-center justify-center relative "> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="3" width="24" height="2" fill="black" /> <rect y="11" width="24" height="2" fill="black" /> <rect y="19" width="24" height="2" fill="black" /> </svg> </div> </button> </div> </div> </header> <main role="document" class="min-h-screen "> <section data-label="blog-home-hero"> <div class="max-w-7xl mx-auto"> <div class="grid grid-cols-12 lg:border-b-2 lg:border-gray-2 lg:divide-x-2 divide-gray-2 gap-0 lg:gap-8 pb-16 my-6 px-6 lg:my-12 mx-0 xl:mx-6"> <div class="col-span-12 lg:col-span-8 blog-home-hero pb-16 lg:pb-0"> <a href="https://www.pendo.io/pendo-blog/how-pendo-helps-financial-services-companies-get-the-most-out-of-their-homegrown-apps/"> <img loading="lazy" class="block h-auto max-w-full rounded-10 w-full" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_Pendo-McKinsey-Podcast-Recap-1-scaled.jpg" alt="Featured image" /> </a> <div class="flex justify-between py-6"> <div> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide normal-case text-pink-0"> <div class="inline-flex align-center justify-center relative h-6 w-6 mr-1"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.5 2H6.5C5.96957 2 5.46086 2.21071 5.08579 2.58579C4.71071 2.96086 4.5 3.46957 4.5 4V20C4.5 20.5304 4.71071 21.0391 5.08579 21.4142C5.46086 21.7893 5.96957 22 6.5 22H18.5C19.0304 22 19.5391 21.7893 19.9142 21.4142C20.2893 21.0391 20.5 20.5304 20.5 20V8L14.5 2Z" stroke="#FF4876" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.5 2V8H20.5" stroke="#FF4876" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5 13H8.5" stroke="#FF4876" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5 17H8.5" stroke="#FF4876" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.5 9H9.5H8.5" stroke="#FF4876" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span>Must read</span> </span> </div> <div> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-gray-3"> November 20, 2024 </div> </div> </div> <h1 class="not-italic tracking-tight font-bold font-sora leading-tight text-36 lg:text-56 mb-4 "> <a class="text-black " href="https://www.pendo.io/pendo-blog/how-pendo-helps-financial-services-companies-get-the-most-out-of-their-homegrown-apps/" > <span>How Pendo helps financial services companies get the most out of their homegrown apps</span> </a> </h1> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-20 w-full lg:w-10/12 ml-0"> From improving compliance to boosting productivity, Pendo’s intelligent DAP ensures your custom-built solutions deliver measurable ROI. </div> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-18 px-8 py-4 bg-white hover:bg-[#E8E8FC] border-2 !text-purpleDark-3 hover:text-[#1F104C] active:border-2 disabled:border-gray-3 mt-8" href="https://www.pendo.io/pendo-blog/how-pendo-helps-financial-services-companies-get-the-most-out-of-their-homegrown-apps/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Read now</span> <div class="inline-flex align-center justify-center relative h-6 w-6 ml-4"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#DE2864"/> <path d="M7.11084 12H16.8886" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12.6108 7.72241L16.8886 12.0002L12.6108 16.278" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> <div class="col-span-12 lg:col-span-4 px-0 lg:pl-8 latest-posts-scroll"> <div class="scroll-content"> <h3 class="not-italic tracking-tight font-bold font-sora leading-tight text-28 lg:text-44 border-b-2 border-gray-2 pb-4 "> <span>Latest</span> <div class="inline-flex align-center justify-center relative h-12 w-12 ml-1"> <svg width="38" height="36" viewBox="0 0 38 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 1.19009C0 0.53282 0.532819 0 1.19009 0H29.7522C30.4095 0 30.9423 0.532819 30.9423 1.19008V17.2562H33.3224V36H5.95043C2.6641 36 0 33.3359 0 30.0496L0 1.19009Z" fill="#DCCAF8"/> <path d="M37.4844 5.05727C37.4844 4.40001 36.9516 3.86719 36.2943 3.86719H30.9389V32.7267C30.9389 34.5342 32.4041 35.9994 34.2116 35.9994C36.0191 35.9994 37.4844 34.5342 37.4844 32.7267V5.05727Z" fill="#8B4BEF"/> <path d="M27.3672 16.8105H3.56544" stroke="black" stroke-width="2"/> <path d="M27.3672 8.48047L3.56544 8.48047" stroke="black" stroke-width="2"/> <path d="M27.3672 25.1406H3.56544" stroke="black" stroke-width="2"/> </svg> </div> </h3> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="best-practices">Best Practices</a> –– 2m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/why-switch-to-pendo-listen/" > <span>Next-gen customer intelligence: How to scale qualitative feedback</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="perspectives">Perspectives</a> –– 3m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/how-we-used-idea-tests-to-validate-listens-idea-portal/" > <span>How we used idea tests to validate Listen’s idea portal</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="best-practices">Best Practices</a> –– 6m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/4-better-business-outcomes-powered-by-pendo/" > <span>4 better business outcomes powered by Pendo</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="best-practices">Best Practices</a> –– 3m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/product-communications-best-practices/" > <span>6 product communication mistakes to avoid—and what to do instead</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="perspectives">Perspectives</a> –– 3m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/embedded-content-customer-marketing/" > <span>How Pendo’s customer marketing team uses embedded content to engage and convert users</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="best-practices">Best Practices</a> –– 6m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/user-onboarding-for-startups/" > <span>User onboarding for startups: A comprehensive guide</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="best-practices">Best Practices</a> –– 4m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/product-personalization-challenges/" > <span>3 product personalization horror stories (and how to avoid them)</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="best-practices">Best Practices</a> –– 3m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/how-financial-services-companies-can-optimize-onboarding-with-pendo/" > <span>How financial services companies can optimize employee onboarding with Pendo</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="news">News</a> –– 10m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/introducing-the-2024-pendo-customer-award-winners/" > <span>Introducing the 2024 Pendo Customer Award winners</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="news">News</a> –– 3m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/reliving-pendomonium-2024-day-two-highlights/" > <span>Reliving Pendomonium 2024: Day two highlights</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="best-practices">Best Practices</a> –– 1m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/everything-we-launched-at-pendomonium-2024/" > <span>ICYMI: 8 things we launched at Pendomonium 2024</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="news">News</a> –– 7m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/reliving-pendomonium-2024-day-one-highlights/" > <span>Reliving Pendomonium 2024: Day one highlights</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="news">News</a> –– 5m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/introducing-pendo-insights/" > <span>Introducing Pendo Insights: AI-powered intelligence for growth and retention</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="news">News</a> –– 4m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/introducing-team-management/" > <span>Introducing team management: Three new ways teams can work together across Pendo</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="news">News</a> –– 3m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/introducing-embedded-content/" > <span>Introducing embedded content: The next evolution of product personalization</span> </a> </h5> </div> <div class="border-b-2 border-gray-2 py-8"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="news">News</a> –– 3m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold leading-snug "> <a class="text-black " href="https://www.pendo.io/pendo-blog/introducing-pendo-orchestrate/" > <span>Pendo unveils Orchestrate: Smarter user engagement, in-app and out</span> </a> </h5> </div> </div> </div> </div> </div> </section> <section data-label="video-series"> <div class="max-w-7xl mx-auto"> <div class="grid grid-cols-12 gap-8 m-12 py-6"> <div class="col-span-12 lg:col-span-5 flex items-center text-center"> <div> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-pink-0 font-bold text-18 normal-case mb-12 !font-inter tracking-normal"> <div class="inline-flex align-center justify-center relative mr-1"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#ff4876" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 8L16 12L10 16V8Z" stroke="#ff4876" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <span>Watch now</span> </span> <h3 class="not-italic tracking-tight font-bold font-sora leading-tight text-28 lg:text-44 mb-4 "> <a class="text-black " href="https://www.pendo.io/pendo-for-your-employees/" > <span>User rage is real</span> </a> </h3> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-18"> But with Pendo, it doesn’t have to be </div> <a class="items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] text-18 font-bold mt-16" href="https://www.pendo.io/pendo-for-your-employees/" target="_self" > <span>Explore Pendo for employees</span> <div class="inline-flex align-center justify-center relative h-4 w-4 ml-1.5 text-pink-1"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M20.58,12.55s0,.01-.01,.02l-7,7c-.16,.16-.36,.23-.57,.23s-.41-.08-.57-.23c-.31-.31-.31-.82,0-1.13l5.63-5.63H4c-.44,0-.8-.36-.8-.8s.36-.8,.8-.8h14.07l-5.63-5.63c-.31-.31-.31-.82,0-1.13,.31-.31,.82-.31,1.13,0l7,7s0,.01,.01,.02c.07,.07,.12,.15,.16,.24,.08,.2,.08,.42,0,.61-.04,.09-.09,.17-.16,.24Z" stroke="currentColor" stroke-width="1.5"/> </svg> </div> </a> </div> </div> <div class="col-span-12 lg:col-span-7"> <div class="video-series-embed"> <div data-label="video-player-wistia" class="my-16"> <div class="wistia_responsive_padding rounded-10" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="https://fast.wistia.net/embed/iframe/13bkoy18uw?seo=true&videoFoam=true" title="PLG Teardown Episode 5: Synthesia Video" allow="autoplay; fullscreen" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" msallowfullscreen width="100%" height="100%"></iframe></div></div> <script src="https://fast.wistia.net/assets/external/E-v1.js" async></script> </div><style type="text/css">[data-label="video-player-wistia"] [id$="thumbnail"] {border-radius:10px;}</style> </div> </div> </div> </div> </section> <section data-label="newsletter-sign-up" class="bg-gray-1 py-20"> <div class="max-w-7xl mx-auto"> <div class="grid grid-cols-1 lg:grid-cols-12 gap-0 lg:gap-12 mx-8 lg:mx-12"> <div class="lg:col-span-6 xl:col-span-7 flex items-center"> <h3 class="not-italic tracking-tight font-bold font-sora leading-tight text-28 lg:text-44 text-center lg:text-left !text-32 xl:!text-44 "> <span>Sign up to receive monthly news & updates from Pendo</span> </h3> </div> <div class="lg:col-span-6 xl:col-span-5"> <style> .mktoFormRow:nth-child(2) { width:66.667% !important; } </style> <div class="relative h-[180px]"> <script id="mfs" type="text/javascript" src="https://go.pendo.io/js/forms2/js/forms2.min.js"></script> <form class="z-10 relative" id="mktoForm_2373"></form> <div class="mx-auto text-center mt-4 absolute top-10 bottom-0 left-0 right-0 z-0" id="nc"> <p class="text-black mb-4">You must enable functional cookies to view this content.</p> <p><a style="font-size:12px !important; color:#2A1567 !important; border:solid 2px #2A1567 !important; border-radius:20px !important; padding:3px 12px !important;" id="ot-sdk-btn" class="ot-sdk-show-settings transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-12 px-3 py-1 bg-white hover:bg-[#E8E8FC] border-2 !text-purpleDark-3 hover:text-[#1F104C] active:border-2 disabled:border-gray-3">Enable cookies</a> </div> <div class="absolute top-10 hidden z-10 bg-gray-1" id="successMessage"> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 font-bold font-sora mb-2 "> <div class="inline-flex align-center justify-center relative h-6 w-6 pt-2"> <svg class="fill-current" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.25,10.92h0c-.27,0-.52-.11-.71-.29L1.63,7.71c-.39-.39-.39-1.02,0-1.41,.39-.39,1.02-.39,1.41,0l2.21,2.21L10.96,2.79c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-6.42,6.42c-.19,.19-.44,.29-.71,.29Z"/> </svg> </div> <span>You're all set!</span> </h5> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 font-inter"> You’ll now receive the latest in industry trends and insights from Pendo, sent straight to your inbox. </div> </div> <script> function wait_for_marketo() { if (typeof MktoForms2 != "undefined") { MktoForms2.loadForm("https://go.pendo.io", "185-LQW-370", 2373, function(form) { // Remove Marketo stylesheets jQuery('link[id="mktoForms2BaseStyle"]')[0].disabled = true; jQuery('link[id="mktoForms2ThemeStyle"]')[0].disabled = true; // Button styles jQuery('button[type="submit"]').addClass('absolute top-[0px] lg:top-[0px] right-[1px] md:right-[-12px] transition-all border border-solid cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-r-10 md:rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 font-sora text-18 px-4 py-4 md:px-8 md:py-4 bg-pink-1 border-pink-1 text-white hover:bg-[#C22357] hover:border-[#C22357] active:bg-pink-1 active:border-pink-1 disabled:bg-gray-2 disabled:border-gray-2 disabled:text-gray-5 shadow-md').removeClass('mktoButton').html('Subscribe'); jQuery('.mktoButtonRow').addClass('text-center absolute top-[52px] lg:top-[50px] right-[0] md:right-24 lg:!right-[-20px] mt-3 transition-all duration-200'); jQuery('[id="Email"]').addClass('mt-10 transition-all duration-200'); jQuery('span.mktoButtonWrap').removeAttr('style').addClass('text-center'); // Remove form classes and styles jQuery('form[id^="mktoForm"]').removeClass('mktoForm').addClass('px-0 md:px-16 lg:px-0 bg-gray-1 py-2').removeAttr('style'); // Error message styles jQuery('div.mktoErrorMsg').addClass('inline text-white bg-red-500 pr-4 pl-4 text-sm rounded-sm'); jQuery('.mktoAsterix').addClass('w-5 pr-1 inline text-red'); // Remove asterix from non required fields // Form layout overrides jQuery('form div.mktoFormRow:nth-child(2)').addClass('w-full lg:!w-5/12 inline-block px-0'); jQuery('form div.mktoFormRow:nth-child(n+4)').addClass('invisible w-0 hidden'); // Input styling except checkboxes jQuery('input:not([type="checkbox"])').addClass('transition-colors bg-white border rounded-10 border-[#9990B5] hover:border-purpleDark-2 pl-3 pr-6 py-4 lg:p-4 text-purpleDark-5 font-medium focus:border-purpleDark-2 disabled:border-gray-2 disabled:cursor-not-allowed w-full h-[60px] lg:h-auto').removeAttr('style'); // Checkbox input styles jQuery('input[id="GDPRConsent"]').addClass('rounded-4 border border-[#9990B5] w-6 h-6 px-2 bg-white cursor-pointer bg-no-repeat bg-center relative accent-pink-1 top-[-14px] md:top-0 lg:top-[-24px] xl:top-[-44px] xl:left-[-8px]'); jQuery('.mktoCheckboxList').addClass('inline-block absolute top-1 left-[-8px] mt-0 ml-0 appearance-none rounded-4 border-none px-2 w-[30px] h-[30px] cursor-pointer').removeAttr('style').removeClass('p-4 w-full'); jQuery('input[id="pendoConsent"]').addClass('rounded-4 border border-[#9990B5] w-6 h-6 p-0 bg-white cursor-pointer bg-no-repeat bg-center absolute top-0 accent-pink-1 hidden'); // Checkbox label styles jQuery('label[for="GDPRConsent"]').addClass('relative font-medium text-14 md:text-15 left-[38px] w-full pr-6 md:pr-0 lg:left-[36px]'); jQuery('label[for="GDPRConsent"] a').addClass('items-center cursor-pointer align-center inline-flex justify-center no-underline active:text-pink-1 disabled:text-gray-3 focus:outline-[#1B72F4] font-medium text-gray-4 border-b-2 border-purpleDark-1 hover:border-[#C22357] active:border-pink-1 disabled:border-gray-3'); jQuery('.mktoFieldWrap.mktoRequiredField').addClass('mt-4 relative'); jQuery('label[for="pendoConsent"]').addClass('w-6/12 relative font-medium text-16 left-[30px] mb-1 inline-block !w-full hidden ml-2 pr-8'); jQuery('label[for="pendoConsent"] a').addClass('underline font-bold'); jQuery('[id="Email"]').click(function() { jQuery('label[for="pendoConsent"], input[id="pendoConsent"]').removeClass('hidden mt-16'); jQuery('.mktoButtonRow').removeClass('lg:top-[50px] top-[52px]').addClass('top-3') jQuery(this).removeClass('mt-10'); }); // Add an onSuccess handler form.onSuccess(function(values, followUpUrl) { // Get the form's jQuery element and hide it form.getFormElem().hide(); // Show success message jQuery('#successMessage').removeClass('hidden'); // Return false to prevent the submission handler from taking the lead to the follow up url return false; }); }); } else { window.setTimeout(wait_for_marketo, 100); } } window.setTimeout(wait_for_marketo, 100); </script> </div> <script> jQuery( document ).ready(function() { var optType = document.getElementById('mfs'); if (optType.type == 'text/plain') { jQuery('#nc').show(); } else { jQuery('#nc').hide(); } }); </script> <script> /** * push events to Google Tag Manager when the Marketo Forms 2 Javascript is * loaded and executed and when Marketo form events occur * uses the Marketo Forms 2.0 API * http://developers.marketo.com/documentation/websites/forms-2-0/ * * @author Keith W. Shaw <keith.w.shaw@gmail.com> * @license MIT */ (function marketoFormListener () { "use strict"; /** * poll for global MktoForms2 variable to be defined * @returns {undefined} */ function pollForMktoForms2 (delay) { if (isNaN(delay)) { throw new Error("Expected delay (" + delay + ") to be a number."); } if (window.MktoForms2) { // mark the start of the script loading window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "event": "mkto.form.js", "mkto.form.start": (new Date()).getTime() }); // bind liseners for all Marketo Form events addMktoForms2Listeners(window.MktoForms2); } else { // keep polling, but progressively increase the delay setTimeout(pollForMktoForms2.bind(null, 2 * delay), delay); } } /** * helper function to push invalid Marketo field errors to GTM * @returns {undefined} */ function waitForError () { var element, input, mktoErrorMsg; // check for error message element = document.querySelector(".mktoErrorMsg"); if (element) { mktoErrorMsg = element.textContent || element.innerText; // look for invalid input input = document.querySelector("input.mktoInvalid, .mktoInvalid input"); window.dataLayer.push({ "event": "mkto.form.error", "mkto.form.error.message": mktoErrorMsg, "gtm.element": input, "gtm.elementClasses": input && input.className || "", "gtm.elementId": input && input.id || "", "gtm.elementName": input && input.name || "", "gtm.elementTarget": input && input.target || "" }); } } /** * setup Marketo Form listeners to push events to GTM * @returns {undefined} */ function addMktoForms2Listeners (MktoForms2) { MktoForms2.whenReady(function handleReady (form) { window.dataLayer.push({ "event": "mkto.form.ready", "mkto.form.id": form.getId(), "mkto.form.submittable": form.submittable(), "mkto.form.allFieldsFilled": form.allFieldsFilled(), "mkto.form.values": form.getValues() }); form.onValidate(function handleValidate (valid) { window.dataLayer.push({ "event": "mkto.form.validate", "mkto.form.valid": valid }); // wait for the error message to appear setTimeout(waitForError, 0); }); form.onSubmit(function handleSubmit (thisForm) { var button; button = thisForm.getFormElem().find("button[type=\"submit\"]"); window.dataLayer.push({ "event": "mkto.form.submit", "mkto.form.id": thisForm.getId(), "mkto.form.submittable": thisForm.submittable(), "mkto.form.allFieldsFilled": thisForm.allFieldsFilled(), "mkto.form.values": thisForm.getValues(), "mkto.form.button": { "classes": button.attr("class"), "text": button.text(), "type": "submit" } }); }); form.onSuccess(function handleSuccess (values, followUpUrl) { window.dataLayer.push({ "event": "mkto.form.success", "mkto.form.values": values, "mkto.form.followUpUrl": followUpUrl }); drift.api.collectFormData(values, { campaignId: "2696755", // default playbook campaign id followupUrl: "https://go.pendo.io/thanks-demo.html" }); return false; }); MktoForms2.whenRendered(function handleRendered (form) { window.dataLayer.push({ "event": "mkto.form.rendered", "mkto.form.id": form.getId(), "mkto.form.submittable": form.submittable(), "mkto.form.allFieldsFilled": form.allFieldsFilled(), "mkto.form.values": form.getValues() }); }); }); // start polling with an initial delay of 125ms pollForMktoForms2(125); } }()); </script> </div> </div> </div> </section> <section data-label="articles" class="py-20"> <div class="max-w-7xl mx-auto"> <div class="grid grid-cols-1 mx-6 lg:mx-2"> <div> <h3 class="not-italic tracking-tight font-bold font-sora leading-tight text-28 lg:text-44 mb-8 "> <span>Articles</span> </h3> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 px-6 lg:px-0 gap-x-12 gap-y-8"> <div data-label="card-1" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/how-pendo-powers-stronger-compliance-in-financial-services-companies/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/03/Pendo_2024_3-signs-youre-ready-to-consolidate-your-product-stack_Image-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/best-practices/">Best Practices</a> –– 2m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/how-pendo-powers-stronger-compliance-in-financial-services-companies/" > <span>How Pendo powers stronger compliance in financial services companies</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/how-pendo-powers-stronger-compliance-in-financial-services-companies/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-2" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/user-retention-interview-part-2/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_User-retention-interview-part-2-1-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/best-practices/">Best Practices</a> –– 4m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/user-retention-interview-part-2/" > <span>Filling the leaky bucket: How to make retention your secret super power [Part 2]</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/user-retention-interview-part-2/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-3" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/pendo-ideas-portal-launch/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_Pendo-on-pendo-how-we-launched-ideas-portal-1-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/product-teams/">Product Teams</a> –– 2m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/pendo-ideas-portal-launch/" > <span>Pendo on Pendo: How we launched our ideas portal with Listen</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/pendo-ideas-portal-launch/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-4" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/why-i-love-pendomonim-in-attendees-own-words/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendomonium-2024-General-A.png" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/best-practices/">Best Practices</a> –– 1m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/why-i-love-pendomonim-in-attendees-own-words/" > <span>Why I love Pendomonium: In attendees’ own words</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/why-i-love-pendomonim-in-attendees-own-words/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div class="w-full md:col-span-2 mb-12 group card-article"> <div data-label="resource" class="px-[20px] py-[43px] rounded-10 min-h-[240px] hover:opacity-95 homepage-promo" style="background-color:#2A1567;"> <div class="md:flex flex-row gap-8 content-center"> <div class="w-full md:w-1/2"> <a target="_blank" href="https://www.pendo.io/resources/four-enterprise-challenges-and-how-product-led-strategies-can-solve-them/"><img class="min-w-[120px]" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2023/05/Pendo_Report_2022_4Challenges_Resource_Center_1000x1000.png" alt="" /></a></div> <div class="w-full md:w-1/2"> <h4 class="font-sora text-white font-bold text-24 md:text-32 xl:text-36 text-left mb-12 leading-tight"> <a target="_blank" class="inline-block mx-auto font-bold font-sora" href="https://www.pendo.io/resources/four-enterprise-challenges-and-how-product-led-strategies-can-solve-them/">4 enterprise challenges you didn’t know your product could solve</a> </h4> <a target="_blank" role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:bg-white hover:border-white hover:text-[#2A1567] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-18 px-8 py-4 border-2 border-white text-white active:border-2 disabled:border-gray-3" href="https://www.pendo.io/resources/four-enterprise-challenges-and-how-product-led-strategies-can-solve-them/" id="" data-glide-dir="" data-toggled="" data-prefix=""> <span>Start reading</span> <div class="inline-flex align-center justify-center relative h-6 w-6 ml-4"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="24" height="24" rx="12" fill="#DE2864"></rect> <path d="M7.11084 12H16.8886" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12.6108 7.72241L16.8886 12.0002L12.6108 16.278" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> </a> </div> </div> </div><style> .homepage-promo { background-image:url(/wp-content/uploads/sites/3/2023/05/purplecloud-shape-100opacity.svg); background-size:560px; background-position:-140px -40px; background-repeat:no-repeat; } </style> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 px-6 lg:px-0 gap-x-12 gap-y-8"> <div data-label="card-5" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/session-replays-and-customer-feedback/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_Session-replay-listen-1-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/best-practices/">Best Practices</a> –– 1m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/session-replays-and-customer-feedback/" > <span>7 ways to become a more data-informed product team</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/session-replays-and-customer-feedback/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-6" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/how-an-intelligent-digital-adoption-platform-moves-the-needle-on-employee-productivity/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_intellgent-digital-adoption_Image-1-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/perspectives/">Perspectives</a> –– 1m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/how-an-intelligent-digital-adoption-platform-moves-the-needle-on-employee-productivity/" > <span>How an intelligent digital adoption platform moves the needle on productivity</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/how-an-intelligent-digital-adoption-platform-moves-the-needle-on-employee-productivity/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-7" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/filling-the-leaky-bucket-pt-1/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_Filling-the-leaky-bucket-part-1-1-scaled.jpg" alt="Person working" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/perspectives/">Perspectives</a> –– 4m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/filling-the-leaky-bucket-pt-1/" > <span>Filling the leaky bucket: How to make retention your secret super power [Part 1]</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/filling-the-leaky-bucket-pt-1/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-8" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/top-tips-for-pendomonium-first-timers/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendomonium-2024-General-B.png" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/best-practices/">Best Practices</a> –– 4m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/top-tips-for-pendomonium-first-timers/" > <span>Top tips for Pendomonium first-timers</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/top-tips-for-pendomonium-first-timers/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-9" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/a-qas-with-our-pendomonium-workshop-leaders/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_PNDM_workshopQnA-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/best-practices/">Best Practices</a> –– 5m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/a-qas-with-our-pendomonium-workshop-leaders/" > <span>A Q&A with our Pendomonium workshop leaders</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/a-qas-with-our-pendomonium-workshop-leaders/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-10" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/mckinsey-podcast-recap/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_Pendo-McKinsey-Podcast-Recap-1-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/perspectives/">Perspectives</a> –– 4m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/mckinsey-podcast-recap/" > <span>Leveraging data to build great products: A conversation with Pendo and McKinsey & Co.</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/mckinsey-podcast-recap/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-11" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/get-the-411-on-pendomonium-workshops/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_PNDM_workshopdescriptions-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/best-practices/">Best Practices</a> –– 5m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/get-the-411-on-pendomonium-workshops/" > <span>Get the 411 on Pendomonium workshops</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/get-the-411-on-pendomonium-workshops/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-12" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/how-to-boost-productivity-salesforce/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/06/Pendo_2024_DataOptimizeSoftware_Image-1-scaled.jpg" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/perspectives/">Perspectives</a> –– 1m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/how-to-boost-productivity-salesforce/" > <span>The best way to boost productivity in Salesforce</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/how-to-boost-productivity-salesforce/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> <div data-label="card-13" class="px-0 mb-12 group card-article relative border-b-2 border-gray-2"> <a href="https://www.pendo.io/pendo-blog/new-product-teaser-pendomonium-2024/"> <img loading="lazy" class="block h-auto max-w-full w-full h-56 object-cover object-center rounded-10" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/09/Pendo_2024_Orchestrate-Product-Teaser-1.png" alt="Featured image" /> </a> <div class="py-4 relative card-article-bottom min-h-[240px]"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-16 text-gray-4 mb-3 font-bold opacity-50 font-inter"> <a href="/pendo-blog/perspectives/">Perspectives</a> –– 4m read </div> <h5 class="not-italic tracking-tight font-inter leading-nornal text-20 lg:text-24 !text-24 leading-snug font-bold w-[100%] min-h-[200px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/new-product-teaser-pendomonium-2024/" > <span>A sneak peek into our newest product: How we’re evolving customer communications</span> </a> </h5> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 p-2 bg-gray-2 border-gray-2 group-hover:invert active:bg-gray-2 active:border-gray-2 absolute right-0 bottom-4" href="https://www.pendo.io/pendo-blog/new-product-teaser-pendomonium-2024/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <div class="inline-flex align-center justify-center relative h-6 w-6"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> </div> </div> </div> <div class="text-center w-full"> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-18 px-8 py-4 bg-[#F5F6FF] hover:bg-[#E8E8FC] border-2 border-[#C6C1DB] !text-purpleDark-3 hover:text-[#1F104C] active:border-2 disabled:border-gray-3" href="/pendo-blog/all-posts/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>View all posts</span> </a> </div> </div> </section> <section data-label="curated-collections" class="bg-[#F5F6FF] py-20 px-6 xl:px-0"> <div class="max-w-7xl mx-auto"> <div class="flex"> <div> <h3 class="not-italic tracking-tight font-bold font-sora leading-tight text-28 lg:text-44 font-bold mb-8 "> <span>Curated for you</span> </h3> </div> </div> <div class="grid grid-cols-1 lg:grid-cols-2 lg:divide-x-2 lg:divide-[#C6C1DB]"> <div class="group pr-0 lg:pr-8 mb-8 lg:mb-0"> <div class="bg-[#2A1567] rounded-10 p-8 lg:p-12 flex flex-col h-[420px] lg:h-[587px] justify-between relative overflow-hidden shadow-md-lg group-hover:shadow-lg transition-all"> <div class="absolute bottom-0 left-0 z-0"> <img loading="lazy" class="block h-auto max-w-full opacity-30" src="https://www.pendo.io/pendo-blog/wp-content/uploads/sites/3/2024/03/pendo-blog-vc_collection-800x362px.png" alt="Image" /> </div> <div class="relative z-10"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-[#F5F6FF] !text-18 normal-case !font-inter"> <span>Featured collection</span> </span> </div> <div class="relative z-10"> <h2 class="not-italic tracking-tight font-sora leading-tight text-32 lg:text-48 text-white font-bold "> <a class="text-black !text-white" href="https://www.pendo.io/pendo-blog/collection/session-replay-listen/" > <span>Get a 360° view into user behavior</span> </a> </h2> </div> <div class="relative z-10"> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-18 px-8 py-4 bg-[#2A1567] border-2 border-white text-white group-hover:bg-white group-hover:border-white group-hover:text-[#2A1567]" href="https://www.pendo.io/pendo-blog/collection/session-replay-listen/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Explore the collection</span> </a> </div> </div> </div> <div class="latest-collections-scroll pl-0 lg:pl-8"> <div class="h-[587px] overflow-scroll" id="scrollWrapperCollections"> <div class="flex"> <div class="grow"> <div class="mx-auto w-full leading-normal pointer-events-auto space-y-5 text-offblack opacity-50 text-18 font-bold mb-4"> All collections </div> </div> <div> <div class="inline-flex align-center justify-center relative h-5 w-5 opacity-80 transition-all duration-200 rotate-90"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> <hr class="border-[#C6C1DB] border-[2px]"> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/session-replay-listen/" > <span>Get a 360° view into user behavior</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/increasing-digital-adoption/" > <span>Increasing digital adoption</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/driving-business-value-through-vendor-consolidation/" > <span>Driving business value through vendor consolidation</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/driving-digital-transformation/" > <span>Driving digital transformation</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/leveraging-ai-to-the-fullest/" > <span>Leveraging AI to the fullest</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/onboarding-done-right/" > <span>Onboarding done right</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/finding-product-market-fit/" > <span>Finding product-market fit</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/thriving-in-a-down-economy/" > <span>Thriving in a down economy</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/launching-a-new-product-or-feature/" > <span>Launching a new product or feature</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/building-a-product-led-organization/" > <span>Building a product-led organization</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> <div class="flex flex-col border-b-2 border-[#C6C1DB]"> <div class="px-0 py-6"> <span class="text-14 font-sora font-bold uppercase inline-flex items-center justify-center tracking-wide text-purple-3 normal-case !font-inter !text-18 text-left items-left mb-2 !justify-start"> <span>Collection</span> </span> <div class="flex items-center group transition-all"> <div class="grow"> <h4 class="not-italic tracking-tight font-bold font-sora leading-snug text-26 lg:text-36 font-bold text-[28px] "> <a class="text-black " href="https://www.pendo.io/pendo-blog/collection/process-optimization/" > <span>Process optimization</span> </a> </h4> </div> <div> <div class="inline-flex align-center justify-center relative h-6 w-6 opacity-20 group-hover:opacity-100 transition-all duration-200"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12.166H20" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 5.16602L20 12.166L13 19.166" stroke="#060119" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </main> <footer class=" bg-purpleDark-3 text-14 text-white py-16 px-8 md:px-0" role="contentinfo"> <div class="xl:container space-y-5 border-purple-3 border-b"> <div class="flex flex-wrap md:justify-center gap-10 max-w-full mx-auto mb-12"> <div class="w-[40%] md:w-[15%] mb-4 md:mb-0"> <a href="/"> <svg class="mb-4" width="113" height="26" viewBox="0 0 113 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_16852_196265)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M87.3918 17.9294C90.2866 17.9294 92.6412 15.6216 92.6412 12.785C92.6412 9.94822 90.2866 7.64046 87.3918 7.64046C84.4975 7.64046 82.1424 9.94822 82.1424 12.785C82.1424 15.6216 84.4975 17.9294 87.3918 17.9294ZM92.6412 0H92.7837H95.1284V20.384H92.6412V18.3487C91.206 19.6524 89.3553 20.3666 87.3918 20.3666C83.1262 20.3666 79.6558 16.9654 79.6558 12.785C79.6558 8.60423 83.1262 5.20322 87.3918 5.20322C89.3553 5.20322 91.206 5.91729 92.6412 7.22108V0ZM35.8165 17.8396C38.711 17.8396 41.0658 15.5318 41.0658 12.6951C41.0658 9.85852 38.711 7.55076 35.8165 7.55076C32.9219 7.55076 30.567 9.85852 30.567 12.6951C30.567 15.5318 32.9219 17.8396 35.8165 17.8396ZM30.567 7.13154C32.0023 5.82774 33.8534 5.11357 35.8165 5.11357C40.0822 5.11357 43.5527 8.51469 43.5527 12.6951C43.5527 16.8757 40.0822 20.2768 35.8165 20.2768C33.8534 20.2768 32.0023 19.5628 30.567 18.2588V25.48H28.0801V5.096H30.567V7.13154ZM48.2978 11.5114C48.8576 9.20759 50.9431 7.55336 53.3219 7.55336C55.6697 7.55336 57.6364 9.17228 58.1605 11.5114H48.2978ZM53.3219 5.096C49.1201 5.096 45.7017 8.52524 45.7017 12.74C45.7017 16.9549 49.1201 20.384 53.3219 20.384C55.6749 20.384 57.8345 19.5003 59.2478 17.9596L59.9821 17.1586L60.0767 17.0553L59.9738 16.96L58.3774 15.487L58.2744 15.3918L58.1792 15.4952L57.445 16.2962C56.5085 17.3171 54.9672 17.9268 53.3219 17.9268C50.9431 17.9268 48.8577 16.2726 48.2978 13.9686H60.7444V12.74C60.7444 8.45364 57.484 5.096 53.3219 5.096ZM109.833 12.7401C109.833 15.6 107.478 17.9267 104.584 17.9267C101.689 17.9267 99.3341 15.6 99.3341 12.7401C99.3341 9.88 101.689 7.55326 104.584 7.55326C107.478 7.55326 109.833 9.88 109.833 12.7401ZM104.584 5.096C100.318 5.096 96.8475 8.52509 96.8475 12.7401C96.8475 16.9549 100.318 20.384 104.584 20.384C108.85 20.384 112.32 16.9549 112.32 12.7401C112.32 8.52509 108.85 5.096 104.584 5.096ZM69.9848 5.096C68.2568 5.096 66.6105 5.75406 65.3147 6.95594V5.096H62.8936V20.384H65.3147V12.5823C65.3147 9.79883 67.4098 7.53418 69.9848 7.53418C72.5604 7.53418 74.656 9.79883 74.656 12.5823V20.384H77.0766V12.5823C77.0766 8.45437 73.8952 5.096 69.9848 5.096Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.5601H11.6999V26.0001L23.4 14.5601V3.12012H11.6999L0 14.5601Z" fill="#FF4876"/> </g> <defs> <clipPath id="clip0_16852_196265"> <rect width="112.32" height="26" fill="white"/> </clipPath> </defs> </svg> </a> <p class="text-16 max-w-[150px] mb-6">Let's build great products together.</p> <div class="mt-4"> <a role="button" class="transition-all cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 transition-all border border-solid cursor-pointer outline-none inline-flex items-center justify-center no-underline text-center font-bold rounded-100 whitespace-nowrap max-h-[60px] hover:no-underline focus:no-underline disabled:cursor-not-allowed disabled:opacity-40 text-14 px-4 py-2.5 bg-pink-1 border-pink-1 text-white hover:bg-[#C22357] hover:border-[#C22357] active:bg-pink-1 active:border-pink-1 disabled:bg-gray-2 disabled:border-gray-2 disabled:text-gray-3 shadow-md footer-primary-cta" href="/pendo-free/" id="" data-glide-dir="" data-toggled="" data-prefix="" > <span>Try Pendo Free</span> </a> </div> </div> <div class="w-[40%] md:w-[15%] mb-4 md:mb-0"> <h5 class="font-bold uppercase text-1 mb-2">Products</h5> <ul> <li class="mb-2"><a href="/product/analytics/">Analytics</a></li> <li class="mb-2"><a href="/product/in-app-guides/">In-app guides</a></li> <li class="mb-2"><a href="/product/session-replay/">Session replay</a></li> <li class="mb-2"><a href="/product/feedback/">Feedback</a></li> <li class="mb-2"><a href="/product/roadmap/">Roadmapping</a></li> <li class="mb-2"><a href="/product/validate/">Validate</a></li> <li class="mb-2"><a href="/product/data-sync/">Data Sync</a></li> <li class="mb-2"><a href="/products/mobile/">Mobile</a></li> <li class="mb-2"><a href="/products/saas-portfolio-insights/">SaaS portfolio insights</a></li> <li class="mb-2"><a href="/ai/">Pendo AI</a></li> <li class="mb-2"><a href="/product/listen/">Listen</a></li> <li class="mb-2"><a href="/product/orchestrate/">Orchestrate</a></li> </ul> </div> <div class="w-[40%] md:w-[15%] mb-4 md:mb-0"> <h5 class="font-bold uppercase text-1 mb-2">Learn more</h5> <ul> <li class="mb-2"><a href="/why-pendo/">Why Pendo</a></li> <li class="mb-2"><a href="/demo-center/">Demo Center</a></li> <li class="mb-2"><a href="/tour/">Tour the product</a></li> <li class="mb-2"><a href="/how-i-pendo/">How I Pendo</a></li> <li class="mb-2"><a href="/type/webinar/">Webinars</a></li> <li class="mb-2"><a href="/resources/">E-books & research</a></li> <li class="mb-2"><a href="/customers/">Customer stories</a></li> <li class="mb-2"><a href="/pendo-on-pendo/">Pendo on Pendo</a></li> <li class="mb-2"><a href="https://community.pendo.io/" target="_blank" rel="noopener noreferrer">Pendo Community</a></li> </ul> </div> <div class="w-[40%] md:w-[15%] mb-4 md:mb-0"> <h5 class="font-bold uppercase text-1 mb-2">Resources</h5> <ul> <li class="mb-2"><a href="https://www.mindtheproduct.com/" target="_blank" rel="noopener noreferrer">Mind the Product</a></li> <li class="mb-2"><a href="/product-led/" target="_blank">Product-led Hub</a></li> <li class="mb-2"><a href="/pendo-blog/" target="_blank">Pendo blog</a></li> <li class="mb-2"><a href="/resources/">Resource Library</a></li> <li class="mb-2"><a href="https://go.pendo.io/roi-calculator-customer-support.html" target="_blank">Customer support calculator</a></li> <li class="mb-2"><a href="https://go.pendo.io/roi-calculator-customer-retention.html" target="_blank">Customer retention calculator</a></li> </ul> </div> <div class="w-[40%] md:w-[15%] mb-4 md:mb-0"> <h5 class="font-bold uppercase text-1 mb-2">Company</h5> <ul> <li class="mb-2"><a href="/about/">About</a></li> <li class="mb-2"><a href="/careers/">Careers</a></li> <li class="mb-2"><a href="/news/">News</a></li> <li class="mb-2"><a href="/pendomonium/">Pendomonium</a></li> <li class="mb-2"><a href="/events/">Events</a></li> </ul> </div> <div class="w-[40%] md:w-[15%] mb-4 md:mb-0"> <h5 class="font-bold uppercase text-1 mb-2">Solutions</h5> <ul> <li class="mb-2"><a href="/solutions/financial-services/">Pendo for Financial Services</a></li> <li class="mb-2"><a href="/solutions/ed-tech-digital-learning/">Pendo for EdTech & Digital Learning</a></li> <li class="mb-2"><a href="/solutions/healthcare/">Pendo for Healthcare</a></li> <li class="mb-2"><a href="/solutions/public-sector/">Pendo for the Public Sector</a></li> <li class="mb-2"><a href="/solutions/nonprofit/">Pendo for Nonprofits</a></li> </ul> </div> <div class="w-[40%] md:w-[15%] mb-4 md:mb-0"> <h5 class="font-bold uppercase text-1 mb-2">Support</h5> <ul> <li class="mb-2"><a href="/solutions/services-support/">Services & support</a></li> <li class="mb-2"><a href="/help-center/">Help center</a></li> <li class="mb-2"><a href="/data-privacy-security/">Security & Privacy</a></li> <li class="mb-2"><a href="/web-accessibility/">Web accessibility</a></li> <li class="mb-2"><a href="/new/">What's New in Pendo</a></li> </ul> </div> <div class="w-[40%] md:w-[15%] mb-4 md:mb-0"> <h5 class="font-bold uppercase text-1 mb-2">Glossary</h5> <ul> <li class="mb-2 nolocal__jp" title="User Onboarding"><a class="" href="/glossary/user-onboarding/">User onboarding</a></li> <li class="mb-2 nolocal__jp" title="Customer Retention"><a class="" href="/glossary/customer-retention/">Customer retention</a></li> <li class="mb-2 nolocal__jp" title="Customer Feedback"><a class="" href="/glossary/customer-feedback/">Customer feedback</a></li> <li class="mb-2 nolocal__jp" title="In-app Messaging"><a class="" href="/glossary/in-app-messaging/">In-app messaging</a></li> <li class="mb-2 nolocal__jp" title="NPS (Net Promoter Score)"><a class="" href="/glossary/net-promotor-score-nps/">NPS (Net Promoter Score)</a></li> <li class="mb-2 nolocal__jp" title="Product Analytics"><a class="" href="/glossary/product-analytics/">Product analytics</a></li> <li class="mb-2 nolocal__jp" title="Product Experience"><a class="" href="/glossary/product-experience-px/">Product experience</a></li> <li class="mb-2 nolocal__jp" title="Product Roadmap"><a class="" href="/glossary/product-roadmap/">Product roadmap</a></li> <li class="mb-2 nolocal__jp" title="Voice of the Customer"><a class="" href="/glossary/voice-of-the-customer/">Voice of the customer</a></li> <li class="mb-2 nolocal__jp" title="Session Replay"><a class="" href="/glossary/session-replay/">Session replay</a></li> <li class="mb-2 nolocal__jp" title="Quantitative, qualitative, and visual data"><a class="" href="/glossary/quantitative-qualitative-and-visual-data/">Quantitative, qualitative, and visual data</a></li> </ul> </div> </div> </div> <div class="xl:container space-y-5 my-12"> <div class="md:flex md:justify-center md:items-center text-center"> <div class="text-16 font-bold shrink mb-4 md:mb-0"> <svg class="inline-block mr-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(#clip0_932_83731)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 11.4477 1.44772 11 2 11H22C22.5523 11 23 11.4477 23 12C23 12.5523 22.5523 13 22 13H2C1.44772 13 1 12.5523 1 12Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.00023 12.0001C9.06877 15.0749 10.1263 18.0353 12 20.4493C13.8737 18.0353 14.9312 15.0749 14.9998 12.0001C14.9312 8.92527 13.8737 5.96495 12 3.5509C10.1263 5.96495 9.06877 8.92527 9.00023 12.0001ZM12 2.00011L11.2617 1.32568C8.59689 4.24301 7.08251 8.02896 7.00022 11.9793C6.99993 11.9932 6.99993 12.0071 7.00022 12.0209C7.08251 15.9713 8.59689 19.7572 11.2617 22.6745C11.4511 22.8819 11.7191 23.0001 12 23.0001C12.2809 23.0001 12.5489 22.8819 12.7383 22.6745C15.4031 19.7572 16.9175 15.9713 16.9998 12.0209C17.0001 12.0071 17.0001 11.9932 16.9998 11.9793C16.9175 8.02896 15.4031 4.24301 12.7383 1.32568L12 2.00011Z" fill="white"></path></g><defs><clipPath id="clip0_932_83731"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg> <span class="inline-block"> <form class="bg-purpleDark-3"> <select class="bg-purpleDark-3 mt-1 SL_swap" id="langSwitch" onchange="langswitch()" > <option class="border-none"> English </option> <option class=""> 日本語 </option> <option class=""> Français </option> <option class=""> Deutsch </option> </select> </form> </span> </div> <div class="grow text-center text-14 text-gray-3 font-light mb-4 md:mb-0"> <a class="inline-block mx-2" href="/legal-information/">Legal</a> <a class="inline-block mx-2" href="/legal/privacy-policy/">Privacy Policy</a> <a id="ot-sdk-btn" class="ot-sdk-show-settings inline-block mx-2">Manage Preferences</a> <a class="inline-block mx-2" href="tel:877.320.8484">877.320.8484</a> </div> <div class="shrink"> <span class="inline mx-2"> <a href="https://www.facebook.com/Pendoio/" target="_blank"> <svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7574 2.75736C11.8826 1.63214 13.4087 1 15 1H18C18.5523 1 19 1.44772 19 2V6C19 6.55228 18.5523 7 18 7H15V9H18C18.3079 9 18.5987 9.14187 18.7882 9.38459C18.9777 9.6273 19.0448 9.94379 18.9701 10.2425L17.9701 14.2425C17.8589 14.6877 17.4589 15 17 15H15V22C15 22.5523 14.5523 23 14 23H10C9.44772 23 9 22.5523 9 22V15H7C6.44772 15 6 14.5523 6 14V10C6 9.44772 6.44772 9 7 9H9V7C9 5.4087 9.63214 3.88258 10.7574 2.75736ZM15 3C13.9391 3 12.9217 3.42143 12.1716 4.17157C11.4214 4.92172 11 5.93913 11 7V10C11 10.5523 10.5523 11 10 11H8V13H10C10.5523 13 11 13.4477 11 14V21H13V14C13 13.4477 13.4477 13 14 13H16.2192L16.7192 11H14C13.4477 11 13 10.5523 13 10V7C13 6.46957 13.2107 5.96086 13.5858 5.58579C13.9609 5.21071 14.4696 5 15 5H17V3H15Z" fill="white"></path></svg> </a> </span> <span class="inline mx-2"> <a href="https://twitter.com/pendoio" target="_blank"> <svg class="inline-block" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7514 3H20.8181L14.1184 10.625L22 21H15.8283L10.9947 14.7081L5.46324 21H2.3948L9.56071 12.8449L2 3H8.3279L12.6971 8.75175L17.7514 3ZM16.6748 19.1724H18.3746L7.40499 4.73212H5.58125L16.6748 19.1724Z" fill="white"/></svg> </a> </span> <span class="inline mx-2"> <a href="https://www.linkedin.com/company/pendo-io" target="_blank"> <svg class="inline-block" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 9C14.6739 9 13.4021 9.52678 12.4645 10.4645C11.5268 11.4021 11 12.6739 11 14V20H13V14C13 13.2043 13.3161 12.4413 13.8787 11.8787C14.4413 11.3161 15.2043 11 16 11C16.7957 11 17.5587 11.3161 18.1213 11.8787C18.6839 12.4413 19 13.2043 19 14V20H21V14C21 12.6739 20.4732 11.4021 19.5355 10.4645C18.5979 9.52678 17.3261 9 16 9ZM16 7C14.1435 7 12.363 7.7375 11.0503 9.05025C9.7375 10.363 9 12.1435 9 14V21C9 21.5523 9.44772 22 10 22H14C14.5523 22 15 21.5523 15 21V14C15 13.7348 15.1054 13.4804 15.2929 13.2929C15.4804 13.1054 15.7348 13 16 13C16.2652 13 16.5196 13.1054 16.7071 13.2929C16.8946 13.4804 17 13.7348 17 14V21C17 21.5523 17.4477 22 18 22H22C22.5523 22 23 21.5523 23 21V14C23 12.1435 22.2625 10.363 20.9497 9.05025C19.637 7.7375 17.8565 7 16 7Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1 9C1 8.44772 1.44772 8 2 8H6C6.55228 8 7 8.44772 7 9V21C7 21.5523 6.55228 22 6 22H2C1.44772 22 1 21.5523 1 21V9ZM3 10V20H5V10H3Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C3.44772 3 3 3.44772 3 4C3 4.55228 3.44772 5 4 5C4.55228 5 5 4.55228 5 4C5 3.44772 4.55228 3 4 3ZM1 4C1 2.34315 2.34315 1 4 1C5.65685 1 7 2.34315 7 4C7 5.65685 5.65685 7 4 7C2.34315 7 1 5.65685 1 4Z" fill="white"></path></svg> </a> </span> </div> </div> </div> <div class="xl:container space-y-5 my-12 text-center text-gray-3 text-14"> <p class="md:max-w-[600px] mx-auto">© 2024 Pendo.io, Inc. All rights reserved.<br /> Pendo trademarks, product names, logos and other marks and designs are trademarks of Pendo.io, Inc. or its subsidiaries and may not be used without permission.</p> </div> <div class="xl:container space-y-5 my-12 text-center text-14"> <p class="font-inter"> <a class="border-b border-white text-white hover:text-gray-3" target="_blank" href="https://www.pendo.io/pendo-blog/scam-alert-beware-of-fraudulent-recruitment-activities-impersonating-pendo/" rel="noopener noreferrer">Beware of job recruitment scams. Read more -></a> </p> </div> </footer> <script> function langswitch() { var mylist = document.getElementById("langSwitch"); var thisPage = window.location.pathname; if(document.getElementById('langSwitch').value == "English") { window.location.href = 'https://www.pendo.io' + thisPage; } if(document.getElementById('langSwitch').value == "日本語") { window.location.href = 'https://jp.pendo.io' + thisPage; } if(document.getElementById('langSwitch').value == "Français") { window.location.href = 'https://fr.pendo.io' + thisPage; } if(document.getElementById('langSwitch').value == "Deutsch") { window.location.href = 'https://de.pendo.io' + thisPage; } } </script> </div> <script id="app/0-js-before"> (()=>{"use strict";var r,e={},o={};function t(r){var a=o[r];if(void 0!==a)return a.exports;var n=o[r]={exports:{}};return e[r](n,n.exports,t),n.exports}t.m=e,r=[],t.O=(e,o,a,n)=>{if(!o){var s=1/0;for(v=0;v<r.length;v++){for(var[o,a,n]=r[v],i=!0,l=0;l<o.length;l++)(!1&n||s>=n)&&Object.keys(t.O).every((r=>t.O[r](o[l])))?o.splice(l--,1):(i=!1,n<s&&(s=n));if(i){r.splice(v--,1);var u=a();void 0!==u&&(e=u)}}return e}n=n||0;for(var v=r.length;v>0&&r[v-1][2]>n;v--)r[v]=r[v-1];r[v]=[o,a,n]},t.d=(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},t.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(()=>{var r={666:0};t.O.j=e=>0===r[e];var e=(e,o)=>{var a,n,[s,i,l]=o,u=0;if(s.some((e=>0!==r[e]))){for(a in i)t.o(i,a)&&(t.m[a]=i[a]);if(l)var v=l(t)}for(e&&e(o);u<s.length;u++)n=s[u],t.o(r,n)&&r[n]&&r[n][0](),r[n]=0;return t.O(v)},o=globalThis.webpackChunk_roots_bud_sage_sage=globalThis.webpackChunk_roots_bud_sage_sage||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})()})(); </script> <script src="https://www.pendo.io/pendo-blog/wp-content/themes/timber-sage-blog/public/js/575.18546b.js" id="app/0-js"></script> <script src="https://www.pendo.io/pendo-blog/wp-content/themes/timber-sage-blog/public/js/app.24d81d.js" id="app/1-js"></script> </body> </html>

CINXE.COM

Pendo Blog | Insights for Product-led Companies