1<!-- 2 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 3 SOURCE OF TRUTH: GitHub repo ambassador-website 4 Path: src/templates/layouts/base.html (branch: main) 5 6 DO NOT EDIT IN DESIGN MANAGER OR VIA THE CLAUDE / HUBSPOT MCP CONNECTOR. 7 Changes made here will be overwritten on the next deploy from git. 8 For changes, open a PR in the repo or ping Ethan in Slack. 9 ââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 10--><!doctype html><html lang="en"><head> 11 <meta charset="utf-8"> 12 <title>Customer Engagement Blog: Tips for Success | Ambassador</title> 13 <link rel="shortcut icon" href="https://getambassador.com/hubfs/Ambassador%20-%20Icon%2c%20Transparent-1.png"> 14 <meta name="description" content="Explore effective strategies in our Customer engagement blog to foster meaningful relationships with your audience."> 15 <link rel="preconnect" href="https://fonts.googleapis.com"> 16 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 17 <link rel="preconnect" href="https://js.hsforms.net" crossorigin> 18 <link rel="preconnect" href="https://forms.hubspot.com" crossorigin> 19 <link rel="preconnect" href="https://www.g2.com" crossorigin> 20 <link rel="preload" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&
20family=Raleway:wght@800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> 21 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Raleway:wght@800&display=swap"></noscript> 22 23 24 25 26 27 <meta name="viewport" content="width=device-width, initial-scale=1"> 28 29 30 <meta property="og:description" content="Explore effective strategies in our Customer engagement blog to foster meaningful relationships with your audience."> 31 <meta property="og:title" content="Customer Engagement Blog: Tips for Success | Ambassador"> 32 <meta name="twitter:description" content="Explore effective strategies in our Customer engagement blog to foster meaningful relationships with your audience."> 33 <meta name="twitter:title" content="Customer Engagement Blog: Tips for Success | Ambassador"> 34 35 36 37 38 <style> 39a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'âº';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} 40</style> 41 42<link rel="stylesheet" href="https://getambassador.com/hubfs/hub_generated/template_assets/1/321618318019/1782829173174/template_main.min.css"> 43<link rel="stylesheet" href="https://getambassador.com/hubfs/hub_generated/template_assets/1/321603514092/1782829176555/template_theme-overrides.min.css"> 44<style> 45 @font-face { 46 font-family: "Lato"; 47 font-weight: 400; 48 font-style: normal; 49 font-display: swap; 50 src: url("/_hcms/googlefonts/Lato/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Lato/regular.woff") format("woff"); 51 } 52 @font-face { 53 font-family: "Lato"; 54 font-weight: 700; 55 font-style: normal; 56 font-display: swap; 57 src: url("/_hcms/googlefonts/Lato/700.woff2") format("woff2"), url("/_hcms/googlefonts/Lato/700.woff") format("woff"); 58 } 59 @font-face { 60 font-family: "Merriweather"; 61 font-weight: 400; 62 font-style: normal; 63 font-display: swap; 64 src: url("/_hcms/googlefonts/Merriweather/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Merriweather/regular.woff") format("woff"); 65 } 66 @font-face { 67 font-family: "Merriweather"; 68 font-weight: 700; 69 font-style: normal; 70 font-display: swap; 71 src: url("/_hcms/googlefonts/Merriweather/700.woff2") format("woff2"), url("/_hcms/googlefonts/Merriweather/700.woff") format("woff"); 72 } 73</style> 74 75 76 77 78<!-- Added by GoogleAnalytics4 integration -->
79<script data-cookieconsent="ignore"> 80var _hsp = window._hsp = window._hsp || []; 81window.dataLayer = window.dataLayer || []; 82function gtag(){dataLayer.push(arguments);} 83 84var useGoogleConsentModeV2 = true; 85var waitForUpdateMillis = 1000; 86 87 88if (!window._hsGoogleConsentRunOnce) { 89 window._hsGoogleConsentRunOnce = true; 90 91 gtag('consent', 'default', { 92 'ad_storage': 'denied', 93 'analytics_storage': 'denied', 94 'ad_user_data': 'denied', 95 'ad_personalization': 'denied', 96 'wait_for_update': waitForUpdateMillis 97 }); 98 99 if (useGoogleConsentModeV2) { 100 _hsp.push(['useGoogleConsentModeV2']) 101 } else { 102 _hsp.push(['addPrivacyConsentListener', function(consent){ 103 var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics)); 104 var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement)); 105 106 gtag('consent', 'update', { 107 'ad_storage': hasAdsConsent ? 'granted' : 'denied', 108 'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied', 109 'ad_user_data': hasAdsConsent ? 'granted' : 'denied', 110 'ad_personalization': hasAdsConsent ? 'granted' : 'denied' 111 }); 112 }]); 113 } 114} 115 116gtag('js', new Date()); 117gtag('set', 'developer_id.dZTQ1Zm', true); 118gtag('config', 'G-2CHRCDRML8'); 119</script>
vendor: 92 bytes, lines 119-120
119 120<script data-cookieconsent="ignore" async src="https://www.googletagmanager.com/gtag/js?id=
120G-2CHRCDRML8
vendor: 13 bytes, lines 120-121
120"></script> 121
122<!-- /Added by GoogleAnalytics4 integration --> 123 124<!-- Added by GoogleTagManager integration -->
125<script data-cookieconsent="ignore"> 126var _hsp = window._hsp = window._hsp || []; 127window.dataLayer = window.dataLayer || []; 128function gtag(){dataLayer.push(arguments);} 129 130var useGoogleConsentModeV2 = true; 131var waitForUpdateMillis = 1000; 132 133if (useGoogleConsentModeV2) { 134 135 gtag('set','developer_id.dZTQ1Zm',true); 136 137 gtag('consent', 'default', { 138 'ad_storage': 'denied', 139 'analytics_storage': 'denied', 140 'ad_user_data': 'denied', 141 'ad_personalization': 'denied', 142 'wait_for_update': waitForUpdateMillis 143 }); 144} 145 146var hsLoadGtm = function loadGtm() { 147 if(window._hsGtmLoadOnce) { 148 return; 149 } 150 151 if (useGoogleConsentModeV2) { 152 _hsp.push(['useGoogleConsentModeV2']) 153 }
vendor: 349 bytes, lines 153-159
153 154 155 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 156 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 157 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 158 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 159 })(window,document,'script','dataLayer','
159GTM-MS4V6QS
vendor: 9 bytes, lines 159-161
159'); 160 161
161window._hsGtmLoadOnce = true; 162}; 163 164_hsp.push(['addPrivacyConsentListener', function(consent){ 165 if(consent.allowed || (consent.categories && consent.categories.analytics)){ 166 hsLoadGtm(); 167 } 168}]); 169 170</script>
170 171 172<!-- /Added by GoogleTagManager integration --> 173 174 175<style> 176 /* ===== Layout ===== */ 177 178 [data-hsfc-id=Renderer] .hsfc-Row{ 179 gap: 15px !important; 180 margin-bottom: 2px !important; 181 } 182 183 [id*="d40a74d2-e075-4eec-9296-f1ca663d9291"][id*="hs_form_target_form"] button[type="submit"]{ 184 width: 100% !important; 185 font-size: 16px !important; 186 } 187 188 .hsfc-FieldLabel__RequiredIndicator{ 189 display: none !important; 190 } 191 192 .hsfc-Form .hsfc-TextInput, 193 .hsfc-Form select, 194 .hsfc-Form textarea { 195 outline: none !important; 196 border: 2px solid #CFC6D6; 197 color: #CFC6D6; 198 border-radius: 6px; 199 padding: 18px; 200 height: 55px; 201 font-size: 16px !important; 202 font-weight: 600; 203 box-sizing: border-box; 204 width: 100%; 205 background: #fff; 206 } 207</style> 208
209<script> 210 window.addEventListener("message", function(event) { 211 // HubSpot global form events send postMessage payloads 212 if (!event.data || typeof event.data !== "object") return; 213 214 const attachForm = document.querySelector('[id*="d40a74d2-e075-4eec-9296-f1ca663d9291"]') 215 const enhanced_email = attachForm?.querySelector('[name*="email"]'); 216 const enhancedNumEmployees = attachForm?.querySelector('[placeholder*="Employee"]') 217 218 if (event.data.formGuid === "d40a74d2-e075-4eec-9296-f1ca663d9291") { 219 console.log("HubSpot form submitted!", event.data); 220 window.dataLayer = window.dataLayer || []; 221 window.dataLayer.push({ event: 'bookMeetingForm', email: enhanced_email?.value, numEmployees: enhancedNumEmployees?.value }); 222 } 223 }); 224</script>
224 225<link rel="next" href="https://getambassador.com/blog/page/2"> 226<meta property="og:url" content="https://getambassador.com/blog"> 227<meta property="og:type" content="blog"> 228<meta name="twitter:card" content="summary"> 229<link rel="alternate" type="application/rss+xml" href="https://getambassador.com/blog/rss.xml"> 230<meta name="twitter:domain" content="getambassador.com">
231<script src="//platform.linkedin.com/in.js" type="text/javascript"> 232 lang: en_US 233</script>
233 234 235<meta http-equiv="content-language" content="en"> 236 237 238 239 240 241 242 <style> 243 @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 400; font-style: normal; font-display: optional; } 244 @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 700; font-style: normal; font-display: optional; } 245 @font-face { font-family: 'Merriweather'; src: local('Georgia'); font-weight: 400; font-style: italic; font-display: optional; } 246 @font-face { font-family: 'Merriweather Sans'; src: local('Arial'); font-weight: 400; font-style: normal; font-display: optional; } 247 @font-face { font-family: 'Merriweather Sans'; src: local('Arial'); font-weight: 700; font-style: normal; font-display: optional; } 248 @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 400; font-style: normal; font-display: optional; } 249 @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 700; font-style: normal; font-display: optional; } 250 @font-face { font-family: 'Lato'; src: local('Arial'); font-weight: 400; font-style: italic; font-display: optional; } 251 </style> 252 <link rel="service-doc" href="https://docs.getambassador.com/"> 253 <link rel="service-doc" href="https://knowledgebase.getambassador.com/"> 254 255
255<script type="application/ld+json"> 256 { 257 "@context": "https://schema.org", 258 "@type": "Organization", 259 "@id": "https://getambassador.com/#organization", 260 "name": "Ambassador", 261 "legalName": "i2H, Inc. dba Ambassador", 262 "url": "https://getambassador.com/", 263 "address": { 264 "@type": "PostalAddress", 265 "streetAddress": "2212 Queen Anne Ave North, Suite 767", 266 "addressLocality": "Seattle", 267 "addressRegion": "WA", 268 "postalCode": "98109", 269 "addressCountry": "US" 270 } 271 } 272 </script>
272 273 <meta name="generator" content="HubSpot"></head> 274 <body> 275<!-- Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 275-276
275 276<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
276GTM-MS4V6QS
vendor: 84 bytes, lines 276-277
276" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 277
278<!-- /Added by GoogleTagManager integration --> 279 280 <div class="body-wrapper hs-content-id-271574591175 hs-blog-listing hs-blog-id-271574591173"> 281 282 <!-- 283 ======================================================================== 284 SOURCE OF TRUTH: GitHub repo ambassador-website 285 Path: src/templates/partials/header.html (branch: main) 286 287 DO NOT EDIT IN DESIGN MANAGER OR VIA THE CLAUDE / HUBSPOT MCP CONNECTOR. 288 Changes made here will be overwritten on the next deploy from git. 289 For changes, open a PR in the repo or ping Ethan in Slack. 290 ======================================================================== 291--> 292 293<style> 294/* ââââââââââââââââââââââââââââââââââââââââââ 295 SITE NAV v5 â Always visible, scroll enhances 296 Default: white background, always shown 297 Scroll adds shadow + border refinement 298ââââââââââââââââââââââââââââââââââââââââââ */ 299 300/* Skip link */ 301.nav-skip { 302 position: absolute; 303 top: -100px; 304 left: 0; 305 padding: 8px 16px; 306 background: #1A3BAE; 307 color: #fff; 308 font-size: 14px; 309 font-weight: 600; 310 text-decoration: none; 311 z-index: 9999; 312 border-radius: 0 0 6px 0; 313 transition: top 0.1s; 314} 315.nav-skip:focus { top: 0; } 316 317/* ââ Outer shell: always visible ââ */ 318.nav-site { 319 position: fixed; 320 top: 0; left: 0; right: 0; 321 z-index: 1000; 322 /* Much more translucent + stronger blur + saturate so the nav reads as 323 a frosted-glass strip rather than a hard white rectangle on dark 324 sections. Hard edges (border, shadow) removed at rest; subtle ones 325 come back via .nav--scrolled. */ 326 background: rgba(255,255,255,0.55); 327 border-bottom: 1px solid transparent; 328 box-shadow: none; 329 backdrop-filter: blur(20px) saturate(160%); 330 -webkit-backdrop-filter: blur(20px) saturate(160%); 331 font-family: 'DM Sans', Arial, sans-serif; 332 overflow: visible; 333 transition: background 300ms ease, box-shadow 300ms ease, border-color 300ms ease; 334} 335 336.nav-site__inner { 337 max-width: 1200px; 338 margin: 0 auto; 339 padding: 0 32px; 340 height: 72px; 341 display: flex; 342 align-items: center; 343 gap: 0; 344 position: relative; 345 overflow: visible; 346} 347 348/* ââ Logo ââ */ 349.nav-site__logo { 350 display: flex; 351 align-items: center; 352 flex-shrink: 0; 353 text-decoration: none; 354 margin-right: 40px; 355 overflow: visible; 356 min-width: 160px; 357} 358.nav-site__logo .nav-site__mark { 359 width: 40px; 360 height: 40px; 361 flex-shrink: 0; 362 display: block; 363} 364.nav-site__wordmark { 365 margin-left: 9px; 366 font-family: 'Raleway', sans-serif; 367 font-size: 18px; 368 font-weight: 800; 369 letter-spacing: 0.18em; 370 text-transform: uppercase; 371 color: #0F1F3D; 372 line-height: 1; 373} 374 375/* ââ Primary nav ââ */ 376.nav-site__nav { flex: 1; min-width: 0; } 377 378.nav-site .menu { 379 list-style: none; 380 margin: 0; padding: 0; 381 display: flex; 382 align-items: center; 383 gap: 2px; 384} 385 386/* ââ Nav links ââ */ 387.nav-site .menu__link, 388.nav-site .menu__toggle { 389 display: inline-flex; 390 align-items: center; 391 gap: 4px; 392 padding: 8px 14px; 393 font-size: 14px; 394 font-weight: 500; 395 color: #0F1F3D; 396 text-decoration: none; 397 background: none; 398 border: none; 399 cursor: pointer; 400 border-radius: 7px; 401 transition: color 250ms ease, background-color 250ms ease; 402 white-space: nowrap; 403 line-height: 1; 404 min-height: 36px; 405} 406.nav-site .menu__link:hover, 407.nav-site .menu__toggle:hover {
408 color: #1A3BAE; 409 background-color: #EFF6FF; 410} 411 412/* Chevron */ 413.nav-site .menu__toggle::after { display: none !important; content: none !important; } 414.nav-site .menu__toggle .nav-chevron { 415 width: 14px; height: 14px; 416 flex-shrink: 0; 417 transition: transform 0.25s ease; 418} 419.nav-site .menu__item--drop.open .nav-chevron { 420 transform: rotate(180deg); 421} 422 423/* ââ Mega menu panel ââ */ 424.nav-site .menu__item--drop { 425 position: relative; 426 align-self: stretch; 427 display: flex; 428 align-items: center; 429 height: 72px; 430} 431.nav-site .nav-mega { 432 display: flex; 433 opacity: 0; 434 visibility: hidden; 435 pointer-events: none; 436 position: absolute; 437 top: 100%; 438 left: 0; 439 width: max-content; 440 background: #ffffff; 441 border: 1px solid #CDCFD6; 442 border-radius: 12px; 443 box-shadow: 0 8px 32px rgba(0,0,0,0.10); 444 padding: 8px 24px 24px; 445 z-index: 200; 446 transition: opacity 160ms ease-out, visibility 160ms ease-out; 447} 448.nav-site .menu__item--mega-global { 449 position: relative; 450 align-self: stretch; 451 display: flex; 452 align-items: center; 453} 454.nav-site .menu__item--drop .nav-mega__col { 455 flex: 0 0 200px; 456 min-width: 0; 457} 458.nav-site .nav-mega__col--strategy .nav-mega__link { white-space: normal; line-height: 1.35; } 459 460.nav-site .menu__item--drop:hover .nav-mega, 461.nav-site .menu__item--drop.open .nav-mega { 462 opacity: 1; 463 visibility: visible; 464 pointer-events: auto; 465} 466 467/* Mega inner */ 468.nav-site .nav-mega__inner { display: flex; gap: 28px; } 469.nav-site .nav-mega__col { min-width: 140px; } 470.nav-site .nav-mega__heading { 471 font-size: 12px; 472 font-weight: 700; 473 letter-spacing: 0.08em; 474 text-transform: uppercase; 475 color: #606F9F; 476 margin: 0 0 12px 4px; 477} 478.nav-site .nav-mega__list { 479 list-style: none; 480 margin: 0; padding: 0; 481 display: flex; 482 flex-direction: column; 483 gap: 1px; 484} 485.nav-site .nav-mega__link { 486 display: flex; 487 align-items: center; 488 padding: 10px 16px; 489 font-size: 14px; 490 font-weight: 400; 491 color: #0F1F3D; 492 text-decoration: none; 493 border-radius: 6px; 494 min-height: 44px; 495 transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease; 496 white-space: nowrap; 497} 498.nav-site .nav-mega__link:hover { background-color: #F8FAFC; } 499.nav-site .nav-mega__link--disabled { 500 color: #606F9F; 501 pointer-events: none; 502 cursor: default; 503} 504 505/* Coming soon badge */ 506.nav-mega__badge { 507 display: inline-flex; 508 align-items: center; 509 margin-left: 8px; 510 padding: 1px 7px; 511 font-size: 12px; 512 font-weight: 500; 513 color: #606F9F; 514 background: #F1F5F9; 515 border-radius: 99px; 516} 517/* "New" pill -- green tint, matches GROW column accent. */ 518.nav-mega__badge--new { 519 color: #095839; 520 background: rgba(7, 151, 105, 0.08); 521 font-weight: 600; 522 letter-spacing: 0.04em; 523} 524 525/* Column top borders + heading colors */ 526/* Vibrant accent treatment (approved June 2026): borders and headings use the 527 pillar FACE colors so the menus don't read dark/dramatic. Blue accents use 528 blue/500 #1C48D9 (7:1, passes AAA). Green/orange faces sit below 4.5:1 at 529 12px -- accepted deviation for one-word uppercase headings; hover TEXT on 530 green/orange columns keeps the deep steps for 14px legibility. Purple is 531 HiroAI-only, so Strategy and Program Type columns take the blue treatment. */ 532.nav-site .nav-mega__col--overview { border-top: 3px solid #1C48D9; padding-top: 12px; } 533.nav-site .nav-mega__col--grow { border-top: 3px solid #079769; padding-top: 12px; } 534.nav-site .nav-mega__col--keep { border-top: 3px solid #EC7313; padding-top: 12px; } 535.nav-site .nav-mega__col--prove { border-top: 3px solid #1C48D9; padding-top: 12px; } 536.nav-site .nav-mega__col--solutions { border-top: 3px solid #1C48D9; padding-top: 16px; } 537.nav-site .nav-mega__col--strategy { border-top: 3px solid #1C48D9; padding-top: 16px; } 538.nav-site .nav-mega__col--program-type { border-top: 3px solid #1C48D9; padding-top: 16px; } 539 540.nav-site .nav-mega__col--overview .nav-mega__heading { color: #1C48D9; } 541.nav-site .nav-mega__col--grow .nav-mega__heading { color: #079769; } 542.nav-site .nav-mega__col--keep .nav-mega__heading { color: #EC7313; } 543.nav-site .nav-mega__col--prove .nav-mega__heading { color: #1C48D9; } 544.nav-site .nav-mega__col--solutions .nav-mega__heading { color: #1C48D9; } 545.nav-site .nav-mega__col--strategy .nav-mega__heading { color: #1C48D9; } 546.nav-site .nav-mega__col--program-type .nav-mega__heading { color: #1C48D9; } 547
548.nav-site .nav-mega__col--overview .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; } 549.nav-site .nav-mega__col--grow .nav-mega__link:hover { color: #095839; box-shadow: inset 3px 0 0 #079769; background-color: #F8FAFC; } 550.nav-site .nav-mega__col--keep .nav-mega__link:hover { color: #934910; box-shadow: inset 3px 0 0 #EC7313; background-color: #F8FAFC; } 551.nav-site .nav-mega__col--prove .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; } 552.nav-site .nav-mega__col--solutions .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; } 553.nav-site .nav-mega__col--strategy .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; } 554.nav-site .nav-mega__col--program-type .nav-mega__link:hover { color: #1C48D9; box-shadow: inset 3px 0 0 #1C48D9; background-color: #F8FAFC; } 555 556/* ââ Right side: Login + Demo CTA ââ */ 557.nav-site__right { 558 display: flex; 559 align-items: center; 560 gap: 6px; 561 flex-shrink: 0; 562 margin-left: 24px; 563} 564.nav-site__login { 565 padding: 8px 14px; 566 font-size: 14px; 567 font-weight: 500; 568 color: #606F9F; 569 text-decoration: none; 570 border-radius: 7px; 571 transition: color 200ms ease, background-color 200ms ease; 572 white-space: nowrap; 573} 574.nav-site__login:hover { 575 color: #1A3BAE; 576 background-color: #EFF6FF; 577} 578/* Pin all states -- HubSpot compiled CSS otherwise recolors the link on 579 focus/active (canonical pattern: .faq-demo-btn in partials/faq.html). */ 580.nav-site__demo-btn, 581.nav-site__demo-btn:link, 582.nav-site__demo-btn:visited, 583.nav-site__demo-btn:hover, 584.nav-site__demo-btn:focus, 585.nav-site__demo-btn:active { 586 color: #ffffff; 587 text-decoration: none; 588} 589.nav-site__demo-btn { 590 padding: 9px 20px; 591 font-size: 14px; 592 font-weight: 600; 593 line-height: 1.4; 594 background: #1A3BAE; 595 border: 1px solid #1A3BAE; 596 border-radius: 8px; 597 transition: background-color 250ms ease, border-color 250ms ease, box-shadow 250ms ease; 598 white-space: nowrap; 599 display: inline-flex; 600 align-items: center; 601 min-height: 38px; 602} 603.nav-site__demo-btn:hover { 604 background: #11215B; 605 border-color: #11215B; 606 box-shadow: 0 4px 14px rgba(26,59,174,0.28); 607} 608.nav-site__demo-btn:focus-visible { 609 outline: 2px solid #3B63E8; 610 outline-offset: 2px; 611} 612 613/* ââ Mobile hamburger toggle ââ */ 614.nav-site .nav-mobile-toggle { 615 display: none; 616 flex-direction: column; 617 justify-content: center; 618 gap: 5px; 619 background: none; 620 border: none; 621 cursor: pointer; 622 padding: 8px; 623 margin-left: auto; 624 flex-shrink: 0; 625} 626.nav-site .nav-mobile-toggle span { 627 display: block; 628 width: 22px; 629 height: 2px; 630 background: #324278; 631 border-radius: 2px; 632 transition: transform 0.2s ease, opacity 0.2s ease; 633} 634.nav-site .nav-mobile-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); } 635.nav-site .nav-mobile-toggle.is-active span:nth-child(2) { opacity: 0; } 636.nav-site .nav-mobile-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } 637 638/* Mobile-only CTA block â hidden on desktop */ 639.nav-mobile-cta { display: none; } 640 641/* ââ Scroll enhancement ââ */ 642.nav-site.nav--scrolled { 643 background: rgba(255,255,255,0.7); 644 border-bottom-color: rgba(205,207,214,0.4); 645 box-shadow: 0 1px 8px rgba(0,0,0,0.03); 646} 647 648/* ââ Mobile layout ââ */ 649@media (max-width: 767px) { 650 .nav-site__inner { padding: 0 16px; } 651 .nav-site .nav-site__nav { display: none; } 652 /* Hide the right-side bar entirely â Login + Get Demo move into the drawer */ 653 .nav-site .nav-site__right { display: none; } 654 .nav-site .nav-mobile-toggle { display: flex; } 655 656 /* Get Demo button inside mobile drawer */ 657 .nav-mobile-cta { 658 display: flex; 659 flex-direction: column; 660 gap: 8px; 661 padding: 16px 8px 8px; 662 border-top: 1px solid #CDCFD6; 663 margin-top: 8px; 664 } 665 .nav-mobile-cta__demo { 666 display: block; 667 text-align: center; 668 padding: 12px 20px; 669 background: #1A3BAE; 670 color: #fff; 671 font-size: 15px; 672 font-weight: 600; 673 border-radius: 8px; 674 text-decoration: none; 675 } 676 .nav-mobile-cta__login { 677 display: block; 678 text-align: center; 679 padding: 10px 20px; 680 color: #606F9F; 681 font-size: 14px; 682 font-weight: 500; 683 text-decoration: none; 684 border-radius: 8px; 685 } 686 687 /* Mobile nav drawer */ 688 .nav-site .nav-site__nav.is-open { 689 display: block; 690 position: absolute; 691 top: 72px; 692 left: 0; right: 0; 693 background: #ffffff; 694 border-top: 1px solid #CDCFD6; 695 border-bottom: 1px solid #CDCFD6; 696 padding: 12px 20px 24px; 697 box-shadow: 0 8px 24px rgba(15,31,61,0.10); 698 z-index: 999; 699 max-height: calc(100vh - 72px); 700 overflow-y: auto; 701 -webkit-overflow-scrolling: touch; 702 } 703 704 .nav-site .menu { flex-direction: column; align-items: stretch; gap: 0; } 705 .nav-site .menu__item { width: 100%; } 706 .nav-site .menu__item--drop { height: auto; } 707 .nav-site .menu__link, 708 .nav-site .menu__toggle { 709 width: 100%; 710 justify-content: space-between; 711 padding: 13px 8px; 712 border-bottom: 1px solid #F1F5F9; 713 border-radius: 0; 714 font-size: 15px; 715 color: #0F1F3D; 716 } 717 .nav-site .menu__item:last-child .menu__link { border-bottom: none; } 718 719 /* Mobile mega: inline accordion */ 720 .nav-site .nav-mega { 721 display: none; 722 opacity: 1; visibility: visible; pointer-events: auto; 723 transform: none; position: static; 724 border: none; border-radius: 0; box-shadow: none; 725 padding: 4px 0 12px 12px; 726 min-width: 0; background: #F8FAFC; transition: none; 727 } 728 .nav-site .menu__item--drop.is-open .nav-mega { display: flex; } 729 .nav-site .menu__item--drop.is-open .nav-chevron { transform: rotate(180deg); } 730 .nav-site .nav-mega__inner { flex-direction: column; gap: 16px; padding: 8px 0; } 731 .nav-site .nav-mega__col { min-width: 0; } 732 .nav-site .nav-mega__link { white-space: normal; font-size: 14px; padding: 6px 10px; min-height: 0; } 733 .nav-site .nav-mega__col--overview, 734 .nav-site .nav-mega__col--grow, 735 .nav-site .nav-mega__col--keep, 736 .nav-site .nav-mega__col--prove, 737 .nav-site .nav-mega__col--solutions { border-top: none; padding-top: 0; } 738} 739</style> 740 741 742<a class="nav-skip" href="#main-content">Skip to main content</a> 743 744 745<header class="nav-site" id="ambNav" role="banner"> 746 <div class="nav-site__inner"> 747 748 <a class="nav-site__logo" href="/" aria-label="Ambassador -- Home"> 749 <svg class="nav-site__mark" width="40" height="40" viewbox="9 10 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 750 <defs> 751 <radialgradient id="ambHubNav" cx="38%" cy="34%" r="62%"> 752 <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.95" /> 753 <stop offset="22%" stop-color="#9457F7" /> 754 <stop offset="60%" stop-color="#5F11E4" /> 755 <stop offset="100%" stop-color="#3B0E8C" /> 756 </radialgradient> 757 <filter id="ambHubNavShadow" x="-60%" y="-60%" width="220%" height="220%"> 758 <fedropshadow dx="0" dy="0.5" stdDeviation="0.85" flood-color="#0B0620" flood-opacity="0.35" /> 759 </filter> 760 </defs> 761 <line x1="40" y1="17.6" x2="14.1" y2="62.4" stroke="#C4CEDE" stroke-width="1.15" stroke-linecap="round" opacity="0.95" /> 762 <line x1="14.1" y1="62.4" x2="65.9" y2="62.4" stroke="#C4CEDE" stroke-width="1.15" stroke-linecap="round" opacity="0.95" /> 763 <line x1="65.9" y1="62.4" x2="40" y2="17.6" stroke="#C4CEDE" stroke-width="1.15" stroke-linecap="round" opacity="0.95" /> 764 <line x1="40" y1="47.5" x2="40" y2="17.6" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" /> 765 <line x1="40" y1="47.5" x2="14.1" y2="62.4" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" /> 766 <line x1="40" y1="47.5" x2="65.9" y2="62.4" stroke="#9457F7" stroke-width="0.75" stroke-linecap="round" opacity="0.55" /> 767 <circle cx="40" cy="17.6" r="4.25" fill="#1C48D9" /> 768 <circle cx="14.1" cy="62.4" r="4.25" fill="#1C48D9" /> 769 <circle cx="65.9" cy="62.4" r="4.25" fill="#1C48D9" /> 770 <circle cx="40" cy="47.5" r="7.6" fill="url(#ambHubNav)" filter="url
770(#ambHubNavShadow)" /> 771 </svg> 772 <span class="nav-site__wordmark">AMBASSADOR</span> 773 </a> 774 775 776 <nav class="nav-site__nav" id="ambNavMenu" aria-label="Site navigation"> 777 <ul class="menu" role="list"> 778 779 780 <li class="menu__item menu__item--drop menu__item--mega-global"> 781 <button class="menu__toggle" type="button" aria-haspopup="true" aria-expanded="false"> 782 Platform 783 <svg class="nav-chevron" viewbox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"> 784 <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 785 </svg> 786 </button> 787 788 <div class="nav-mega" role="region" aria-label="Platform menu"> 789 <div class="nav-mega__inner"> 790 791 <div class="nav-mega__col nav-mega__col--overview"> 792 <p class="nav-mega__heading">Overview</p> 793 <ul class="nav-mega__list"> 794 <li><a class="nav-mega__link" href="/platform">Platform Overview</a></li> 795 <li><a class="nav-mega__link" href="/ambassador-hiroai">HiroAI</a></li> 796 <li><a class="nav-mega__link" href="https://getambassador.com/integrations-layer">Integrations</a></li> 797 </ul> 798 </div> 799 800 <div class="nav-mega__col nav-mega__col--grow"> 801 <p class="nav-mega__heading">GROW</p> 802 <ul class="nav-mega__list"> 803 <li><a class="nav-mega__link" href="/advocacy-engine">Advocacy</a></li> 804 <li><a class="nav-mega__link" href="/prospect-intelligence-engine">Prospect</a></li> 805 <li><a class="nav-mega__link" href="/programmatic">Programmatic <span class="nav-mega__badge nav-mega__badge--new">New</span></a></li> 806 </ul> 807 </div> 808 809 <div class="nav-mega__col nav-mega__col--keep"> 810 <p class="nav-mega__heading">KEEP</p> 811 <ul class="nav-mega__list"> 812 <li><a class="nav-mega__link" href="/customer-value-engine">Retention</a></li> 813 <li><a class="nav-mega__link" href="/incentive-storefront-engine">Incentive</a></li> 814 <li><a class="nav-mega__link" href="/communication-cloud-engine">Communication</a></li> 815 </ul> 816 </div> 817 818 <div class="nav-mega__col nav-mega__col--prove"> 819 <p class="nav-mega__heading">PROVE</p> 820 <ul class="nav-mega__list"> 821 <li><a class="nav-mega__link" href="/predictive-recommendation-engine">Predictive</a></li> 822 <li><span class="nav-mega__link nav-mega__link--disabled">Attribution <span class="nav-mega__badge">Coming soon</span></span></li> 823 <li><span class="nav-mega__link nav-mega__link--disabled">Finance <span class="nav-mega__badge">Coming soon</span></span></li> 824 </ul> 825 </div> 826 827 </div> 828 </div> 829 </li> 830 831 832 <li class="menu__item menu__item--drop"> 833 <button class="menu__toggle" type="button" aria-haspopup="true" aria-expanded="false"> 834 Solutions 835 <svg class="nav-chevron" viewbox="0 0 16 16" fill="none" aria-hidden="true" focusable="false"> 836 <path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 837 </svg> 838 </button> 839 840 <div class="nav-mega nav-mega--wide" role="region" aria-label="Solutions menu"> 841 <div class="nav-mega__inner"> 842 843 <div class="nav-mega__col nav-mega__col--solutions"> 844 <p class="nav-mega__heading">By Industry</p> 845 <ul class="nav-mega__list"> 846 <li><a class="nav-mega__link" href="https://getambassador.com/telecom">Telecom</a></li> 847 <li><span class="nav-mega__link nav-mega__link--disabled">CPaaS <span class="nav-mega__badge">Coming soon</span></span></li> 848 <li><span class="nav-mega__link nav-mega__link--disabled">SaaS <span class="nav-mega__badge">Coming soon</span></span></li> 849 <li><span class="nav-mega__link nav-mega__link--disabled">FinTech <span class="nav-mega__badge">Coming soon</span></span></li> 850 </ul> 851 </div> 852 853 <div class="nav-mega__col nav-mega__col--strategy"> 854 <p class="nav-mega__heading">By Strategy</p> 855 <ul class="nav-mega__list"> 856 <li><a class="nav-mega__link" href="/customer-growth">Customer Growth Overview</a></li> 857 <li><a class="nav-mega__link" href="https://getambassador.com/customer-growth-strategy">Build your Customer Growth Strategy</a></li> 858 </ul> 859 </div> 860 861 <div class="nav-mega__col nav-mega__col--program-type"> 862 <p class="nav-mega__heading">By Program Type</p> 863 <ul class="nav-mega__list"> 864 <li><a class="nav-mega__link" href="/solutions/program-type/affiliate-marketing-software">Affiliates</a></li> 865 <li><a class="nav-mega__link" href="/solutions/program-type/referral-marketing-software">Referrals</a></li> 866 <li><a class="nav-mega__link" href="/solutions/program-type/influencer-marketing-platform">Influencers</a></li> 867 <li><a class="nav-mega__link" href="/solutions/program-type/loyalty-program-software">Loyalty</a></li> 868 </ul> 869 </div> 870 871 </div> 872 </div> 873 </li> 874 875 <li class="menu__item"><a class="menu__link" href="https://getambassador.com/why-ambassador">Why Ambassador</a></li> 876 <li class="menu__item"><a class="menu__link" href="/resources">Resources</a></li> 877 <li class="menu__item"><a class="menu__link" href="https://getambassador.com/pricing-ent">Pricing</a></li> 878 879 </ul> 880 881 882 <div class="nav-mobile-cta"> 883 <a class="nav-mobile-cta__demo" href="https://getambassador.com/get-a-demo/">Get Demo</a> 884 <a class="nav-mobile-cta__login" href="https://admin2.getambassador.com/login">Login</a> 885 </div> 886 887 </nav> 888 889 890 <div class="nav-site__right"> 891 <a class="nav-site__login" href="https://admin2.getambassador.com/login">Login</a> 892 <a class="nav-site__demo-btn" href="https://getambassador.com/get-a-demo/">Get Demo</a> 893 </div> 894 895 896 <button class="nav-mobile-toggle" id="ambNavToggle" aria-expanded="false" aria-controls="ambNavMenu" aria-label="Open navigation">
897 <span></span> 898 <span></span> 899 <span></span> 900 </button> 901 902 </div> 903</header> 904
905<script> 906/* ââ Desktop dropdown: hover + click toggle ââ */ 907(function () { 908 var timers = {}; 909 var dropItems = document.querySelectorAll('.menu__item--drop'); 910 911 function setExpanded(item, isOpen) { 912 var toggle = item.querySelector('.menu__toggle'); 913 if (toggle) toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); 914 } 915 916 function fullClose(item) { 917 item.classList.remove('open'); 918 delete item.dataset.pinned; 919 setExpanded(item, false); 920 } 921 922 dropItems.forEach(function (item, idx) { 923 var mega = item.querySelector('.nav-mega'); 924 var toggleBtn = item.querySelector('.menu__toggle'); 925 if (!mega) return; 926 927 function openMenu() { 928 if (timers[idx]) { clearTimeout(timers[idx]); timers[idx] = null; } 929 dropItems.forEach(function (other) { 930 if (other !== item) fullClose(other); 931 }); 932 item.classList.add('open'); 933 setExpanded(item, true); 934 } 935 function scheduleClose() { 936 if (item.dataset.pinned === 'true') return; 937 timers[idx] = setTimeout(function () { 938 fullClose(item); 939 timers[idx] = null; 940 }, 200); 941 } 942 function cancelClose() { 943 if (timers[idx]) { clearTimeout(timers[idx]); timers[idx] = null; } 944 } 945 946 item.addEventListener('mouseenter', openMenu); 947 item.addEventListener('mouseleave', scheduleClose); 948 mega.addEventListener('mouseenter', cancelClose); 949 mega.addEventListener('mouseleave', scheduleClose); 950 951 if (toggleBtn) { 952 toggleBtn.addEventListener('click', function (e) { 953 if (window.innerWidth <= 767) return; 954 e.preventDefault(); 955 e.stopPropagation(); 956 if (item.dataset.pinned === 'true') { 957 fullClose(item); 958 } else { 959 item.dataset.pinned = 'true'; 960 openMenu(); 961 } 962 }); 963 } 964 }); 965 966 document.addEventListener('click', function (e) { 967 if (window.innerWidth <= 767) return; 968 dropItems.forEach(function (item) { 969 if (item.dataset.pinned === 'true' && !item.contains(e.target)) { 970 fullClose(item); 971 } 972 }); 973 }); 974 975 document.addEventListener('keydown', function (e) { 976 if (e.key !== 'Escape') return; 977 dropItems.forEach(fullClose); 978 }); 979})(); 980 981/* ââ Mobile hamburger toggle ââ */ 982(function () { 983 var toggle = document.getElementById('ambNavToggle'); 984 var menu = document.getElementById('ambNavMenu'); 985 if (!toggle || !menu) return; 986 987 toggle.addEventListener('click', function () { 988 var isOpen = menu.classList.toggle('is-open'); 989 toggle.classList.toggle('is-active', isOpen); 990 toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); 991 toggle.setAttribute('aria-label', isOpen ? 'Close navigation' : 'Open navigation'); 992 }); 993 994 /* Mobile: accordion for dropdown items */ 995 menu.querySelectorAll('.menu__item--drop .menu__toggle').forEach(function (btn) { 996 btn.addEventListener('click', function (e) { 997 /* Only intercept on mobile */ 998 if (window.innerWidth > 767) return; 999 e.stopPropagation(); 1000 var item = btn.closest('.menu__item--drop'); 1001 var isOpen = item.classList.toggle('is-open'); 1002 btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); 1003 }); 1004 }); 1005 1006 /* Close drawer when a nav link is tapped */ 1007 menu.querySelectorAll('.nav-mega__link:not(.nav-mega__link--disabled), .menu__link').forEach(function (link) { 1008 link.addEventListener('click', function () { 1009 menu.classList.remove('is-open'); 1010 toggle.classList.remove('is-active'); 1011 toggle.setAttribute('aria-expanded', 'false'); 1012 toggle.setAttribute('aria-label', 'Open navigation'); 1013 }); 1014 }); 1015 1016 /* Close on outside click */ 1017 document.addEventListener('click', function (e) { 1018 if (!menu.contains(e.target) && !toggle.contains(e.target)) { 1019 menu.classList.remove('is-open'); 1020 toggle.classList.remove('is-active'); 1021 toggle.setAttribute('aria-expanded', 'false'); 1022 } 1023 }); 1024})(); 1025 1026/* ââ Scroll enhancement: deeper shadow on scroll ââ */ 1027(function () { 1028 var nav = document.getElementById('ambNav'); 1029 if (!nav) return; 1030 function checkScroll() { 1031 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0; 1032 nav.classList.toggle('nav--scrolled', scrollTop > 40); 1033 } 1034 window.addEventListener('scroll', function () { requestAnimationFrame(checkScroll); }, { passive: true }); 1035 checkScroll(); 1036})(); 1037</script>
1037 1038 1039 1040 1041 1042 <main id="main-content" class="body-container-wrapper"> 1043 1044 1045 1046 1047 1048 1049 1050<style> 1051 1052/* ââ Blog listing page ââ scoped to .bl-page ââ */ 1053.bl-page { 1054 font-family: 'DM Sans', Arial, sans-serif; 1055 color: #334155; 1056 line-height: 1.6; 1057 background: #F8FAFC; 1058} 1059.bl-page .container { 1060 max-width: 1160px; 1061 margin: 0 auto; 1062 padding: 0 clamp(20px, 5vw, 64px); 1063} 1064 1065/* ââ Eyebrow ââ */ 1066.bl-eyebrow { 1067 display: inline-flex; 1068 align-items: center; 1069 gap: 8px; 1070 font-family: Arial, Helvetica, sans-serif; 1071 font-size: 11px; 1072 font-weight: 900; 1073 letter-spacing: 3px; 1074 text-transform: uppercase; 1075 color: #1E56E3; 1076 margin-bottom: 16px; 1077} 1078.bl-eyebrow::before { 1079 content: ''; 1080 display: inline-block; 1081 width: 20px; 1082 height: 2px; 1083 background: #1E56E3; 1084 border-radius: 2px; 1085 flex-shrink: 0; 1086} 1087 1088 1089/* ââ HERO ââââââââââââââââââââââââââââââââââââââ */ 1090 1091.bl-hero { 1092 background: #ffffff; 1093 border-bottom: 1px solid #E8EDF5; 1094 padding: 72px 0 64px; 1095 position: relative; 1096 overflow: hidden; 1097} 1098.bl-hero::before { 1099 content: ''; 1100 position: absolute; 1101 top: -120px; 1102 right: -60px; 1103 width: 480px; 1104 height: 480px; 1105 border-radius: 50%; 1106 background: radial-gradient(ellipse, rgba(30,86,227,0.06) 0%, transparent 70%); 1107 pointer-events: none; 1108} 1109.bl-hero__inner { 1110 position: relative; 1111 z-index: 1; 1112 max-width: 720px; 1113} 1114.bl-hero__h1 { 1115 font-family: Arial, Helvetica, sans-serif; 1116 font-size: clamp(32px, 5vw, 54px); 1117 font-weight: 900; 1118 text-transform: uppercase; 1119 letter-spacing: -0.02em; 1120 color: #0B1526; 1121 margin: 0 0 20px; 1122 line-height: 1.05; 1123} 1124.bl-hero__h1 span { color: #1E56E3; } 1125.bl-hero__sub { 1126 font-size: 18px; 1127 font-weight: 300; 1128 color: #475569; 1129 max-width: 580px; 1130 margin: 0 0 36px; 1131 line-height: 1.65; 1132} 1133.bl-hero__cta { 1134 display: inline-flex; 1135 align-items: center; 1136 gap: 8px; 1137 padding: 14px 28px; 1138 background: #1E56E3; 1139 color: #fff; 1140 font-family: Arial, Helvetica, sans-serif; 1141 font-size: 13px; 1142 font-weight: 900; 1143 letter-spacing: 1px; 1144 text-transform: uppercase; 1145 text-decoration: none; 1146 border-radius: 6px; 1147 transition: background 200ms ease, box-shadow 200ms ease; 1148 animation: btn-cta-pulse 4s ease-in-out infinite; 1149} 1150.bl-hero__cta:hover { 1151 background: #1743C0; 1152 box-shadow: 0 8px 24px rgba(30,86,227,0.35); 1153} 1154 1155 1156/* ââ FILTER BAR ââââââââââââââââââââââââââââ */ 1157 1158.bl-filters { 1159 background: #fff; 1160 border-bottom: 1px solid #E8EDF5; 1161 padding: 14px 0; 1162 position: sticky; 1163 top: 72px; 1164 z-index: 50; 1165} 1166.bl-filters__inner { 1167 display: flex; 1168 flex-wrap: wrap; 1169 align-items: center; 1170 gap: 6px; 1171} 1172.bl-filters__label { 1173 font-size: 10px; 1174 font-weight: 700; 1175 letter-spacing: 2px; 1176 text-transform: uppercase; 1177 color: #94A3B8; 1178 margin-right: 4px; 1179 flex-shrink: 0; 1180} 1181.bl-filter { 1182 display: inline-flex; 1183 align-items: center; 1184 padding: 4px 12px; 1185 border-radius: 99px; 1186 border: 1px solid #E2E8F0; 1187 background: #F8FAFC; 1188 font-size: 11px; 1189 font-weight: 500; 1190 color: #475569; 1191 text-decoration: none; 1192 transition: border-color 180ms ease, color 180ms ease, background 180ms ease; 1193 white-space: nowrap; 1194} 1195.bl-filter:hover, 1196.bl-filter--active { 1197 border-color: #1E56E3; 1198 color: #1E56E3; 1199 background: rgba(30,86,227,0.06); 1200} 1201 1202/* Mobile dropdown (hidden on desktop) */ 1203.bl-tag-dropdown-wrap { 1204 display: none; 1205} 1206.bl-tag-dropdown { 1207 width: 100%; 1208 padding: 10px 14px; 1209 border: 1px solid #E2E8F0; 1210 border-radius: 8px; 1211 background: #fff; 1212 font-family: 'DM Sans', Arial, sans-serif; 1213 font-size: 13px; 1214 color: #334155; 1215 appearance: none; 1216 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); 1217 background-repeat: no-repeat; 1218 background-position: right 12px center; 1219 padding-right: 36px; 1220 cursor: pointer; 1221} 1222.bl-tag-dropdown:focus { outline: 2px solid #1E56E3; outline-offset: 2px; } 1223 1224 1225/* ââ POSTS LAYOUT (main + sidebar) âââââââââââââ */ 1226 1227.bl-posts { 1228 padding: 56px 0 80px; 1229} 1230.bl-posts__layout { 1231 display: grid; 1232 grid-template-columns: 1fr 252px; 1233 gap: 48px; 1234 align-items: start; 1235} 1236.bl-posts__main { 1237 min-width: 0; 1238} 1239 1240 1241/* ââ FEATURED POST âââââââââââââââââââââââââââ */ 1242 1243.bl-featured { 1244 margin-bottom: 40px; 1245 background: #fff; 1246 border: 1px solid #E8EDF5; 1247 border-radius: 16px; 1248 overflow: hidden; 1249 display: grid; 1250 grid-template-columns: 1fr 1fr; 1251 box-shadow: 0 2px 12px rgba(0,0,0,0.04); 1252 transition: transform 220ms ease, box-shadow 220ms ease; 1253 text-decoration: none; 1254 color: inherit; 1255} 1256.bl-featured:hover { 1257 transform: translateY(-4px); 1258 box-shadow: 0 12px 36px rgba(0,0,0,0.09); 1259} 1260.bl-featured__img { 1261 width: 100%; 1262 height: 100%; 1263 min-height: 260px; 1264 object-fit: cover; 1265 display: block; 1266} 1267.bl-featured__img-placeholder { 1268 width: 100%; 1269 min-height: 260px; 1270 background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); 1271 display: flex; 1272 align-items: center; 1273 justify-content: center; 1274} 1275.bl-featured__img-placeholder svg { opacity: 0.25; } 1276.bl-featured__body { 1277 padding: 36px 40px; 1278 display: flex; 1279 flex-direction: column; 1280 justify-content: center; 1281} 1282.bl-featured__badge { 1283 display: inline-flex; 1284 align-items: center; 1285 font-size: 10px; 1286 font-weight: 700; 1287 letter-spacing: 2px; 1288 text-transform: uppercase; 1289 color: #1E56E3; 1290 background: rgba(30,86,227,0.08); 1291 padding: 3px 10px; 1292 border-radius: 99px; 1293 margin-bottom: 14px; 1294 width: fit-content; 1295} 1296.bl-featured__title { 1297 font-family: Arial, Helvetica, sans-serif; 1298 font-size: clamp(18px, 2vw, 24px); 1299 font-weight: 900; 1300 text-transform: uppercase; 1301 letter-spacing: -0.02em; 1302 color: #0B1526; 1303 line-height: 1.1; 1304 margin: 0 0 14px; 1305} 1306.bl-featured__excerpt { 1307 font-size: 14px; 1308 font-weight: 300; 1309 color: #475569; 1310 line-height: 1.7; 1311 margin: 0 0 24px; 1312} 1313.bl-featured__meta { 1314 display: flex; 1315 align-items: center; 1316 gap: 10px; 1317 font-size: 11px; 1318 color: #94A3B8; 1319 border-top: 1px solid #E8EDF5; 1320 padding-top: 18px; 1321} 1322.bl-featured__meta-dot { opacity: 0.4; } 1323.bl-featured__read-more { 1324 display: inline-flex; 1325 align-items: center; 1326 gap: 6px; 1327 font-family: Arial, Helvetica, sans-serif; 1328 font-size: 10px; 1329 font-weight: 900; 1330 letter-spacing: 1.5px; 1331 text-transform: uppercase; 1332 color: #1E56E3; 1333 margin-top: 6px; 1334} 1335.bl-featured__read-more::after {
1336 content: 'â'; 1337 transition: transform 200ms ease; 1338} 1339.bl-featured:hover .bl-featured__read-more::after { transform: translateX(4px); } 1340 1341 1342/* ââ POST GRID âââââââââââââââââââââââââââââââ */ 1343 1344.bl-grid { 1345 display: grid; 1346 grid-template-columns: repeat(2, 1fr); 1347 gap: 24px; 1348} 1349.bl-card { 1350 background: #fff; 1351 border: 1px solid #E8EDF5; 1352 border-radius: 14px; 1353 overflow: hidden; 1354 display: flex; 1355 flex-direction: column; 1356 text-decoration: none; 1357 color: inherit; 1358 transition: transform 220ms ease, box-shadow 220ms ease; 1359 box-shadow: 0 2px 8px rgba(0,0,0,0.04); 1360} 1361.bl-card:hover { 1362 transform: translateY(-4px); 1363 box-shadow: 0 12px 32px rgba(0,0,0,0.09); 1364} 1365.bl-card__img { 1366 width: 100%; 1367 height: 180px; 1368 object-fit: cover; 1369 display: block; 1370 border-bottom: 1px solid #E8EDF5; 1371} 1372.bl-card__img-placeholder { 1373 width: 100%; 1374 height: 180px; 1375 background: linear-gradient(135deg, #F0F4FF 0%, #E0EAFF 100%); 1376 display: flex; 1377 align-items: center; 1378 justify-content: center; 1379 border-bottom: 1px solid #E8EDF5; 1380} 1381.bl-card__img-placeholder svg { opacity: 0.2; } 1382.bl-card__body { 1383 padding: 20px 22px 24px; 1384 display: flex; 1385 flex-direction: column; 1386 flex: 1; 1387} 1388.bl-card__tag { 1389 font-size: 10px; 1390 font-weight: 700; 1391 letter-spacing: 2px; 1392 text-transform: uppercase; 1393 color: #1E56E3; 1394 margin-bottom: 8px; 1395} 1396.bl-card__title { 1397 font-family: Arial, Helvetica, sans-serif; 1398 font-size: 14px; 1399 font-weight: 900; 1400 text-transform: uppercase; 1401 letter-spacing: -0.01em; 1402 color: #0B1526; 1403 line-height: 1.25; 1404 margin: 0 0 10px; 1405 flex: 1; 1406} 1407.bl-card__excerpt { 1408 font-size: 12px; 1409 font-weight: 300; 1410 color: #475569; 1411 line-height: 1.65; 1412 margin: 0 0 16px; 1413 display: -webkit-box; 1414 -webkit-line-clamp: 3; 1415 -webkit-box-orient: vertical; 1416 overflow: hidden; 1417} 1418.bl-card__meta { 1419 display: flex; 1420 align-items: center; 1421 gap: 6px; 1422 font-size: 10px; 1423 color: #94A3B8; 1424 margin-top: auto; 1425 padding-top: 14px; 1426 border-top: 1px solid #E8EDF5; 1427} 1428.bl-card__meta-dot { opacity: 0.4; } 1429 1430 1431/* ââ PAGINATION ââââââââââââââââââââââââââââââ */ 1432 1433.bl-pagination { 1434 display: flex; 1435 align-items: center; 1436 justify-content: center; 1437 gap: 8px; 1438 padding: 40px 0 0; 1439} 1440.bl-page-btn { 1441 display: inline-flex; 1442 align-items: center; 1443 justify-content: center; 1444 min-width: 36px; 1445 height: 36px; 1446 padding: 0 10px; 1447 border-radius: 8px; 1448 border: 1px solid #E2E8F0; 1449 background: #fff; 1450 font-size: 13px; 1451 font-weight: 500; 1452 color: #475569; 1453 text-decoration: none; 1454 transition: border-color 180ms ease, color 180ms ease, background 180ms ease; 1455} 1456.bl-page-btn:hover, 1457.bl-page-btn--active { 1458 border-color: #1E56E3; 1459 color: #1E56E3; 1460 background: rgba(30,86,227,0.06); 1461} 1462.bl-page-btn--prev, 1463.bl-page-btn--next { 1464 font-size: 10px; 1465 font-weight: 700; 1466 letter-spacing: 1px; 1467 text-transform: uppercase; 1468} 1469 1470 1471/* ââ SIDEBAR âââââââââââââââââââââââââââââââââ */ 1472 1473.bl-sidebar { 1474 position: sticky; 1475 top: 130px; 1476} 1477.bl-sidebar__section { 1478 background: #fff; 1479 border: 1px solid #E8EDF5; 1480 border-radius: 14px; 1481 padding: 24px; 1482 margin-bottom: 20px; 1483} 1484.bl-sidebar__heading { 1485 font-family: Arial, Helvetica, sans-serif; 1486 font-size: 10px; 1487 font-weight: 900; 1488 letter-spacing: 2.5px; 1489 text-transform: uppercase; 1490 color: #94A3B8; 1491 margin: 0 0 16px; 1492 padding-bottom: 12px; 1493 border-bottom: 1px solid #E8EDF5; 1494} 1495 1496/* Tag cloud */ 1497.bl-tag-cloud { 1498 display: flex; 1499 flex-wrap: wrap; 1500 gap: 6px; 1501} 1502.bl-cloud-tag { 1503 display: inline-flex; 1504 align-items: center; 1505 gap: 5px; 1506 border-radius: 6px; 1507 border: 1px solid #E2E8F0; 1508 background: #F8FAFC; 1509 color: #475569; 1510 text-decoration: none; 1511 font-weight: 500; 1512 line-height: 1.3; 1513 transition: border-color 160ms ease, color 160ms ease, background 160ms ease, 1514 transform 160ms ease; 1515} 1516.bl-cloud-tag:hover { 1517 border-color: #1E56E3; 1518 color: #1E56E3; 1519 background: rgba(30,86,227,0.06); 1520 transform: translateY(-1px); 1521} 1522.bl-cloud-tag--active { 1523 border-color: #1E56E3 !important; 1524 color: #1E56E3 !important; 1525 background: rgba(30,86,227,0.08) !important; 1526 font-weight: 700 !important; 1527} 1528 1529/* Three size tiers by post count */ 1530.bl-cloud-tag--sm { font-size: 10px; padding: 3px 9px; } 1531.bl-cloud-tag--md { font-size: 12px; padding: 4px 11px; font-weight: 600; } 1532.bl-cloud-tag--lg { font-size: 13px; padding: 5px 13px; font-weight: 700; 1533 border-color: rgba(30,86,227,0.25); color: #1E40AF; background: rgba(30,86,227,0.04); } 1534 1535.bl-cloud-tag__count { 1536 font-size: 9px; 1537 font-weight: 500; 1538 color: #CBD5E1; 1539 background: #F1F5F9; 1540 border-radius: 99px; 1541 padding: 0 5px; 1542 min-width: 16px; 1543 text-align: center; 1544 line-height: 16px; 1545} 1546.bl-cloud-tag--lg .bl-cloud-tag__count { background: rgba(30,86,227,0.1); color: #1E56E3; } 1547.bl-cloud-tag--active .bl-cloud-tag__count { background: rgba(30,86,227,0.15); color: #1E56E3; } 1548 1549/* All-tags link in sidebar */ 1550.bl-cloud-all { 1551 display: flex; 1552 align-items: center; 1553 gap: 5px; 1554 font-size: 11px; 1555 font-weight: 700; 1556 letter-spacing: 1px; 1557 text-transform: uppercase; 1558 color: #1E56E3; 1559 text-decoration: none; 1560 margin-top: 14px; 1561 padding-top: 14px; 1562 border-top: 1px solid #E8EDF5; 1563} 1564.bl-cloud-all::after { content: 'â'; transition: transform 180ms ease; } 1565.bl-cloud-all:hover::after { transform: translateX(3px); } 1566 1567 1568/* ââ NEWSLETTER CTA BAND âââââââââââââââââââââ */ 1569 1570.bl-cta { 1571 background: linear-gradient(135deg, #0B1526 0%, #0D2045 100%); 1572 padding: 80px 0; 1573 position: relative; 1574 overflow: hidden; 1575} 1576.bl-cta::before { 1577 content: 'INSIGHTS'; 1578 position: absolute; 1579 right: -2vw; 1580 top: 50%; 1581 transform: translateY(-50%); 1582 font-size: 13vw; 1583 font-family: Arial, Helvetica, sans-serif; 1584 font-weight: 900; 1585 color: rgba(255,255,255,0.02); 1586 letter-spacing: -0.04em; 1587 pointer-events: none; 1588 white-space: nowrap; 1589 line-height: 1; 1590} 1591.bl-cta__inner { 1592 display: grid; 1593 grid-template-columns: 1fr 1fr; 1594 gap: 80px; 1595 align-items: start; 1596} 1597.bl-cta__eyebrow { 1598 font-family: Arial, Helvetica, sans-serif; 1599 font-size: 10px; 1600 font-weight: 900; 1601 letter-spacing: 3px; 1602 text-transform: uppercase; 1603 color: #60A5FA; 1604 margin-bottom: 14px; 1605} 1606.bl-cta__h2 { 1607 font-family: Arial, Helvetica, sans-serif;
1608 font-size: clamp(26px, 3.5vw, 40px); 1609 font-weight: 900; 1610 text-transform: uppercase; 1611 letter-spacing: -0.02em; 1612 color: #EEEEFF; 1613 line-height: 1.05; 1614 margin: 0 0 20px; 1615} 1616.bl-cta__h2 span { color: #60A5FA; } 1617.bl-cta__body { 1618 font-size: 15px; 1619 font-weight: 300; 1620 color: rgba(238,238,255,0.65); 1621 line-height: 1.75; 1622 max-width: 440px; 1623} 1624.bl-cta__note { 1625 margin-top: 16px; 1626 font-size: 11px; 1627 color: rgba(238,238,255,0.3); 1628 letter-spacing: 0.04em; 1629 text-transform: uppercase; 1630} 1631 1632/* Newsletter form dark overrides */ 1633.bl-cta .newsletter .hs_cos_wrapper_type_form { background: transparent !important; } 1634.bl-cta .newsletter .form-title { display: none !important; } 1635.bl-cta .newsletter .hs-form-field label { color: rgba(238,238,255,0.55) !important; font-size: 12px !important; margin-bottom: 4px !important; display: block; font-weight: 600; letter-spacing: 0.5px; } 1636.bl-cta .newsletter .hs-form .hs-input { 1637 background: rgba(255,255,255,0.07) !important; 1638 border: 1px solid rgba(255,255,255,0.14) !important; 1639 color: #EEEEFF !important; 1640 height: 44px !important; 1641 padding: 8px 14px !important; 1642 font-size: 14px !important; 1643 border-radius: 6px !important; 1644 width: 100% !important; 1645 box-sizing: border-box !important; 1646 font-family: 'DM Sans', Arial, sans-serif !important; 1647} 1648.bl-cta .newsletter .hs-form .hs-input::placeholder { color: rgba(238,238,255,0.3) !important; } 1649.bl-cta .newsletter .hs-form .hs-input:focus { 1650 outline: none !important; 1651 border-color: rgba(30,86,227,0.6) !important; 1652 background: rgba(255,255,255,0.1) !important; 1653} 1654.bl-cta .newsletter .hs-form .hs-form-field { margin-bottom: 14px !important; } 1655.bl-cta .newsletter .hs-form fieldset { border: none !important; padding: 0 !important; margin: 0 !important; max-width: 100% !important; } 1656.bl-cta .newsletter .hs-form fieldset.form-columns-2 > .hs-form-field { width: 100% !important; float: none !important; } 1657.bl-cta .newsletter .hs-form .legal-consent-container p, 1658.bl-cta .newsletter .hs-form .hs-richtext p { color: rgba(238,238,255,0.4) !important; font-size: 11px !important; line-height: 1.55 !important; margin: 0 0 8px !important; } 1659.bl-cta .newsletter .hs-form .hs-form-booleancheckbox-display { color: rgba(238,238,255,0.55) !important; font-size: 12px !important; } 1660.bl-cta .newsletter .hs-form .hs_submit { margin-top: 10px !important; } 1661.bl-cta .newsletter .hs-form .hs-button { 1662 width: 100% !important; 1663 background: #1E56E3 !important; 1664 color: #fff !important; 1665 border: none !important; 1666 padding: 13px 24px !important; 1667 font-size: 12px !important; 1668 font-weight: 900 !important; 1669 font-family: Arial, Helvetica, sans-serif !important; 1670 letter-spacing: 1.5px !important; 1671 text-transform: uppercase !important; 1672 border-radius: 6px !important; 1673 cursor: pointer !important; 1674 transition: background-color 250ms ease, box-shadow 250ms ease !important; 1675 animation: btn-cta-pulse 4s ease-in-out infinite !important; 1676} 1677.bl-cta .newsletter .hs-form .hs-button:hover { 1678 background: #1743C0 !important; 1679 box-shadow: 0 8px 24px rgba(30,86,227,0.35) !important; 1680} 1681.bl-cta .newsletter .hs-error-msgs { list-style: none !important; padding: 0 !important; margin: 4px 0 0 !important; } 1682.bl-cta .newsletter .hs-error-msgs li { color: #FCA5A5 !important; font-size: 11px !important; } 1683 1684 1685/* ââ RESPONSIVE âââââââââââââââââââââââââââââ */ 1686 1687@media (max-width: 960px) { 1688 .bl-posts__layout { grid-template-columns: 1fr; } 1689 .bl-sidebar { display: none; } 1690 .bl-tag-dropdown-wrap { display: block; margin-bottom: 24px; } 1691 .bl-featured { grid-template-columns: 1fr; } 1692 .bl-featured__img, .bl-featured__img-placeholder { min-height: 200px; } 1693 .bl-grid { grid-template-columns: repeat(2, 1fr); } 1694 .bl-cta__inner { grid-template-columns: 1fr; gap: 48px; } 1695} 1696 1697@media (max-width: 640px) { 1698 .bl-hero { padding: 56px 0 48px; } 1699 .bl-grid { grid-template-columns: 1fr; } 1700 .bl-filters { top: 60px; } 1701 .bl-cta { padding: 56px 0; } 1702 .bl-featured__body { padding: 24px 20px; } 1703} 1704 1705</style> 1706 1707 1708<div class="bl-page"> 1709 1710 1711 <section class="bl-hero"> 1712 <div class="container"> 1713 <div class="bl-hero__inner"> 1714 <p class="bl-eyebrow">
1714Ambassador Blog</p> 1715 <h1 class="bl-hero__h1">Insights for <span>Revenue Teams</span></h1> 1716 <p class="bl-hero__sub"> 1717 Best practices, product updates, and strategy for enterprise teams 1718 turning customer programs into provable revenue. 1719 </p> 1720 <a class="bl-hero__cta" href="/get-a-demo/">Get Demo</a> 1721 </div> 1722 </div> 1723 </section> 1724 1725 1726 1727 <div class="bl-filters"> 1728 <div class="container"> 1729 <div class="bl-filters__inner"> 1730 <span class="bl-filters__label">Filter</span> 1731 1732 1733 <a class="bl-filter bl-filter--active" href="https://getambassador.com/blog">All</a> 1734 1735 1736 1737 1738 <a class="bl-filter" href="https://getambassador.com/blog/tag/best-practices">Best Practices</a> 1739 1740 1741 <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-advocacy">Customer Advocacy</a> 1742 1743 1744 <a class="bl-filter" href="https://getambassador.com/blog/tag/ambassador-3-0">Ambassador 3.0</a> 1745 1746 1747 <a class="bl-filter" href="https://getambassador.com/blog/tag/infographic">Infographic</a> 1748 1749 1750 <a class="bl-filter" href="https://getambassador.com/blog/tag/affiliate-marketing">Affiliate Marketing</a> 1751 1752 1753 <a class="bl-filter" href="https://getambassador.com/blog/tag/ambassador-strategy">Ambassador Strategy</a> 1754 1755 1756 <a class="bl-filter" href="https://getambassador.com/blog/tag/b2c">B2C</a> 1757 1758 1759 <a class="bl-filter" href="https://getambassador.com/blog/tag/agenticai">AgenticAI</a> 1760 1761 1762 <a class="bl-filter" href="https://getambassador.com/blog/tag/b2b">B2B</a> 1763 1764 1765 <a class="bl-filter" href="https://getambassador.com/blog/tag/analytics-measurement">Analytics & Measurement</a> 1766 1767 1768 <a class="bl-filter" href="https://getambassador.com/blog/tag/brand-ambassador">Brand Ambassador</a> 1769 1770 1771 <a class="bl-filter" href="https://getambassador.com/blog/tag/14-features">14 features)</a> 1772 1773 1774 <a class="bl-filter" href="https://getambassador.com/blog/tag/inbound-marketing">Inbound Marketing</a> 1775 1776 1777 <a class="bl-filter" href="https://getambassador.com/blog/tag/product-updates">Product Updates</a> 1778 1779 1780 <a class="bl-filter" href="https://getambassador.com/blog/tag/referral-marketing">Referral Marketing</a> 1781 1782 1783 <a class="bl-filter" href="https://getambassador.com/blog/tag/competitors-vs-ambassador">Competitors vs. Ambassador</a> 1784 1785 1786 <a class="bl-filter" href="https://getambassador.com/blog/tag/influencer-marketing">Influencer Marketing</a> 1787 1788 1789 <a class="bl-filter" href="https://getambassador.com/blog/tag/referral-software">Referral Software</a> 1790 1791 1792 <a class="bl-filter" href="https://getambassador.com/blog/tag/saas">SaaS</a> 1793 1794 1795 <a class="bl-filter" href="https://getambassador.com/blog/tag/word-of-mouth">Word-of-Mouth</a> 1796 1797 1798 <a class="bl-filter" href="https://getambassador.com/blog/tag/marketing-strategy">Marketing Strategy</a> 1799 1800 1801 <a class="bl-filter" href="https://getambassador.com/blog/tag/report">Report</a> 1802 1803 1804 <a class="bl-filter" href="https://getambassador.com/blog/tag/content-marketing">Content Marketing</a> 1805 1806 1807 <a class="bl-filter" href="https://getambassador.com/blog/tag/partner-program">Partner Program</a> 1808 1809 1810 <a class="bl-filter" href="https://getambassador.com/blog/tag/referral-program">Referral Program</a> 1811 1812 1813 <a class="bl-filter" href="https://getambassador.com/blog/tag/acquisitions">Acquisitions</a> 1814 1815 1816 <a class="bl-filter" href="https://getambassador.com/blog/tag/company-update">Company Update</a> 1817 1818 1819 <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-growth-ecosystem">Customer Growth Ecosystem</a> 1820 1821 1822 <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-growth-platform">Customer Growth Platform</a> 1823 1824 1825 <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-growth-strategy">Customer Growth Strategy</a> 1826 1827 1828 <a class="bl-filter" href="https://getambassador.com/blog/tag/ebook">Ebook</a> 1829 1830 1831 <a class="bl-filter" href="https://getambassador.com/blog/tag/enterprise-growth">Enterprise Growth</a> 1832 1833 1834 <a class="bl-filter" href="https://getambassador.com/blog/tag/how-to-use-ambassador-3-0">How to Use Ambassador 3.0</a> 1835 1836 1837 <a class="bl-filter" href="https://getambassador.com/blog/tag/roi">ROI</a> 1838 1839 1840 <a class="bl-filter" href="https://getambassador.com/blog/tag/cgmm-maturity-model">CGMM maturity model</a> 1841 1842 1843 <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-retention">Customer Retention</a> 1844 1845 1846 <a class="bl-filter" href="https://getambassador.com/blog/tag/customer-driven-growth">Customer-Driven Growth</a> 1847 1848 1849 <a class="bl-filter" href="https://getambassador.com/blog/tag/demos">Demo(s)</a> 1850 1851 1852 <a class="bl-filter" href="https://getambassador.com/blog/tag/investor-relations">Investor Relations</a> 1853 1854 1855 <a class="bl-filter" href="https://getambassador.com/blog/tag/loyalty-program">Loyalty Program</a> 1856 1857 1858 <a class="bl-filter" href="https://getambassador.com/blog/tag/pop-culture">Pop Culture</a> 1859 1860 1861 <a class="bl-filter" href="https://getambassador.com/blog/tag/social-media">Social Media</a> 1862 1863 1864 </div> 1865 </div> 1866 </div> 1867 1868 1869 1870 <section class="bl-posts"> 1871 <div class="container"> 1872 1873 1874 <div class="bl-tag-dropdown-wrap"> 1875 <select class="bl-tag-dropdown" aria-label="Filter by topic" onchange="if(this.value) window.location.href=this.value"> 1876 <option value="https://getambassador.com/blog" selected>All Posts</option> 1877 1878 1879 <option value="https://getambassador.com/blog/tag/best-practices"> 1880 Best Practices (59) 1881 </option> 1882 1883 1884 <option value="https://getambassador.com/blog/tag/customer-advocacy"> 1885 Customer Advocacy (52) 1886 </option> 1887 1888 1889 <option value="https://getambassador.com/blog/tag/ambassador-3-0"> 1890 Ambassador 3.0 (44) 1891 </option> 1892 1893 1894 <option value="https://getambassador.com/blog/tag/infographic"> 1895 Infographic (30) 1896 </option> 1897 1898 1899 <option value="https://getambassador.com/blog/tag/affiliate-marketing"> 1900 Affiliate Marketing (22) 1901 </option> 1902 1903 1904 <option value="https://getambassador.com/blog/tag/ambassador-strategy"> 1905 Ambassador Strategy (21) 1906 </option> 1907 1908 1909 <option value="https://getambassador.com/blog/tag/b2c"> 1910 B2C (21) 1911 </option> 1912 1913 1914 <option value="https://getambassador.com/blog/tag/agenticai"> 1915 AgenticAI (20) 1916 </option> 1917 1918 1919 <option value="https://getambassador.com/blog/tag/b2b"> 1920 B2B (18) 1921 </option> 1922 1923 1924 <option value="https://getambassador.com/blog/tag/analytics-measurement"> 1925 Analytics & Measurement (17) 1926 </option> 1927 1928 1929 <option value="https://getambassador.com/blog/tag/brand-ambassador"> 1930 Brand Ambassador (17) 1931 </option> 1932 1933 1934 <option value="https://getambassador.com/blog/tag/14-features"> 1935 14 features) (15) 1936 </option> 1937 1938 1939 <option value="https://getambassador.com/blog/tag/inbound-marketing">
1940 Inbound Marketing (14) 1941 </option> 1942 1943 1944 <option value="https://getambassador.com/blog/tag/product-updates"> 1945 Product Updates (9) 1946 </option> 1947 1948 1949 <option value="https://getambassador.com/blog/tag/referral-marketing"> 1950 Referral Marketing (9) 1951 </option> 1952 1953 1954 <option value="https://getambassador.com/blog/tag/competitors-vs-ambassador"> 1955 Competitors vs. Ambassador (8) 1956 </option> 1957 1958 1959 <option value="https://getambassador.com/blog/tag/influencer-marketing"> 1960 Influencer Marketing (7) 1961 </option> 1962 1963 1964 <option value="https://getambassador.com/blog/tag/referral-software"> 1965 Referral Software (7) 1966 </option> 1967 1968 1969 <option value="https://getambassador.com/blog/tag/saas"> 1970 SaaS (6) 1971 </option> 1972 1973 1974 <option value="https://getambassador.com/blog/tag/word-of-mouth"> 1975 Word-of-Mouth (6) 1976 </option> 1977 1978 1979 <option value="https://getambassador.com/blog/tag/marketing-strategy"> 1980 Marketing Strategy (5) 1981 </option> 1982 1983 1984 <option value="https://getambassador.com/blog/tag/report"> 1985 Report (5) 1986 </option> 1987 1988 1989 <option value="https://getambassador.com/blog/tag/content-marketing"> 1990 Content Marketing (4) 1991 </option> 1992 1993 1994 <option value="https://getambassador.com/blog/tag/partner-program"> 1995 Partner Program (4) 1996 </option> 1997 1998 1999 <option value="https://getambassador.com/blog/tag/referral-program"> 2000 Referral Program (4) 2001 </option> 2002 2003 2004 <option value="https://getambassador.com/blog/tag/acquisitions"> 2005 Acquisitions (3) 2006 </option> 2007 2008 2009 <option value="https://getambassador.com/blog/tag/company-update"> 2010 Company Update (3) 2011 </option> 2012 2013 2014 <option value="https://getambassador.com/blog/tag/customer-growth-ecosystem"> 2015 Customer Growth Ecosystem (2) 2016 </option> 2017 2018 2019 <option value="https://getambassador.com/blog/tag/customer-growth-platform"> 2020 Customer Growth Platform (2) 2021 </option> 2022 2023 2024 <option value="https://getambassador.com/blog/tag/customer-growth-strategy"> 2025 Customer Growth Strategy (2) 2026 </option> 2027 2028 2029 <option value="https://getambassador.com/blog/tag/ebook"> 2030 Ebook (2) 2031 </option> 2032 2033 2034 <option value="https://getambassador.com/blog/tag/enterprise-growth"> 2035 Enterprise Growth (2) 2036 </option> 2037 2038 2039 <option value="https://getambassador.com/blog/tag/how-to-use-ambassador-3-0"> 2040 How to Use Ambassador 3.0 (2) 2041 </option> 2042 2043 2044 <option value="https://getambassador.com/blog/tag/roi"> 2045 ROI (2) 2046 </option> 2047 2048 2049 <option value="https://getambassador.com/blog/tag/cgmm-maturity-model"> 2050 CGMM maturity model (1) 2051 </option> 2052 2053 2054 <option value="https://getambassador.com/blog/tag/customer-retention"> 2055 Customer Retention (1) 2056 </option> 2057 2058 2059 <option value="https://getambassador.com/blog/tag/customer-driven-growth"> 2060 Customer-Driven Growth (1) 2061 </option> 2062 2063 2064 <option value="https://getambassador.com/blog/tag/demos"> 2065 Demo(s) (1) 2066 </option> 2067 2068 2069 <option value="https://getambassador.com/blog/tag/investor-relations"> 2070 Investor Relations (1) 2071 </option> 2072 2073 2074 <option value="https://getambassador.com/blog/tag/loyalty-program"> 2075 Loyalty Program (1) 2076 </option> 2077 2078 2079 <option value="https://getambassador.com/blog/tag/pop-culture"> 2080 Pop Culture (1) 2081 </option> 2082 2083 2084 <option value="https://getambassador.com/blog/tag/social-media"> 2085 Social Media (1) 2086 </option> 2087 2088 </select> 2089 </div> 2090 2091 <div class="bl-posts__layout"> 2092 2093 2094 <div class="bl-posts__main"> 2095 2096 2097 2098 2099 <a class="bl-featured" href="https://getambassador.com/blog/signals-got-a-5b-price-tag.-yours-are-sitting-in-a-report"> 2100 2101 2102 <img class="bl-featured__img" src="https://getambassador.com/hubfs/F_blog-header-signal-fired_20260928.png" alt="Signals Got a $5B Price Tag. Yours Are Sitting in a Report." loading="lazy"> 2103 2104 2105 <div class="bl-featured__body"> 2106
2107 <span class="bl-featured__badge">Ambassador 3.0</span> 2108 2109 2110 <h2 class="bl-featured__title">Signals Got a $5B Price Tag. Yours Are Sitting in a Report.</h2> 2111 2112 2113 <p class="bl-featured__excerpt">-By Geoff McDonald, CEO, Ambassador</p> 2114 2115 2116 <div class="bl-featured__meta"> 2117 <span></span> 2118 <span class="bl-featured__meta-dot">·</span> 2119 <span>Sep 28, 2026, 2:06:40â¯PM</span> 2120 </div> 2121 <span class="bl-featured__read-more">Read Article</span> 2122 </div> 2123 2124 </a> 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141 2142 2143 2144 2145 2146 2147 <div class="bl-grid"> 2148 2149 2150 2151 2152 <a class="bl-card" href="https://getambassador.com/blog/we-got-slower-first"> 2153 2154 2155 <img class="bl-card__img" src="https://getambassador.com/hubfs/E_more-than-4x_20260925.png" alt="We Got Slower First" loading="lazy"> 2156 2157 2158 <div class="bl-card__body"> 2159 2160 <div class="bl-card__tag">Affiliate Marketing</div> 2161 2162 <h3 class="bl-card__title">We Got Slower First</h3> 2163 2164 <p class="bl-card__excerpt">-By Geoff McDonald, CEO, Ambassador</p> 2165 2166 <div class="bl-card__meta"> 2167 <span></span> 2168 <span class="bl-card__meta-dot">·</span> 2169 <span>Sep 25, 2026, 11:52:49â¯AM</span> 2170 </div> 2171 </div> 2172 2173 </a> 2174 2175 2176 2177 <a class="bl-card" href="https://getambassador.com/blog/the-budget-opened.-the-decision-froze"> 2178 2179 2180 <img class="bl-card__img" src="https://getambassador.com/hubfs/F_budget-opened-decision-froze_20260921.png" alt="The Budget Opened. The Decision Froze." loading="lazy"> 2181 2182 2183 <div class="bl-card__body"> 2184 2185 <div class="bl-card__tag">Affiliate Marketing</div> 2186 2187 <h3 class="bl-card__title">The Budget Opened. The Decision Froze.</h3> 2188 2189 <p class="bl-card__excerpt">-By Geoff McDonald, CEO, Ambassador</p> 2190 2191 <div class="bl-card__meta"> 2192 <span></span> 2193 <span class="bl-card__meta-dot">·</span> 2194 <span>Sep 21, 2026, 12:26:48â¯PM</span> 2195 </div> 2196 </div> 2197 2198 </a> 2199 2200 2201 2202 <a class="bl-card" href="https://getambassador.com/blog/what-is-new-in-ambassador-attribution-that-survives-ad-blockers-and-brand-consistency-in-one-step"> 2203 2204 2205 <img class="bl-card__img" src="https://getambassador.com/hubfs/BLOG-PRD-HERO_referral-vanishes_20260915.png" alt="What is new in Ambassador: attribution that survives ad blockers, and brand consistency in one step" loading="lazy"> 2206 2207 2208 <div class="bl-card__body"> 2209 2210 <div class="bl-card__tag">Ambassador 3.0</div> 2211 2212 <h3 class="bl-card__title">What is new in Ambassador: attribution that survives ad blockers, and brand consistency in one step</h3> 2213 2214 <p class="bl-card__excerpt">-Geoff McDonald Two updates that go straight at the same problem: making sure the credit you earn actually shows up, and the experience your customers see ...</p> 2215 2216 <div class="bl-card__meta">
2217 <span></span> 2218 <span class="bl-card__meta-dot">·</span> 2219 <span>Sep 18, 2026, 4:02:49â¯PM</span> 2220 </div> 2221 </div> 2222 2223 </a> 2224 2225 2226 2227 <a class="bl-card" href="https://getambassador.com/blog/growth-stopped-being-a-funnel.-here-is-how-the-best-operators-think-about-it-now"> 2228 2229 2230 <img class="bl-card__img" src="https://getambassador.com/hubfs/BLOG-MKT-HERO_funnel-vs-loop_20260915.png" alt="Growth stopped being a funnel. Here is how the best operators think about it now." loading="lazy"> 2231 2232 2233 <div class="bl-card__body"> 2234 2235 <div class="bl-card__tag">Brand Ambassador</div> 2236 2237 <h3 class="bl-card__title">Growth stopped being a funnel. Here is how the best operators think about it now.</h3> 2238 2239 <p class="bl-card__excerpt">-Geoff McDonald, CEO Ambassador</p> 2240 2241 <div class="bl-card__meta"> 2242 <span></span> 2243 <span class="bl-card__meta-dot">·</span> 2244 <span>Sep 15, 2026, 11:54:05â¯AM</span> 2245 </div> 2246 </div> 2247 2248 </a> 2249 2250 2251 2252 <a class="bl-card" href="https://getambassador.com/blog/the-seat-is-dying-as-a-billing-unit.-here-is-what-replaces-it-and-why-it-changes-everything-about-measurement"> 2253 2254 2255 <img class="bl-card__img" src="https://getambassador.com/hubfs/BLOG-MKT-HERO_seat-decline_20260915-1.png" alt="The seat is dying as a billing unit. Here is what replaces it, and why it changes everything about measurement." loading="lazy"> 2256 2257 2258 <div class="bl-card__body"> 2259 2260 <div class="bl-card__tag">Best Practices</div> 2261 2262 <h3 class="bl-card__title">The seat is dying as a billing unit. Here is what replaces it, and why it changes everything about measurement.</h3> 2263 2264 <p class="bl-card__excerpt">By Geoff McDonald, CEO of Ambassador</p> 2265 2266 <div class="bl-card__meta"> 2267 <span></span> 2268 <span class="bl-card__meta-dot">·</span> 2269 <span>Sep 15, 2026, 11:34:30â¯AM</span> 2270 </div> 2271 </div> 2272 2273 </a> 2274 2275 2276 2277 <a class="bl-card" href="https://getambassador.com/blog/everyone-starts-with-advocacy.-then-it-stalls"> 2278 2279 2280 <img class="bl-card__img" src="https://getambassador.com/hubfs/01-header.png" alt="Everyone starts with advocacy. Then it stalls." loading="lazy"> 2281 2282 2283 <div class="bl-card__body"> 2284 2285 <div class="bl-card__tag">Best Practices</div> 2286 2287 <h3 class="bl-card__title">Everyone starts with advocacy. Then it stalls.</h3> 2288 2289 <p class="bl-card__excerpt">-Geoff McDonald (CEO)</p> 2290 2291 <div class="bl-card__meta"> 2292 <span></span> 2293 <span class="bl-card__meta-dot">·</span> 2294 <span>Sep 4, 2026, 10:48:45â¯AM</span> 2295 </div> 2296 </div> 2297 2298 </a> 2299 2300 2301 2302 <a class="bl-card" href="https://getambassador.com/blog/your-ad-spend-just-got-a-memory-programmatic-is-live-inside-the-customer-lifecycle-operating-system"> 2303 2304 2305 <img class="bl-card__img" src="https://getambassador.com/hubfs/E_programmatic-launch-waste_20260825.png" alt="Your Ad Spend Just Got a Memory: Programmatic Is Live Inside The Customer Lifecycle Operating System" loading="lazy"> 2306 2307 2308 <div class="bl-card__body"> 2309 2310 <div class="bl-card__tag">
2310Ambassador 3.0</div> 2311 2312 <h3 class="bl-card__title">Your Ad Spend Just Got a Memory: Programmatic Is Live Inside The Customer Lifecycle Operating System</h3> 2313 2314 <p class="bl-card__excerpt">"We don't even get these kinds of results from The Trade Desk... this is the best-performing programmatic we have had... we are going to continue to increase ...</p> 2315 2316 <div class="bl-card__meta"> 2317 <span></span> 2318 <span class="bl-card__meta-dot">·</span> 2319 <span>Aug 26, 2026, 3:37:57â¯PM</span> 2320 </div> 2321 </div> 2322 2323 </a> 2324 2325 2326 2327 <a class="bl-card" href="https://getambassador.com/blog/i-expected-the-ai-native-companies-to-be-years-ahead-on-pricing.-they-are-not-even-close"> 2328 2329 2330 <img class="bl-card__img" src="https://getambassador.com/hubfs/Screenshot%202026-08-19%20at%2012.09.42%20PM.png" alt="I Expected the AI-Native Companies to Be Years Ahead on Pricing. They Are Not Even Close." loading="lazy"> 2331 2332 2333 <div class="bl-card__body"> 2334 2335 <div class="bl-card__tag">Best Practices</div> 2336 2337 <h3 class="bl-card__title">I Expected the AI-Native Companies to Be Years Ahead on Pricing. They Are Not Even Close.</h3> 2338 2339 <p class="bl-card__excerpt">What I heard on a monetization webinar this week changed how I think about our competitive position. Not incrementally. Completely.</p> 2340 2341 <div class="bl-card__meta"> 2342 <span></span> 2343 <span class="bl-card__meta-dot">·</span> 2344 <span>Aug 19, 2026, 3:24:40â¯PM</span> 2345 </div> 2346 </div> 2347 2348 </a> 2349 2350 2351 2352 <a class="bl-card" href="https://getambassador.com/blog/the-market-repriced-software.-here-is-what-we-are-shipping-for-it"> 2353 2354 2355 <img class="bl-card__img" src="https://getambassador.com/hubfs/Screenshot%202026-08-17%20at%203.46.51%20PM.png" alt="The Market Repriced Software. Here Is What We Are Shipping For It." loading="lazy"> 2356 2357 2358 <div class="bl-card__body"> 2359 2360 <div class="bl-card__tag">Best Practices</div> 2361 2362 <h3 class="bl-card__title">The Market Repriced Software. Here Is What We Are Shipping For It.</h3> 2363 2364 <p class="bl-card__excerpt">By Geoff McDonald, CEO, Ambassador</p> 2365 2366 <div class="bl-card__meta"> 2367 <span></span> 2368 <span class="bl-card__meta-dot">·</span> 2369 <span>Aug 17, 2026, 6:49:48â¯PM</span> 2370 </div> 2371 </div> 2372 2373 </a> 2374 2375 2376 </div> 2377 2378 2379 2380 2381 </div> 2382 2383 2384 2385 <aside class="bl-sidebar" aria-label="Browse by topic"> 2386 2387 <div class="bl-sidebar__section"> 2388 <p class="bl-sidebar__heading">Browse by Topic</p> 2389 2390 <div class="bl-tag-cloud"> 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 <a href="https://getambassador.com/blog/tag/best-practices" class="bl-cloud-tag bl-cloud-tag--lg" title="59 posts"> 2401 Best Practices 2402 <span class="bl-cloud-tag__count">59</span> 2403 </a> 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 <a href="https://getambassador.com/blog/tag/customer-advocacy" class="bl-cloud-tag bl-cloud-tag--lg" title="52 posts"> 2415 Customer Advocacy
2416 <span class="bl-cloud-tag__count">52</span> 2417 </a> 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 <a href="https://getambassador.com/blog/tag/ambassador-3-0" class="bl-cloud-tag bl-cloud-tag--lg" title="44 posts"> 2429 Ambassador 3.0 2430 <span class="bl-cloud-tag__count">44</span> 2431 </a> 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 <a href="https://getambassador.com/blog/tag/infographic" class="bl-cloud-tag bl-cloud-tag--lg" title="30 posts"> 2443 Infographic 2444 <span class="bl-cloud-tag__count">30</span> 2445 </a> 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 <a href="https://getambassador.com/blog/tag/affiliate-marketing" class="bl-cloud-tag bl-cloud-tag--lg" title="22 posts"> 2457 Affiliate Marketing 2458 <span class="bl-cloud-tag__count">22</span> 2459 </a> 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 <a href="https://getambassador.com/blog/tag/ambassador-strategy" class="bl-cloud-tag bl-cloud-tag--lg" title="21 posts"> 2471 Ambassador Strategy 2472 <span class="bl-cloud-tag__count">21</span> 2473 </a> 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 <a href="https://getambassador.com/blog/tag/b2c" class="bl-cloud-tag bl-cloud-tag--lg" title="21 posts"> 2485 B2C 2486 <span class="bl-cloud-tag__count">21</span> 2487 </a> 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 <a href="https://getambassador.com/blog/tag/agenticai" class="bl-cloud-tag bl-cloud-tag--lg" title="20 posts"> 2499 AgenticAI 2500 <span class="bl-cloud-tag__count">20</span> 2501 </a> 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 <a href="https://getambassador.com/blog/tag/b2b" class="bl-cloud-tag bl-cloud-tag--lg" title="18 posts"> 2513 B2B 2514 <span class="bl-cloud-tag__count">18</span> 2515 </a> 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 <a href="https://getambassador.com/blog/tag/analytics-measurement" class="bl-cloud-tag bl-cloud-tag--lg" title="17 posts"> 2527 Analytics & Measurement 2528 <span class="bl-cloud-tag__count">17</span> 2529 </a> 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 <a href="https://getambassador.com/blog/tag/brand-ambassador" class="bl-cloud-tag bl-cloud-tag--lg" title="17 posts"> 2541 Brand Ambassador 2542 <span class="bl-cloud-tag__count">17</span> 2543 </a> 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 <a href="https://getambassador.com/blog/tag/14-features" class="bl-cloud-tag bl-cloud-tag--lg" title="15 posts"> 2555 14 features) 2556 <span class="bl-cloud-tag__count">15</span> 2557 </a> 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 <a href="https://getambassador.com/blog/tag/inbound-marketing" class="bl-cloud-tag bl-cloud-tag--lg" title="14 posts"> 2569 Inbound Marketing 2570 <span class="bl-cloud-tag__count">14</span> 2571 </a> 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 <a href="https://getambassador.com/blog/tag/product-updates" class="bl-cloud-tag bl-cloud-tag--md" title="9 posts"> 2583 Product Updates
2584 <span class="bl-cloud-tag__count">9</span> 2585 </a> 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 <a href="https://getambassador.com/blog/tag/referral-marketing" class="bl-cloud-tag bl-cloud-tag--md" title="9 posts"> 2597 Referral Marketing 2598 <span class="bl-cloud-tag__count">9</span> 2599 </a> 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 <a href="https://getambassador.com/blog/tag/competitors-vs-ambassador" class="bl-cloud-tag bl-cloud-tag--md" title="8 posts"> 2611 Competitors vs. Ambassador 2612 <span class="bl-cloud-tag__count">8</span> 2613 </a> 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 <a href="https://getambassador.com/blog/tag/influencer-marketing" class="bl-cloud-tag bl-cloud-tag--md" title="7 posts"> 2625 Influencer Marketing 2626 <span class="bl-cloud-tag__count">7</span> 2627 </a> 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 <a href="https://getambassador.com/blog/tag/referral-software" class="bl-cloud-tag bl-cloud-tag--md" title="7 posts"> 2639 Referral Software 2640 <span class="bl-cloud-tag__count">7</span> 2641 </a> 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 <a href="https://getambassador.com/blog/tag/saas" class="bl-cloud-tag bl-cloud-tag--md" title="6 posts"> 2653 SaaS 2654 <span class="bl-cloud-tag__count">6</span> 2655 </a> 2656 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 <a href="https://getambassador.com/blog/tag/word-of-mouth" class="bl-cloud-tag bl-cloud-tag--md" title="6 posts"> 2667 Word-of-Mouth 2668 <span class="bl-cloud-tag__count">6</span> 2669 </a> 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 <a href="https://getambassador.com/blog/tag/marketing-strategy" class="bl-cloud-tag bl-cloud-tag--md" title="5 posts"> 2681 Marketing Strategy 2682 <span class="bl-cloud-tag__count">5</span> 2683 </a> 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 <a href="https://getambassador.com/blog/tag/report" class="bl-cloud-tag bl-cloud-tag--md" title="5 posts"> 2695 Report 2696 <span class="bl-cloud-tag__count">5</span> 2697 </a> 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 <a href="https://getambassador.com/blog/tag/content-marketing" class="bl-cloud-tag bl-cloud-tag--md" title="4 posts"> 2709 Content Marketing 2710 <span class="bl-cloud-tag__count">4</span> 2711 </a> 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 <a href="https://getambassador.com/blog/tag/partner-program" class="bl-cloud-tag bl-cloud-tag--md" title="4 posts"> 2723 Partner Program 2724 <span class="bl-cloud-tag__count">4</span> 2725 </a> 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 <a href="https://getambassador.com/blog/tag/referral-program" class="bl-cloud-tag bl-cloud-tag--md" title="4 posts"> 2737 Referral Program
2738 <span class="bl-cloud-tag__count">4</span> 2739 </a> 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749 2750 <a href="https://getambassador.com/blog/tag/acquisitions" class="bl-cloud-tag bl-cloud-tag--sm" title="3 posts"> 2751 Acquisitions 2752 <span class="bl-cloud-tag__count">3</span> 2753 </a> 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 <a href="https://getambassador.com/blog/tag/company-update" class="bl-cloud-tag bl-cloud-tag--sm" title="3 posts"> 2765 Company Update 2766 <span class="bl-cloud-tag__count">3</span> 2767 </a> 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 <a href="https://getambassador.com/blog/tag/customer-growth-ecosystem" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts"> 2779 Customer Growth Ecosystem 2780 <span class="bl-cloud-tag__count">2</span> 2781 </a> 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 <a href="https://getambassador.com/blog/tag/customer-growth-platform" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts"> 2793 Customer Growth Platform 2794 <span class="bl-cloud-tag__count">2</span> 2795 </a> 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 <a href="https://getambassador.com/blog/tag/customer-growth-strategy" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts"> 2807 Customer Growth Strategy 2808 <span class="bl-cloud-tag__count">2</span> 2809 </a> 2810 2811 2812 2813 2814 2815 2816 2817 2818 2819 2820 <a href="https://getambassador.com/blog/tag/ebook" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts"> 2821 Ebook 2822 <span class="bl-cloud-tag__count">2</span> 2823 </a> 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 <a href="https://getambassador.com/blog/tag/enterprise-growth" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts"> 2835 Enterprise Growth 2836 <span class="bl-cloud-tag__count">2</span> 2837 </a> 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 <a href="https://getambassador.com/blog/tag/how-to-use-ambassador-3-0" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts"> 2849 How to Use Ambassador 3.0 2850 <span class="bl-cloud-tag__count">2</span> 2851 </a> 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 <a href="https://getambassador.com/blog/tag/roi" class="bl-cloud-tag bl-cloud-tag--sm" title="2 posts"> 2863 ROI 2864 <span class="bl-cloud-tag__count">2</span> 2865 </a> 2866 2867 2868 2869 2870 2871 2872 2873 2874 2875 2876 <a href="https://getambassador.com/blog/tag/cgmm-maturity-model" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post"> 2877 CGMM maturity model 2878 <span class="bl-cloud-tag__count">1</span> 2879 </a> 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 <a href="https://getambassador.com/blog/tag/customer-retention" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post"> 2891 Customer Retention
2892 <span class="bl-cloud-tag__count">1</span> 2893 </a> 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 <a href="https://getambassador.com/blog/tag/customer-driven-growth" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post"> 2905 Customer-Driven Growth 2906 <span class="bl-cloud-tag__count">1</span> 2907 </a> 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 <a href="https://getambassador.com/blog/tag/demos" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post"> 2919 Demo(s) 2920 <span class="bl-cloud-tag__count">1</span> 2921 </a> 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 <a href="https://getambassador.com/blog/tag/investor-relations" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post"> 2933 Investor Relations 2934 <span class="bl-cloud-tag__count">1</span> 2935 </a> 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 <a href="https://getambassador.com/blog/tag/loyalty-program" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post"> 2947 Loyalty Program 2948 <span class="bl-cloud-tag__count">1</span> 2949 </a> 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 <a href="https://getambassador.com/blog/tag/pop-culture" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post"> 2961 Pop Culture 2962 <span class="bl-cloud-tag__count">1</span> 2963 </a> 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 <a href="https://getambassador.com/blog/tag/social-media" class="bl-cloud-tag bl-cloud-tag--sm" title="1 post"> 2975 Social Media 2976 <span class="bl-cloud-tag__count">1</span> 2977 </a> 2978 2979 2980 </div> 2981 2982 <a class="bl-cloud-all" href="https://getambassador.com/blog">All Posts</a> 2983 </div> 2984 2985 </aside> 2986 2987 </div> 2988 2989 </div> 2990 </section> 2991 2992 2993 2994 <section class="bl-cta"> 2995 <div class="container"> 2996 <div class="bl-cta__inner"> 2997 2998 <div> 2999 <p class="bl-cta__eyebrow">Stay Current</p> 3000 <h2 class="bl-cta__h2">Free Resources. <span>Straight to Your Inbox.</span></h2> 3001 <p class="bl-cta__body"> 3002 Sign up for the Ambassador newsletter and get notified when we publish new eBooks, 3003 case studies, blog posts and more. Strategy for revenue teams who need the number to be right. 3004 </p> 3005 <p class="bl-cta__note">No spam. Unsubscribe anytime.</p> 3006 </div> 3007 3008 <div class="newsletter"> 3009 <div id="hs_cos_wrapper_bl_newsletter_form" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 3010 3011 3012 3013 3014 3015 3016 <span id="hs_cos_wrapper_bl_newsletter_form_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"> 3017<div id="hs_form_target_bl_newsletter_form" class="hs-form-html" data-form-id="522108c6-f111-419d-bf30-5cf7a4094086" data-portal-id="244219189" data-region="na2"></div> 3018 3019 3020 3021 3022</span> 3023</div> 3024 </div> 3025 3026 </div> 3027 </div> 3028 </section> 3029 3030</div> 3031 3032 3033 </main> 3034 3035 3036 <!-- 3037 ======================================================================== 3038 SOURCE OF TRUTH: GitHub repo ambassador-website 3039 Path: src/templates/partials/footer.html (branch: main) 3040 3041 DO NOT EDIT IN DESIGN MANAGER OR VIA THE CLAUDE / HUBSPOT MCP CONNECTOR. 3042 Changes made here will be overwritten on the next deploy from git. 3043 For changes, open a PR in the repo or ping Ethan in Slack. 3044 ======================================================================== 3045--> 3046<style> 3047/* ============== FOOTER â compact directory style ============== 3048 Trimmed vertical rhythm vs the prior version (~45% less total height) 3049 so the footer fits in roughly one scroll. All link wiring + HubSpot 3050 tokens + SOC image preserved. 3051================================================================ */ 3052 3053.amb-footer { 3054 background: #0F1F3D; 3055 color: rgba(255, 255, 255, 0.65); 3056 padding: 40px 48px 20px; 3057 font-family: 'DM Sans', sans-serif; 3058 font-size: 13px; 3059 line-height: 1.5; 3060 border-top: 1px solid rgba(255, 255, 255, 0.06); 3061} 3062.amb-footer__grid { 3063 max-width: 1400px; 3064 margin: 0 auto; 3065 display: grid; 3066 grid-template-columns: 1.2fr 1.4fr 1fr 1fr; 3067 gap: 32px; 3068 padding-bottom: 28px; 3069} 3070 3071/* Brand column -- left-aligned stack so the logo, tagline, socials, and 3072 G2 banner share one matching left edge. The tagline, socials, and G2 3073 banner are all width-locked to 180px. */ 3074.amb-footer__brand { 3075 display: flex; 3076 flex-direction: column; 3077 align-items: flex-start; 3078} 3079.amb-footer__brand-mark { 3080 display: flex; 3081 align-items: center; 3082 gap: 8px; 3083 margin-bottom: 12px; 3084 text-decoration: none; 3085} 3086.amb-footer__brand-mark .brand-mark { 3087 width: 28px; 3088 height: 28px; 3089 flex-shrink: 0; 3090} 3091.amb-footer__brand-mark .wordmark { 3092 font-family: 'Raleway', sans-serif; 3093 font-size: 14px; 3094 font-weight: 800; 3095 letter-spacing: 0.18em; 3096 color: #ffffff; 3097} 3098.amb-footer__tagline { 3099 font-size: 12.5px; 3100 color: rgba(255, 255, 255, 0.55); 3101 line-height: 1.45; 3102 margin: 0 0 14px; 3103 width: 180px; 3104 max-width: 100%; 3105} 3106/* Socials row -- width-locked to match the G2 banner below so outer chip 3107 edges align flush with the banner's edges and the middle chip falls dead 3108 center. */ 3109.amb-footer__socials { 3110 display: flex; 3111 justify-content: space-between; 3112 align-items: center; 3113 width: 180px; 3114 max-width: 100%; 3115} 3116.amb-footer__social { 3117 position: relative; 3118 display: inline-flex; 3119 align-items: center; 3120 justify-content: center; 3121 width: 40px; 3122 height: 40px; 3123 border-radius: 8px; 3124 border: 1px solid rgba(255,255,255,0.15); 3125 box-shadow: 0 4px 12px rgba(0,0,0,0.25); 3126 overflow: hidden; 3127 cursor: pointer; 3128 text-decoration: none; 3129 color: #ffffff; 3130 transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease; 3131} 3132.amb-footer__social svg { 3133 width: 17px; 3134 height: 17px; 3135 position: relative; 3136 z-index: 1; 3137 color: #ffffff; 3138} 3139/* Shine sweep: translucent diagonal band slides L->R on hover */ 3140.amb-footer__social::before { 3141 content: ''; 3142 position: absolute; 3143 inset: 0; 3144 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent); 3145 transform: translateX(-100%); 3146 transition: transform 0.7s ease; 3147 pointer-events: none; 3148} 3149.amb-footer__social:hover::before { transform: translateX(100%); } 3150.amb-footer__social:hover { transform: translateY(-2px) scale(1.06); } 3151.amb-footer__social:active { transform: translateY(0) scale(0.97); } 3152 3153/* LinkedIn -- muted brand blue at rest, full brand blue on hover */ 3154.amb-footer__social--linkedin { 3155 background: #0F3D6B; 3156 border-color: rgba(10, 102, 194, 0.5); 3157 box-shadow: 0 4px 10px rgba(10, 102, 194, 0.18); 3158} 3159.amb-footer__social--linkedin:hover { 3160 background: #0A66C2; 3161 border-color: rgba(10, 102, 194, 0.9); 3162 box-shadow: 0 8px 22px rgba(10, 102, 194, 0.45); 3163} 3164 3165/* Instagram -- desaturated diagonal gradient at rest, full saturation on hover */ 3166.amb-footer__social--instagram { 3167 background: linear-gradient(45deg, #8C5A23 0%, #8A3E25 25%, #7E1B2D 50%, #74173B 75%, #6B164E 100%); 3168 border-color: rgba(220, 39, 67, 0.5); 3169 box-shadow: 0 4px 10px rgba(220, 39, 67, 0.18); 3170} 3171.amb-footer__social--instagram:hover { 3172 background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%); 3173 border-color: rgba(220, 39, 67, 0.9); 3174 box-shadow: 0 8px 22px rgba(220, 39, 67, 0.45); 3175} 3176 3177/* YouTube -- muted brand red at rest, full brand red on hover */ 3178.amb-footer__social--youtube { 3179 background: #8B1010; 3180 border-color: rgba(255, 0, 0, 0.5); 3181 box-shadow: 0 4px 10px rgba(255, 0, 0, 0.18); 3182} 3183.amb-footer__social--youtube:hover { 3184 background: #FF0000; 3185 border-color: rgba(255, 0, 0, 0.9); 3186 box-shadow: 0 8px 22px rgba(255, 0, 0, 0.45); 3187} 3188 3189/* Facebook -- muted brand blue at rest, full brand blue on hover */ 3190.amb-footer__social--facebook { 3191 background: #123A6E; 3192 border-color: rgba(24, 119, 242, 0.5); 3193 box-shadow: 0 4px 10px rgba(24, 119, 242, 0.18); 3194} 3195.amb-footer__social--facebook:hover { 3196 background: #1877F2; 3197 border-color: rgba(24, 119, 242, 0.9); 3198 box-shadow: 0 8px 22px rgba(24, 119, 242, 0.45); 3199} 3200 3201/* Review badges (G2 + Capterra) -- same glass + shine + lift as the social 3202 chips, tinted toward Ambassador's blue->
3202purple gradient. Each wrapper <a> 3203 carries the routing to its review profile; styling does not affect the href. 3204 Both are width-locked to 180px so they stack flush with the socials row. */ 3205.amb-footer__g2, 3206.amb-footer__capterra { 3207 position: relative; 3208 display: block; 3209 margin-top: 14px; 3210 width: 180px; 3211 max-width: 100%; 3212 border-radius: 8px; 3213 border: 1px solid rgba(59, 99, 232, 0.5); 3214 box-shadow: 0 4px 14px rgba(26, 59, 174, 0.3); 3215 overflow: hidden; 3216 text-decoration: none; 3217 line-height: 0; 3218 transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; 3219} 3220/* Capterra sits directly under the G2 banner -- tighter gap between the pair. */ 3221.amb-footer__capterra { margin-top: 10px; } 3222.amb-footer__g2::before, 3223.amb-footer__capterra::before { 3224 content: ''; 3225 position: absolute; 3226 inset: 0; 3227 /* Sits in front of the badge image (z-index: 2) so the sheen is 3228 visible over the banner artwork, not hidden behind it. */ 3229 z-index: 2; 3230 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent); 3231 transform: translateX(-100%); 3232 transition: transform 0.7s ease; 3233 pointer-events: none; 3234} 3235.amb-footer__g2:hover::before, 3236.amb-footer__capterra:hover::before { transform: translateX(100%); } 3237.amb-footer__g2:hover, 3238.amb-footer__capterra:hover { 3239 transform: translateY(-2px) scale(1.04); 3240 border-color: rgba(59, 99, 232, 0.8); 3241 box-shadow: 0 8px 24px rgba(26, 59, 174, 0.45); 3242} 3243.amb-footer__g2:active, 3244.amb-footer__capterra:active { transform: translateY(0) scale(0.98); } 3245.amb-footer__g2 img, 3246.amb-footer__capterra img { 3247 display: block; 3248 width: 100%; 3249 height: auto; 3250 position: relative; 3251 z-index: 1; 3252} 3253 3254/* Link columns */ 3255.amb-footer__col-title { 3256 font-size: 10px; 3257 letter-spacing: 0.18em; 3258 text-transform: uppercase; 3259 color: rgba(255, 255, 255, 0.85); 3260 font-weight: 600; 3261 margin: 0 0 10px; 3262} 3263.amb-footer__subgroup { 3264 margin-bottom: 11px; 3265} 3266.amb-footer__subgroup:last-child { margin-bottom: 0; } 3267.amb-footer__sub-eyebrow { 3268 display: block; 3269 font-size: 9px; 3270 letter-spacing: 0.18em; 3271 text-transform: uppercase; 3272 font-weight: 600; 3273 margin-bottom: 4px; 3274} 3275a.amb-footer__sub-eyebrow { 3276 text-decoration: none; 3277 cursor: pointer; 3278 transition: text-shadow 0.2s ease, transform 0.2s ease, color 0.2s ease; 3279} 3280a.amb-footer__sub-eyebrow:hover { transform: translateX(2px); } 3281a.amb-footer__sub-eyebrow.is-grow:hover { text-shadow: 0 0 12px rgba(7, 228, 158, 0.7); } 3282a.amb-footer__sub-eyebrow.is-keep:hover { text-shadow: 0 0 12px rgba(247, 162, 95, 0.7); } 3283a.amb-footer__sub-eyebrow.is-prove:hover { text-shadow: 0 0 12px rgba(59, 99, 232, 0.8); } 3284.amb-footer__sub-eyebrow.is-grow { color: #07E49E; } 3285.amb-footer__sub-eyebrow.is-keep { color: #F7A25F; } 3286.amb-footer__sub-eyebrow.is-prove { color: #3B63E8; } 3287.amb-footer__sub-eyebrow.is-overview { color: #3B63E8; } 3288.amb-footer__sub-eyebrow.is-by-industry { color: #3B63E8; } 3289.amb-footer__sub-eyebrow.is-by-strategy { color: #3B63E8; } 3290.amb-footer__sub-eyebrow.is-by-program-type { color: #3B63E8; } 3291 3292.amb-footer ul { 3293 list-style: none; 3294 margin: 0; 3295 padding: 0; 3296 display: flex; 3297 flex-direction: column; 3298 gap: 3.5px; 3299} 3300.amb-footer ul a { 3301 color: rgba(255, 255, 255, 0.62); 3302 text-decoration: none; 3303 font-size: 12.5px; 3304 font-weight: 400; 3305 transition: color 0.2s ease; 3306 display: inline-flex; 3307 align-items: center; 3308 gap: 6px; 3309} 3310.amb-footer ul a:hover { color: #ffffff; } 3311 3312/* "Join our influencer program" callout pill -- green-tinted secondary action 3313 on the dark footer, on-dark green per brand v2.2. */ 3314.amb-footer ul a.amb-footer__callout { 3315 margin-top: 4px; 3316 padding: 5px 10px; 3317 background: rgba(7, 228, 158, 0.08); 3318 border: 1px solid rgba(7, 228, 158, 0.35); 3319 border-radius: 999px; 3320 color: #07E49E; 3321 font-size: 12px; 3322 font-weight: 600; 3323 letter-spacing: 0.02em; 3324 white-space: nowrap; 3325 align-self: flex-start; 3326 transition: background 0.2s ease, border-color 0.2s ease; 3327} 3328.amb-footer ul a.amb-footer__callout::after { 3329 content: '\2192'; 3330 font-weight: 700; 3331 transition: transform 0.18s ease; 3332} 3333.amb-footer ul a.amb-footer__callout:hover {
3334 color: #07E49E; 3335 background: rgba(7, 228, 158, 0.14); 3336 border-color: rgba(7, 228, 158, 0.55); 3337} 3338.amb-footer ul a.amb-footer__callout:hover::after { transform: translateX(2px); } 3339.amb-footer .nav-muted { 3340 display: inline-flex; 3341 align-items: center; 3342 gap: 6px; 3343 font-size: 12.5px; 3344 font-weight: 400; 3345 color: rgba(255, 255, 255, 0.35); 3346 cursor: default; 3347} 3348.amb-footer .badge-soon { 3349 display: inline-block; 3350 font-size: 9px; 3351 font-weight: 600; 3352 letter-spacing: 0.12em; 3353 text-transform: uppercase; 3354 padding: 2px 6px; 3355 border-radius: 100px; 3356 background: rgba(255, 255, 255, 0.06); 3357 border: 1px solid rgba(255, 255, 255, 0.1); 3358 color: rgba(255, 255, 255, 0.55); 3359} 3360/* "New" pill -- green tint, sits next to a real link (not a muted label). */ 3361.amb-footer .badge-new { 3362 display: inline-block; 3363 margin-left: 6px; 3364 font-size: 9px; 3365 font-weight: 700; 3366 letter-spacing: 0.12em; 3367 text-transform: uppercase; 3368 padding: 2px 6px; 3369 border-radius: 100px; 3370 background: rgba(7, 228, 158, 0.18); 3371 border: 1px solid rgba(7, 228, 158, 0.35); 3372 color: #07E49E; 3373} 3374 3375/* Compact bottom strip: SOC + address on left, GKP centered on the page, 3376 legal + copyright on right. 3-column grid so GKP stays page-centered 3377 regardless of how wide the side groups grow. */ 3378.amb-footer__bar { 3379 max-width: 1400px; 3380 margin: 0 auto; 3381 padding-top: 14px; 3382 border-top: 1px solid rgba(255, 255, 255, 0.08); 3383 display: grid; 3384 grid-template-columns: 1fr auto 1fr; 3385 align-items: center; 3386 gap: 20px; 3387 font-size: 11px; 3388 color: rgba(255, 255, 255, 0.45); 3389} 3390.amb-footer__bar-left { 3391 display: flex; 3392 align-items: center; 3393 gap: 9px; 3394 flex-wrap: wrap; 3395 justify-self: start; 3396} 3397.amb-footer__location { 3398 color: rgba(255, 255, 255, 0.5); 3399} 3400.amb-footer__bar-center { 3401 display: flex; 3402 align-items: center; 3403 justify-self: center; 3404} 3405.amb-footer__bar-right { 3406 display: flex; 3407 align-items: center; 3408 gap: 9px; 3409 flex-wrap: wrap; 3410 justify-self: end; 3411} 3412.amb-footer__bar-right a { 3413 color: rgba(255, 255, 255, 0.5); 3414 text-decoration: none; 3415 transition: color 0.2s ease; 3416} 3417.amb-footer__bar-right a:hover { color: #ffffff; } 3418.amb-footer__bar-dot { 3419 color: rgba(255, 255, 255, 0.3); 3420 user-select: none; 3421} 3422.amb-footer__copy { color: rgba(255, 255, 255, 0.5); } 3423.amb-footer__tag-gkp { 3424 font-size: 11px; 3425 font-weight: 700; 3426 letter-spacing: 0.12em; 3427 white-space: nowrap; 3428} 3429.amb-footer__tag-gkp .gkp-grow { color: #07E49E; } 3430.amb-footer__tag-gkp .gkp-keep { color: #F7A25F; } 3431.amb-footer__tag-gkp .gkp-prove { color: #3B63E8; } 3432 3433@media (max-width: 1024px) { 3434 .amb-footer { padding: 32px 24px 16px; } 3435 .amb-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px; } 3436} 3437@media (max-width: 640px) { 3438 .amb-footer__grid { grid-template-columns: 1fr; gap: 24px; } 3439 .amb-footer__bar { 3440 grid-template-columns: 1fr; 3441 justify-items: start; 3442 gap: 12px; 3443 } 3444 .amb-footer__bar-left, 3445 .amb-footer__bar-center, 3446 .amb-footer__bar-right { justify-self: start; width: 100%; } 3447} 3448</style> 3449 3450<footer class="amb-footer"> 3451 <div class="amb-footer__grid"> 3452 3453 <!-- Brand column --> 3454 <div class="amb-footer__brand"> 3455 <a href="/" class="amb-footer__brand-mark" aria-label="Ambassador -- Home"> 3456 <svg class="brand-mark" viewbox="9 10 62 62" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 3457 <defs> 3458 <radialgradient id="ambHubFooter" cx="38%" cy="34%" r="62%"> 3459 <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.95" /> 3460 <stop offset="22%" stop-color="#9457F7" /> 3461 <stop offset="60%" stop-color="#5F11E4" /> 3462 <stop offset="100%" stop-color="#3B0E8C" /> 3463 </radialgradient> 3464 <filter id="ambHubFooterShadow" x="-60%" y="-60%" width="220%" height="220%"> 3465 <fedropshadow dx="0" dy="0" stdDeviation="1.4" flood-color="#9457F7" flood-opacity="0.55" /> 3466 </filter> 3467 </defs> 3468 <line x1="40" y1="17.6" x2="14.1" y2="62.4" stroke="rgba(196, 206, 222, 0.85)" stroke-width="1.0" stroke-linecap="round" /> 3469 <line x1="14.1" y1="62.4" x2="65.9" y2="62.4" stroke="rgba(196, 206, 222, 0.85)" stroke-width="1.0" stroke-linecap="round" /> 3470 <line x1="65.9" y1="62.4" x2="40" y2="17.6" stroke="rgba(196, 206, 222, 0.85)" stroke-width="1.0" stroke-linecap="round" /> 3471 <line x1="40" y1="47.5" x2="40" y2="17.6" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" /> 3472 <line x1="40" y1="47.5" x2="14.1" y2="62.4" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" /> 3473 <line x1="40" y1="47.5" x2="65.9" y2="62.4" stroke="#9457F7" stroke-width="0.7" stroke-linecap="round" opacity="0.75" /> 3474 <circle cx="40" cy="17.6" r="4.25" fill="#3B63E8" /> 3475 <circle cx="14.1" cy="62.4" r="4.25" fill="#3B63E8" /> 3476 <circle cx="65.9" cy="62.4" r="4.25" fill="#3B63E8" /> 3477 <circle cx="40" cy="47.5" r="7.6" fill="url(#ambHubFooter)" filter="url
3477(#ambHubFooterShadow)" /> 3478 </svg> 3479 <span class="wordmark">AMBASSADOR</span> 3480 </a> 3481 3482 <p class="amb-footer__tagline">The Customer Lifecycle Operating System for revenue teams that need the number to be right.</p> 3483 3484 <div class="amb-footer__socials"> 3485 <a class="amb-footer__social amb-footer__social--linkedin" href="https://www.linkedin.com/company/getambassador" aria-label="LinkedIn" target="_blank" rel="noopener"> 3486 <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z" /></svg> 3487 </a> 3488 <a class="amb-footer__social amb-footer__social--instagram" href="https://www.instagram.com/get.ambassador" aria-label="Instagram" target="_blank" rel="noopener"> 3489 <svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5" ry="5" /><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" /><line x1="17.5" y1="6.5" x2="17.51" y2="6.5" /></svg> 3490 </a> 3491 <a class="amb-footer__social amb-footer__social--youtube" href="https://www.youtube.com/@getambassador" aria-label="YouTube" target="_blank" rel="noopener"> 3492 <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" /></svg> 3493 </a> 3494 <a class="amb-footer__social amb-footer__social--facebook" href="https://www.facebook.com/profile.php?id=61563676799402" aria-label="Facebook" target="_blank" rel="noopener"> 3495 <svg viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.6v-7.2h2.4l.36-2.8h-2.76V9.2c0-.81.22-1.36 1.38-1.36H16V5.33c-.26-.03-1.13-.11-2.14-.11-2.12 0-3.57 1.3-3.57 3.67v2.05H7.9v2.8h2.39V21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14z" /></svg> 3496 </a> 3497 </div> 3498 3499 <!-- G2 review banner: official G2 widget. Inline
3499<script> injects the 3500 schema.org rating markup into <head> for SEO rich-snippet support. --> 3501 <a class="amb-footer__g2" href="https://www.g2.com/products/ambassador-software/take_survey?utm_source=review-widget" title="Leave a review of Ambassador Software on G2" target="_blank" rel="noopener"> 3502 <img alt="Review Ambassador Software on G2" src="https://www.g2.com/products/ambassador-software/widgets/stars?color=blue&type=reviews" fetchpriority="high" decoding="async"> 3503 </a> 3504
3504<script>(function(a,b,c,d){window.fetch("https://www.g2.com/products/ambassador-software/rating_schema.json").then(e=>e.json()).then(f=>{c=a.createElement(b);c.type="application/ld+json";c.text=JSON.stringify(f);d=a.getElementsByTagName(b)[0];d.parentNode.insertBefore(c,d);});})(document,"script");</script>
3504 3505 3506 <!-- Capterra review badge: official Capterra brand-asset SVG, matched to 3507 the G2 banner chip. Static badge, no widget script required. --> 3508 <a class="amb-footer__capterra" href="https://www.capterra.com/p/227998/Ambassador/reviews/" title="Read reviews of Ambassador on Capterra" target="_blank" rel="noopener"> 3509 <img alt="Read reviews of Ambassador on Capterra" src="https://brand-assets.capterra.com/badge/8e6df12a-19f5-4315-a370-18e17c81f517.svg" loading="lazy" decoding="async" fetchpriority="low"> 3510 </a> 3511 </div> 3512 3513 <!-- Platform column â wiring preserved --> 3514 <div> 3515 <div class="amb-footer__col-title">Platform</div> 3516 3517 <div class="amb-footer__subgroup"> 3518 <span class="amb-footer__sub-eyebrow is-overview">Overview</span> 3519 <ul> 3520 <li><a href="/platform">Platform Overview</a></li> 3521 <li><a href="/ambassador-hiroai">HiroAI</a></li> 3522 <li><a href="https://getambassador.com/integrations-layer">Integrations</a></li> 3523 </ul> 3524 </div> 3525 3526 <div class="amb-footer__subgroup"> 3527 <a href="#grow" class="amb-footer__sub-eyebrow is-grow">Grow</a> 3528 <ul> 3529 <li><a href="/advocacy-engine">Advocacy</a></li> 3530 <li><a href="/prospect-intelligence-engine">Prospect</a></li> 3531 <li><a href="/programmatic">Programmatic <span class="badge-new">New</span></a></li> 3532 </ul> 3533 </div> 3534 3535 <div class="amb-footer__subgroup"> 3536 <a href="#keep" class="amb-footer__sub-eyebrow is-keep">Keep</a> 3537 <ul> 3538 <li><a href="/customer-value-engine">Retention</a></li> 3539 <li><a href="/incentive-storefront-engine">Incentive</a></li> 3540 <li><a href="/communication-cloud-engine">Communication</a></li> 3541 </ul> 3542 </div> 3543 3544 <div class="amb-footer__subgroup"> 3545 <a href="#prove" class="amb-footer__sub-eyebrow is-prove">Prove</a> 3546 <ul> 3547 <li><a href="/predictive-recommendation-engine">Predictive</a></li> 3548 <li><span class="nav-muted">Attribution <span class="badge-soon">Soon</span></span></li> 3549 <li><span class="nav-muted">Finance <span class="badge-soon">Soon</span></span></li> 3550 </ul> 3551 </div> 3552 </div> 3553 3554 <!-- Solutions column â wiring preserved --> 3555 <div> 3556 <div class="amb-footer__col-title">Solutions</div> 3557 <div class="amb-footer__subgroup"> 3558 <span class="amb-footer__sub-eyebrow is-by-industry">By Industry</span> 3559 <ul> 3560 <li><a href="https://getambassador.com/telecom">Telecom</a></li> 3561 <li><span class="nav-muted">CPaaS <span class="badge-soon">Soon</span></span></li> 3562 <li><span class="nav-muted">B2B SaaS <span class="badge-soon">Soon</span></span></li> 3563 <li><span class="nav-muted">FinTech <span class="badge-soon">Soon</span></span></li> 3564 </ul> 3565 </div> 3566 <div class="amb-footer__subgroup"> 3567 <span class="amb-footer__sub-eyebrow is-by-strategy">By Strategy</span> 3568 <ul> 3569 <li><a href="/customer-growth">Customer Growth Overview</a></li> 3570 <li><a href="https://getambassador.com/customer-growth-strategy">Build your Customer Growth Strategy</a></li> 3571 </ul> 3572 </div> 3573 <div class="amb-footer__subgroup"> 3574 <span class="amb-footer__sub-eyebrow is-by-program-type">By Program Type</span> 3575 <ul> 3576 <li><a href="/solutions/program-type/affiliate-marketing-software">Affiliates</a></li> 3577 <li><a href="/solutions/program-type/referral-marketing-software">Referrals</a></li> 3578 <li><a href="/solutions/program-type/influencer-marketing-platform">Influencers</a></li> 3579 <li><a href="/solutions/program-type/loyalty-program-software">Loyalty</a></li> 3580 <li><a class="amb-footer__callout" href="/join-influencer-program">Join our influencer program</a></li> 3581 </ul> 3582 </div> 3583 </div> 3584 3585 <!-- Company column â wiring preserved --> 3586 <div> 3587 <div class="amb-footer__col-title">Company</div> 3588 <ul> 3589 <li><a href="https://getambassador.com/why-ambassador">Why Ambassador</a></li> 3590 <li><a href="/resources">Resources</a></li> 3591 <li><a href="/blog">Blog</a></li> 3592 <li><a href="https://getambassador.com/pricing-ent">Pricing</a></li> 3593 <li><a href="https://getambassador.com/get-a-demo/">Get Demo</a></li> 3594 <li><a href="https://admin2.getambassador.com/login">Login</a></li> 3595 <li><a href="/legal">Legal</a></li> 3596 </ul> 3597 </div> 3598 3599 </div> 3600 3601 <!-- Compact bar: identity cluster (location + copyright) left, GKP 3602 centered, legal nav right. 3-col grid keeps GKP page-centered. --> 3603 <div class="amb-footer__bar"> 3604 <div class="amb-footer__bar-left">
3605 <span class="amb-footer__location">Seattle, WA</span> 3606 <span class="amb-footer__bar-dot" aria-hidden="true">·</span> 3607 <span class="amb-footer__copy">© 2026 Ambassador</span> 3608 </div> 3609 <div class="amb-footer__bar-center"> 3610 <span class="amb-footer__tag-gkp"> 3611 <span class="gkp-grow">GROW</span>. <span class="gkp-keep">KEEP</span>. <span class="gkp-prove">PROVE</span>. 3612 </span> 3613 </div> 3614 <div class="amb-footer__bar-right"> 3615 <a href="/legal">Legal</a> 3616 <span class="amb-footer__bar-dot" aria-hidden="true">·</span> 3617 <a href="/privacy">Privacy</a> 3618 <span class="amb-footer__bar-dot" aria-hidden="true">·</span> 3619 <a href="/terms-of-service">Terms</a> 3620 <span class="amb-footer__bar-dot" aria-hidden="true">·</span> 3621 <a href="/security">Security</a> 3622 </div> 3623 </div> 3624 3625</footer> 3626 3627 </div> 3628 3629 3630 3631<!-- HubSpot performance collection script -->
3632<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3632
3632
3633<script src="https://getambassador.com/hubfs/hub_generated/template_assets/1/321618468555/1782829180534/template_main.min.js"></script>
vendor: 1 bytes, line 3633
3633
3634<script> 3635var hsVars = hsVars || {}; hsVars['language'] = 'en'; 3636</script>
3636 3637
3638<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
3638 3639 3640
3640<script data-hs-allowed="true"> 3641 ((d=document,q='querySelectorAll',l='hs-form-html',m='script',b='/_hcms/forms/embed/v4/render-definition/ssr',u='https://js-na2.hsforms.net/forms/embed/244219189.js') => { 3642 const a = (t,i) => t.replace(/{{hs_form_instance_id_placeholder}}/g,i); 3643 const i = (f,o) => {f.innerHTML=o;for(const s of f[q](m)){const n=d.createElement(m);for(const{name:e,value:t}of s.attributes)n.setAttribute(e,t);n.appendChild(d.createTextNode(s.innerHTML)),s.parentNode.replaceChild(n,s)}}; 3644 const j = (e,f) => {const fb=()=>{const n=f.cloneNode(true);n.classList.replace(l,'hs-form-frame');i(f,'<'+m+' src="'+u+'"></'+m+'>'+n.outerHTML);};try{if(e.status === 404){e.text().then((t)=>{if(!/Form not found/i.test(t))fb();}).catch(fb);return;}}catch(_){}fb();}; 3645 const r = (el,c=el.dataset) => {if(c.fetched)return;c.fetched=Date.now();fetch(`${b}/${c.portalId}/${c.formId}`).then((r) => {if(!r.ok)throw r;return r.text().then((t) => {i(el,a(t,el.id));c.loaded=Date.now();});}).catch((e) => j(e,el));}; 3646 d[q]('.'+l).forEach((el) => r(el)); 3647 })(); 3648 </script>
3648 3649 3650 3651
3651<script data-hs-allowed="true"> 3652 ((el) => { 3653 el && el.addEventListener('hs-form-event:on-ready', (e) => { 3654 window.HubSpotFormsV4.getFormFromEvent(e).setExtraSubmissionMetadata({ 3655 3656 3657 3658 3659 3660 3661 3662 }); 3663 }); 3664 })(document.getElementById('hs_form_target_bl_newsletter_form')); 3665 </script>
3665 3666 3667 3668<!-- Start of HubSpot Analytics Code -->
3669<script type="text/javascript"> 3670var _hsq = _hsq || []; 3671_hsq.push(["setContentType", "listing-page"]); 3672_hsq.push(["setCanonicalUrl", "https:\/\/getambassador.com\/blog"]); 3673_hsq.push(["setPageId", "271574591175"]); 3674_hsq.push(["setContentMetadata", { 3675 "contentPageId": 271574591175, 3676 "legacyPageId": "271574591175", 3677 "contentFolderId": null, 3678 "contentGroupId": 271574591173, 3679 "abTestId": null, 3680 "languageVariantId": 271574591175, 3681 "languageCode": "en", 3682 3683 3684}]); 3685</script>
3685 3686
3687<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/244219189.js"></script>
3687 3688<!-- End of HubSpot Analytics Code --> 3689 3690
3691<script type="text/javascript"> 3692var hsVars = { 3693 render_id: "247690cf-8258-4c38-87c9-399bf3245881", 3694 ticks: 1790620707558, 3695 page_id: 271574591175, 3696 3697 content_group_id: 271574591173, 3698 portal_id: 244219189, 3699 app_hs_base_url: "https://app-na2.hubspot.com", 3700 cp_hs_base_url: "https://cp-na2.hubspot.com", 3701 language: "en", 3702 analytics_page_type: "listing-page", 3703 scp_content_type: "", 3704 3705 analytics_page_id: "271574591175", 3706 category_id: 7, 3707 folder_id: 0, 3708 is_hubspot_user: false 3709} 3710</script>
3710 3711 3712
3713<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3713 3714 3715 3716<div id="fb-root"></div> 3717
3717<script>(function(d, s, id) { 3718 var js, fjs = d.getElementsByTagName(s)[0]; 3719 if (d.getElementById(id)) return; 3720 js = d.createElement(s); js.id = id; 3721 js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0"; 3722 fjs.parentNode.insertBefore(js, fjs); 3723 }(document, 'script', 'facebook-jssdk'));</script>
3723
3723<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
3723 3724 3725 3726 3727
3727<script> 3728 if (typeof navigator !== 'undefined' && navigator.modelContext && typeof navigator.modelContext.registerTool === 'function') { 3729 try { 3730 var _ac = new AbortController(); 3731 window.addEventListener('pagehide', function() { _ac.abort(); }, { once: true }); 3732 var _sig = _ac.signal; 3733 navigator.modelContext.registerTool({ 3734 name: 'book_demo', 3735 description: 'Book a 30-minute Ambassador product demo or revenue review session.', 3736 inputSchema: { type: 'object', properties: {} }, 3737 execute: async function() { return { url: 'https://getambassador.com/get-a-demo' }; } 3738 }, _sig); 3739 navigator.modelContext.registerTool({ 3740 name: 'explore_platform', 3741 description: 'Navigate to a specific Ambassador platform engine or product page.', 3742 inputSchema: { 3743 type: 'object', 3744 properties: { 3745 engine: { 3746 type: 'string', 3747 enum: ['advocacy','loyalty','communication','incentives','prospect-intelligence','analytics','integrations','platform'], 3748 description: 'The Ambassador engine or section to explore' 3749 } 3750 }, 3751 required: ['engine'] 3752 }, 3753 execute: async function(args) { 3754 var map = { 3755 advocacy: '/advocacy-engine', 3756 loyalty: '/customer-value-engine', 3757 communication: '/communication-cloud-engine', 3758 incentives: '/incentive-storefront-engine', 3759 'prospect-intelligence': '/prospect-intelligence-engine', 3760 analytics: '/data-intelligence-layer', 3761 integrations: '/integrations-layer', 3762 platform: '/platform' 3763 }; 3764 return { url: 'https://getambassador.com' + (map[args.engine] || '/platform') }; 3765 } 3766 }, _sig); 3767 navigator.modelContext.registerTool({ 3768 name: 'get_pricing', 3769 description: 'Request an enterprise quote or talk to sales.', 3770 inputSchema: { type: 'object', properties: {} }, 3771 execute: async function() { return { url: 'https://getambassador.com/pricing-ent' }; } 3772 }, _sig); 3773 navigator.modelContext.registerTool({ 3774 name: 'find_resources', 3775 description: 'Browse Ambassador case studies, whitepapers, and industry guides.', 3776 inputSchema: { type: 'object', properties: {} }, 3777 execute: async function() { return { url: 'https://getambassador.com/resources' }; } 3778 }, _sig); 3779 } catch(e) {} 3780 } 3781 </script>
3781 3782 3783</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.