1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6<meta name="csrf-token" content="rKl4Q9yamSWlEZMseQiV93bCsFs6s8Ng5Ih5gykt"> 7<title>Pricing - SendFox</title> 8<meta name="description" content="Grow your audience with email campaigns, automations, and landing pages that integrate your content."> 9<meta name="keywords" content="esp, email, email service provider, content creators"> 10 11<link rel="canonical" href="https://sendfox.com/pricing" /> 12<link rel="service-desc" href="/openapi.yaml" type="application/yaml"> 13<meta name="norton-safeweb-site-verification" content="qkhuru6rsexyu9y4ffiw3cp2e3yfd7a8q4x5zgndjk2keve7ipg-a3r5l1vufgotdhyr967hr55mc80-dn3cljx3ynawvvnpzr56wrw4uozhhe6rhayphfy6ibfzuv-f" /> 14 15 <meta property="twitter:site" content="@sendfox" /> 16 <meta property="og:locale" content="en_US" /> 17<meta property="og:type" content="article" /> 18<meta property="og:title" content="Pricing - SendFox" /> 19<meta property="og:description" content="The best and most affordable email marketing." /> 20<meta property="og:url" content="https://sendfox.com/pricing" /> 21<meta property="og:site_name" content="SendFox" /> 22<meta property="og:image" content="https://cdn.sendfox.com/img/share-image.png" /> 23<meta property="fb:app_id" content="195664598046177" />
vendor: 68 bytes, lines 23-24
23 24 <script async src="https://www.googletagmanager.com/gtag/js?id=
24UA-52269-29
vendor: 12 bytes, line 24
24"></script>
25<script> 26
vendor: 132 bytes, lines 26-30
26window.dataLayer = window.dataLayer || []; 27 function gtag(){dataLayer.push(arguments);} 28 gtag('js', new Date()); 29 30 gtag('config', '
30UA-52269-29
vendor: 5 bytes, lines 30-31
30'); 31
31</script>
31 32
32<script id="profitwell-js" data-pw-auth="c1a1cea89911c31de8607884c31ae157"> 33 (function(i,s,o,g,r,a,m){i[o]=i[o]||function(){(i[o].q=i[o].q||[]).push(arguments)}; 34 a=s.createElement(g);m=s.getElementsByTagName(g)[0];a.async=1;a.src=r+'?auth='+ 35 s.getElementById(o+'-js').getAttribute('data-pw-auth');m.parentNode.insertBefore(a,m); 36 })(window,document,'profitwell','script','https://public.profitwell.com/js/profitwell.js'); 37 38 39</script>
39 40 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 41<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 42<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 43<link rel="manifest" href="/site.webmanifest"> 44<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 45<meta name="msapplication-TileColor" content="#da532c"> 46<meta name="theme-color" content="#ffffff"> 47 <link href="https://cdn.sendfox.com/css/site.css?id=012c86791bf110d71ce87cadec483856" rel="stylesheet" data-turbo-track="reload"> 48 49 50
50<script src="https://cdn.sendfox.com/js/app.js?id=c1e09f4d4a0a545ca2a5eecc4ed6b21b" defer data-turbo-track="reload"></script>
50 51 <style> 52/* 53 * SendFox pricing â revamped layout. Design tokens (colors, radii, shadows) 54 * mirror the in-app editor's SCSS variables, defined locally here as --sf-* 55 * custom properties so this partial has no SCSS build dependency. Every rule is 56 * scoped under .sf-pricing so nothing leaks into the app shell. 57 */ 58.sf-pricing { 59 --sf-primary: #ff644d; 60 --sf-primary-rgb: 255, 100, 77; 61 --sf-primary-strong: #E51E00; 62 --sf-primary-soft: #FFEBE5; 63 --sf-ink: #2E364C; 64 --sf-ink-soft: #41495d; 65 --sf-text-secondary: #53657A; 66 --sf-muted: #6E819A; 67 --sf-border: #DDE6ED; 68 --sf-divider: #E2EAF2; 69 --sf-soft-bg: #F2F5F9; 70 --sf-shell-bg: #F7F9FC; 71 --sf-radius: 12px; 72 --sf-radius-sm: 6px; 73 --sf-shadow-card: 0 5px 15px rgba(149, 164, 186, 0.35); 74 --sf-shadow-fox: 0 15px 15px rgba(var(--sf-primary-rgb), 0.50); 75 --sf-shadow-lift: 0 24px 60px -22px rgba(46, 54, 76, 0.45); 76 77 position: relative; 78 color: var(--sf-ink); 79 font-family: 'Figtree', sans-serif; 80 background: 81 radial-gradient(circle at 12% 4%, rgba(var(--sf-primary-rgb), 0.05) 0%, transparent 42%), 82 radial-gradient(circle at 88% 96%, rgba(149, 164, 186, 0.10) 0%, transparent 48%), 83 var(--sf-shell-bg); 84 padding-bottom: 24px; 85 -webkit-font-smoothing: antialiased; 86} 87 88.sf-pricing__wrap { max-width: 1140px; margin: 0 auto; padding: 0 24px; } 89 90/* ---------- hero ---------- */ 91/* Hero and card spacing are deliberately tight: the goal is all three plan 92 CTAs visible above the fold on a ~900px-tall viewport. */ 93.sf-pricing__hero { text-align: center; padding: 30px 0 0; } 94/* Billing-cycle toggle lives in the Pro column, the only plan it applies to. 95 It sits under the price and above the size slider so both Pro controls read 96 as one group, and the three cards keep their price rows aligned. */ 97.sf-plan__cycle { margin-bottom: 12px; } 98.sf-plan__cycle .sf-cycle__opt { padding-left: 12px; padding-right: 12px; } 99 100/* Pro card annual pricing line (struck monthly price + yearly savings) */ 101.sf-plan__price-annual { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; font-size: 13px; } 102.sf-plan__strike { color: var(--sf-muted); text-decoration: line-through; } 103.sf-plan--featured .sf-plan__strike { color: rgba(255, 255, 255, 0.55); } 104.sf-plan__save { background: var(--sf-success-soft); color: var(--sf-success-strong); font-weight: 700; border-radius: 10rem; padding: 2px 8px; } 105.sf-eyebrow { 106 display: inline-block; 107 font-size: 12px; 108 font-weight: 700; 109 letter-spacing: 0.14em; 110 text-transform: uppercase; 111 color: var(--sf-primary); 112 background: var(--sf-primary-soft); 113 border-radius: 10rem; 114 padding: 6px 14px; 115 margin-bottom: 14px; 116} 117.sf-pricing__title { 118 font-size: clamp(38px, 5.5vw, 58px); 119 font-weight: 800; 120 line-height: 1.04; 121 letter-spacing: -0.03em; 122 margin: 0 0 10px; 123 color: var(--sf-ink); 124} 125.sf-pricing__title .accent { color: var(--sf-primary); } 126.sf-pricing__sub { 127 font-size: 17px; 128 line-height: 1.55; 129 color: var(--sf-text-secondary); 130 max-width: 660px; 131 margin: 0 auto; 132} 133 134/* ---------- plan grid ---------- */ 135.sf-plans { 136 display: grid; 137 grid-template-columns: 1fr 1.12fr 1fr; 138 gap: 20px; 139 align-items: stretch; 140 margin: 30px 0 8px; 141} 142.sf-plan { 143 position: relative; 144 display: flex; 145 flex-direction: column; 146 background: #fff; 147 border: 1px solid var(--sf-border); 148 border-radius: var(--sf-radius); 149 box-shadow: var(--sf-shadow-card); 150 padding: 24px 28px 28px; 151 opacity: 0; 152 transform: translateY(14px); 153 animation: sf-rise 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards; 154} 155.sf-plan:nth-child(1) { animation-delay: 0.04s; } 156.sf-plan:nth-child(2) { animation-delay: 0.12s; } 157.sf-plan:nth-child(3) { animation-delay: 0.20s; } 158@keyframes sf-rise { to { opacity: 1; transform: none; } } 159/* The featured card keeps its scale emphasis at the end of the rise. */ 160@keyframes sf-rise-featured { to { opacity: 1; transform: scale(1.015); } } 161 162.sf-plan--featured { 163 background: var(--sf-ink); 164 color: #fff; 165 border-color: var(--sf-ink); 166 box-shadow: var(--sf-shadow-lift); 167 transform: translateY(14px) scale(1.015); 168 animation-name: sf-rise-featured; 169 z-index: 2; 170} 171 172/* Declared after the .sf-plan rules above so the reset wins by source order. */ 173@media (prefers-reduced-motion: reduce) { 174 .sf-plan { animation: none; opacity: 1; transform: none; } 175 .sf-plan--featured { animation: none; transform: scale(1.015); } 176 .sf-cta:hover { transform: none; } 177} 178.sf-plan__badge { 179 position: absolute; 180 top: -13px; 181 left: 50%; 182 transform: translateX(-50%); 183 background: var(--sf-primary); 184 color: #fff; 185 font-size: 11px; 186 font-weight: 700; 187 letter-spacing: 0.1em; 188 text-transform: uppercase; 189 padding: 5px 14px; 190 border-radius: 10rem; 191 box-shadow: 0 4px 10px -4px rgba(var(--sf-primary-rgb), 0.5); 192 white-space: nowrap; 193} 194.sf-plan__emoji { font-size: 26px; line-height: 1; margin-bottom: 8px; } 195.sf-plan__name { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 4px; } 196.sf-plan__tagline { font-size: 14px; color: var(--sf-muted); margin-bottom: 14px; } 197.sf-plan--featured .sf-plan__tagline { color: rgba(255, 255, 255, 0.65); } 198 199.sf-plan__price-block { 200 padding-bottom: 16px; 201 margin-bottom: 16px; 202 border-bottom: 1px solid var(--sf-divider); 203 min-height: 82px; 204} 205.sf-plan--featured .sf-plan__price-block { border-bottom-color: rgba(255, 255, 255, 0.14); } 206.sf-plan__price { display: flex; align-items: baseline; gap: 2px; font-weight: 800; letter-spacing: -0.03em; } 207.sf-plan__price .dollar { font-size: 26px; font-weight: 600; } 208.sf-plan__price .amount { font-size: 46px; line-height: 1; } 209.sf-plan__price .period { font-size: 15px; font-weight: 600; color: var(--sf-muted); margin-left: 4px; } 210.sf-plan--featured .sf-plan__price .period { color: rgba(255, 255, 255, 0.6); } 211.sf-plan__price-note { font-size: 13px; color: var(--sf-muted); margin-top: 8px; } 212.sf-plan--featured .sf-plan__price-note { color: rgba(255, 255, 255, 0.62); } 213 214/* ---------- slider (Pro) ---------- */ 215.sf-slider { 216 background: var(--sf-soft-bg); 217 border: 1px solid var(--sf-border); 218 border-radius: 8px; 219 padding: 14px; 220 margin-bottom: 16px; 221} 222.sf-slider__head { 223 display: flex; 224 justify-content: space-between; 225 align-items: center; 226 font-size: 11px; 227 font-weight: 700; 228 letter-spacing: 0.1em; 229 text-transform: uppercase; 230 color: var(--sf-muted); 231 margin-bottom: 12px; 232} 233.sf-slider__value { color: var(--sf-primary); font-size: 14px; } 234.sf-slider input[type=range] { 235 -webkit-appearance: none; 236 appearance: none; 237 width: 100%; 238 height: 4px; 239 border-radius: 2px; 240 background: var(--sf-border); 241 outline: none; 242 cursor: pointer; 243} 244.sf-slider input[type=range]::-webkit-slider-thumb { 245 -webkit-appearance: none; 246 width: 22px; height: 22px; 247 border-radius: 50%; 248 background: var(--sf-primary); 249 border: 3px solid #fff; 250 box-shadow: 0 0 0 1px var(--sf-primary), var(--sf-shadow-fox); 251 cursor: pointer; 252} 253.sf-slider input[type=range]::-moz-range-thumb { 254 width: 22px; height: 22px; 255 border-radius: 50%; 256 background: var(--sf-primary); 257 border: 3px solid #fff; 258 box-shadow: 0 0 0 1px var(--sf-primary); 259 cursor: pointer; 260} 261.sf-slider input[type=range]:focus-visible::-webkit-slider-thumb { 262 box-shadow: 0 0 0 1px var(--sf-primary), 0 0 0 5px rgba(var(--sf-primary-rgb), 0.30); 263} 264.sf-slider input[type=range]:focus-visible::-moz-range-thumb { 265 box-shadow: 0 0 0 1px var(--sf-primary), 0 0 0 5px rgba(var(--sf-primary-rgb), 0.30); 266} 267/*
268 * Tick centers must line up with the native range thumb's center positions. 269 * On a 22px thumb the center moves from 11px to (width - 11px), NOT 0% to 100%, 270 * so each tick is absolutely positioned at its thumb-center coordinate. 271 */ 272.sf-slider__ticks { 273 position: relative; 274 height: 14px; 275 margin-top: 10px; 276 font-size: 10px; 277 font-weight: 600; 278 letter-spacing: 0.04em; 279 color: var(--sf-muted); 280} 281.sf-slider__ticks span { 282 position: absolute; 283 top: 0; 284 transform: translateX(-50%); 285 white-space: nowrap; 286} 287.sf-slider__ticks span:nth-child(1) { left: 11px; } 288.sf-slider__ticks span:nth-child(2) { left: calc(25% + 5.5px); } 289.sf-slider__ticks span:nth-child(3) { left: 50%; } 290.sf-slider__ticks span:nth-child(4) { left: calc(75% - 5.5px); } 291.sf-slider__ticks span:nth-child(5) { left: calc(100% - 11px); } 292.sf-slider__sends { 293 display: flex; 294 justify-content: space-between; 295 align-items: center; 296 margin-top: 8px; 297 padding-top: 8px; 298 border-top: 1px dashed var(--sf-border); 299 font-size: 13px; 300 color: var(--sf-text-secondary); 301} 302.sf-slider__sends strong { color: var(--sf-primary); font-size: 15px; } 303 304/* ---------- CTAs ---------- */ 305.sf-cta { 306 display: block; 307 width: 100%; 308 text-align: center; 309 text-decoration: none; 310 font-family: inherit; 311 font-size: 15px; 312 font-weight: 700; 313 padding: 14px 16px; 314 border-radius: var(--sf-radius-sm); 315 margin-bottom: 24px; 316 border: 1.5px solid transparent; 317 cursor: pointer; 318 transition: transform 0.14s ease, background 0.14s ease, border-color 0.14s ease; 319} 320.sf-cta:hover { transform: translateY(-1px); text-decoration: none; } 321.sf-cta:focus-visible { outline: 2px solid var(--sf-primary); outline-offset: 3px; } 322.sf-enterprise__cta:focus-visible { outline: 2px solid var(--sf-primary); outline-offset: 3px; } 323.sf-cta--primary { background: var(--sf-primary); color: #fff; box-shadow: var(--sf-shadow-fox); } 324.sf-cta--primary:hover { background: var(--sf-primary-strong); color: #fff; }
325/* The fox glow reads as a smear against the featured card's dark ink; keep it 326 tight there. */ 327.sf-plan--featured .sf-cta--primary { box-shadow: 0 6px 14px -8px rgba(var(--sf-primary-rgb), 0.6); } 328.sf-cta--outline { background: #fff; color: var(--sf-ink); border-color: var(--sf-border); } 329.sf-cta--outline:hover { border-color: var(--sf-muted); color: var(--sf-ink); } 330.sf-cta--ink { background: var(--sf-ink); color: #fff; box-shadow: 0 10px 24px -12px rgba(46, 54, 76, 0.55); } 331.sf-cta--ink:hover { background: var(--sf-ink-soft); color: #fff; } 332.sf-cta__current { 333 display: flex; 334 align-items: center; 335 justify-content: center; 336 gap: 8px; 337 margin-bottom: 24px; 338 padding: 13px 16px; 339 font-size: 14px; 340 font-weight: 600; 341 color: var(--sf-text-secondary); 342} 343.sf-plan--featured .sf-cta__current { color: rgba(255, 255, 255, 0.78); } 344.sf-cta__current .dot { width: 8px; height: 8px; border-radius: 50%; background: #00C490; } 345 346/* ---------- feature list ---------- */ 347.sf-feats { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; } 348.sf-feat { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.4; } 349.sf-feat__ic { 350 flex-shrink: 0; 351 width: 18px; height: 18px; 352 border-radius: 50%; 353 background: var(--sf-primary); 354 display: flex; align-items: center; justify-content: center;
355 margin-top: 1px; 356} 357.sf-feat__ic svg { width: 10px; height: 10px; } 358.sf-plan--featured .sf-feat__ic { background: var(--sf-primary); } 359.sf-feat--off { color: var(--sf-text-secondary); } 360.sf-feat--off .sf-feat__ic { background: var(--sf-border); } 361.sf-plan--featured .sf-feat--off { color: rgba(255, 255, 255, 0.62); } 362.sf-plan--featured .sf-feat--off .sf-feat__ic { background: rgba(255, 255, 255, 0.16); } 363 364/* ---------- enterprise band ---------- */ 365.sf-enterprise { 366 display: flex; 367 align-items: center; 368 justify-content: space-between; 369 gap: 28px; 370 margin: 44px 0; 371 padding: 28px 34px; 372 background: #fff; 373 border: 1.5px dashed var(--sf-border); 374 border-radius: var(--sf-radius); 375} 376.sf-enterprise__title { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 4px; } 377.sf-enterprise__desc { font-size: 15px; color: var(--sf-text-secondary); max-width: 640px; } 378.sf-enterprise__cta { 379 flex-shrink: 0; 380 white-space: nowrap; 381 text-decoration: none; 382 font-weight: 700; 383 font-size: 15px; 384 padding: 13px 26px; 385 border-radius: var(--sf-radius-sm); 386 background: var(--sf-ink); 387 color: #fff; 388 transition: background 0.14s ease; 389} 390.sf-enterprise__cta:hover { background: var(--sf-ink-soft); color: #fff; text-decoration: none; } 391 392/* ---------- alignment band ---------- */ 393.sf-align { 394 position: relative; 395 overflow: hidden; 396 margin: 44px 0; 397 padding: 52px 56px; 398 background: var(--sf-ink); 399 color: #fff; 400 border-radius: var(--sf-radius); 401} 402.sf-align::after { 403 content: 'ð¦'; 404 position: absolute; 405 right: -36px; bottom: -52px; 406 font-size: 260px; 407 line-height: 1; 408 opacity: 0.07; 409 transform: rotate(-12deg); 410 pointer-events: none; 411} 412.sf-align__eyebrow { 413 font-size: 12px; 414 font-weight: 700; 415 letter-spacing: 0.14em; 416 text-transform: uppercase; 417 color: var(--sf-primary); 418 margin-bottom: 14px; 419} 420.sf-align__title { 421 position: relative; 422 font-size: clamp(26px, 3.4vw, 36px); 423 font-weight: 800; 424 letter-spacing: -0.02em; 425 line-height: 1.12; 426 max-width: 720px; 427 margin: 0 0 16px; 428} 429.sf-align__title .accent { color: var(--sf-primary); } 430.sf-align__body { 431 position: relative; 432 font-size: 16px; 433 line-height: 1.65; 434 max-width: 620px; 435 color: rgba(255, 255, 255, 0.8); 436 margin: 0; 437} 438 439/* ---------- comparison table ---------- */ 440.sf-compare { margin: 44px auto 8px; text-align: center; } 441.sf-compare__title { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 6px; } 442.sf-compare__sub { font-size: 15px; color: var(--sf-text-secondary); margin: 0 0 28px; } 443.sf-compare__table { 444 background: #fff; 445 border: 1px solid var(--sf-border); 446 border-radius: var(--sf-radius); 447 overflow: hidden; 448 box-shadow: var(--sf-shadow-card); 449} 450.sf-compare__row { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr; text-align: left; } 451.sf-compare__row + .sf-compare__row { border-top: 1px solid var(--sf-divider); } 452.sf-compare__row > div { padding: 16px 18px; font-size: 14px; } 453.sf-compare__head { background: var(--sf-soft-bg); } 454.sf-compare__head > div { 455 font-size: 12px; 456 font-weight: 700; 457 letter-spacing: 0.06em; 458 text-transform: uppercase; 459 color: var(--sf-muted); 460} 461.sf-compare__head .sf-col { color: var(--sf-primary); } 462.sf-compare__row .label { font-weight: 600; } 463.sf-compare__row .sf-col { background: rgba(var(--sf-primary-rgb), 0.18); font-weight: 700; color: var(--sf-primary-strong); } 464 465/* ---------- helper footer cards ---------- */ 466.sf-help { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 40px 0 8px; } 467.sf-help__card { 468 background: #fff; 469 border: 1px solid var(--sf-border); 470 border-radius: var(--sf-radius); 471 padding: 24px; 472 text-align: center; 473} 474.sf-help__card h3 { font-size: 17px; font-weight: 700; margin: 0 0 6px; color: var(--sf-ink); } 475.sf-help__card a { color: var(--sf-primary); font-weight: 600; font-size: 14px; text-decoration: none; } 476.sf-help__card a:hover { text-decoration: underline; } 477.sf-footnote { text-align: center; color: var(--sf-muted); font-size: 13px; max-width: 640px; margin: 12px auto 0; padding: 0 24px; } 478 479/* ---------- responsive ---------- */ 480@media (max-width: 1040px) { 481 .sf-plans { gap: 14px; } 482 .sf-plan { padding: 28px 22px; } 483} 484/* Narrow three-up columns: tighten the cycle pill instead of letting the 485 "2 months free" badge push it past the card. Below 900px the cards go full 486 width and the pill is back to its normal size. */ 487@media (max-width: 1040px) and (min-width: 901px) { 488 .sf-plan__cycle .sf-cycle__opt { padding: 7px 8px; font-size: 11.5px; gap: 6px; } 489 .sf-plan__cycle .sf-cycle__badge { font-size: 9px; padding: 2px 5px; } 490} 491@media (max-width: 900px) { 492 .sf-plans { grid-template-columns: 1fr; gap: 28px; } 493 .sf-plan { padding: 32px 28px; } 494 .sf-plan--featured { transform: none; } 495 .sf-plan__price-block { min-height: 0; } 496 .sf-align { padding: 36px 26px; } 497 .sf-enterprise { flex-direction: column; text-align: center; align-items: stretch; } 498 .sf-enterprise__cta { text-align: center; } 499 .sf-help { grid-template-columns: 1fr; } 500 .sf-compare__row { grid-template-columns: 1.4fr 1fr 1fr; } 501 .sf-compare__row > div:nth-child(4), 502 .sf-compare__row > div:nth-child(5) { display: none; } 503} 504</style> 505 506</head> 507<body class=""> 508 509 510 511 512 513 514 515 516 517 518 519 <div class="d-none d-md-flex w-100 crosspromo-bg px-2 align-items-center justify-content-between"> 520 <div class="col-2 d-none d-lg-block" aria-hidden="true"></div> 521 <div class="d-flex align-items-center justify-content-between" style="color: #747F8B; font-size: 13px; letter-spacing: 0.025em;"> 522 <div class="m-3 text-nowrap"> 523 Discover new apps: 524 </div> 525 <div class="cross-promotion-logo-wrapper m-3"> 526 <a href="https://tidycal.com/?utm_source=sendfox&utm_medium=website&utm_campaign=cross-promo-header" target="_blank"> 527 <img src="https://cdn.sendfox.com/img/logo-gray-darker-tidycal.svg" alt="Tidycal"> 528 </a> 529 <div class="cross-promotion-logo-wrapper-text py-2 px-3">Manage your calendar and bookings with ease</div> 530 </div> 531 <div class="cross-promotion-logo-wrapper m-3"> 532 <a class="d-inline text-right" href="https://breezedoc.com/?utm_source=sendfox&utm_medium=website&utm_campaign=cross-promo-header" target="_blank"> 533 <img class="d-inline" src="https://cdn.sendfox.com/img/logo-gray-darker-breezedoc.svg" alt="AppSumo Originals"> 534 </a> 535 <div class="cross-promotion-logo-wrapper-text py-2 px-3">Send and organize e-sign documents and invoices</div> 536 </div> 537 <div class="cross-promotion-logo-wrapper m-3"> 538 <a href="https://formrobin.com/?utm_source=sendfox&utm_medium=website&utm_campaign=cross-promo-header" target="_blank"> 539 <img class="d-inline" src="https://cdn.sendfox.com/img/logo-gray-darker-formrobin.svg" alt="AppSumo Originals"> 540 </a> 541 <div class="cross-promotion-logo-wrapper-text py-2 px-3">Create high-converting forms in minutes</div> 542 </div> 543 </div> 544 <div class="col col-lg-2 text-right"> 545 <a class="m-2 d-inline text-right" href="https://appsumo.com/?utm_source=sendfox&utm_medium=website&utm_campaign=cross-promo-header" target="_blank"> 546 <img class="d-inline" src="https://cdn.sendfox.com/img/logo-gray-darker-originals.svg" alt="AppSumo Originals"> 547 </a> 548 </div> 549</div> 550<style> 551 .crosspromo-bg { 552 background: linear-gradient(to right, #F7F7F9, #E7E9EC); 553 } 554 .cross-promotion-logo-wrapper { 555 position: relative; 556 } 557 .cross-promotion-logo-wrapper-text { 558 position: absolute; 559 top: 0; 560 left: 50%; 561 background-color: #1a1e2c; 562 color: white; 563 font-size: 12px; 564 opacity: 0; 565 transition: opacity 0.3s ease, transform 0.3s ease; 566 transform: translateX(-50%) translateY(30px); 567 text-wrap: nowrap; 568 border-radius: 5px; 569 pointer-events: none; 570 font-size: 14px; 571 } 572 .cross-promotion-logo-wrapper-text:after { 573 content: ''; 574 background-color: #1a1e2c; 575 display: block; 576 position: absolute; 577 top: 0; 578 left: 50%; 579 transform: translateX(-50%) translateY(-7px) rotate(45deg); 580 width: 16px; 581 height: 16px; 582 border-radius: 2px; 583 } 584 .cross-promotion-logo-wrapper:hover .cross-promotion-logo-wrapper-text { 585 opacity: 1; 586 transform: translateX(-50%) translateY(55px) scale(1.05); 587 } 588</style> 589
590 <nav class="navbar navbar-expand-md navbar-light p-3"> 591 <a class="navbar-sf-logo ml-0 ml-md-2" href="https://sendfox.com"> 592 <img src="https://cdn.sendfox.com/img/sendfox-logo.svg" alt="SendFox"> 593 </a> 594 <button class="navbar-toggler btn-burger border-0 py-2 px-0 ml-2" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 595 <svg x="0px" y="0px" width="17.5px" height="14px" viewBox="0 0 17.5 13"> 596 <line class="st0" x1="0.5" y1="0.5" x2="17" y2="0.5"/> 597 <line class="st0" x1="0.5" y1="6.5" x2="17" y2="6.5"/> 598 <line class="st0" x1="0.5" y1="12.5" x2="17" y2="12.5"/> 599 </svg> 600 </button> 601 <div class="collapse navbar-collapse justify-content-end" id="navbarNav"> 602 <ul class="navbar-nav text-right"> 603 604 <li class="nav-item"> 605 <a class="nav-link" href="https://sendfox.com/register"> 606 Register 607 </a> 608 </li> 609 610 <li class="nav-item"> 611 <a class="nav-link" href="https://sendfox.com/login"> 612 Login 613 </a> 614 </li> 615 </ul> 616 </div> 617 </nav> 618 619 620 621 622 623 624 <div class="sf-notification-stack"> 625 </div> 626 627 628 <div class="content mb-5"> 629 <div class="sf-pricing"> 630 631 <section class="sf-pricing__hero"> 632 <div class="sf-pricing__wrap"> 633 <span class="sf-eyebrow">Pricing</span> 634 <h1 class="sf-pricing__title">Email built for<br><span class="accent">creators on a budget.</span></h1> 635 <p class="sf-pricing__sub">Start free. Pay monthly when your list is worth it. Or own it once for $29.</p> 636 </div> 637 </section> 638 639 <section class="sf-pricing__wrap"> 640 <div class="sf-plans"> 641 642 643 <div class="sf-plan"> 644 <div class="sf-plan__emoji">ð¥³</div> 645 <div class="sf-plan__name">Free</div> 646 <div class="sf-plan__tagline">Start your list.</div> 647 <div class="sf-plan__price-block"> 648 <div class="sf-plan__price"><span class="dollar">$</span><span class="amount">0</span></div> 649 <div class="sf-plan__price-note">forever, no card</div> 650 </div> 651 652 <a href="https://sendfox.com/register" class="sf-cta sf-cta--outline">Get started free</a> 653 654 <ul class="sf-feats"> 655 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 1,000 contacts</li> 656 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 3,000 sends / month</li> 657 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 1 smart page, 1 form, 1 automation</li> 658 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Drag-and-drop editor</li> 659 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 2 AI email drafts to try</li> 660 <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> No API access</li> 661 <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> No MCP access</li> 662 <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> SendFox branding on your emails</li> 663 </ul> 664 </div> 665 666 667 <div class="sf-plan sf-plan--featured"> 668 <div class="sf-plan__badge">Most creators pick this</div> 669 <div class="sf-plan__emoji">ð¦</div> 670 <div class="sf-plan__name">Pro</div> 671 <div class="sf-plan__tagline">Grow it like a business.</div> 672 <div class="sf-plan__price-block"> 673 <div class="sf-plan__price"><span class="dollar">$</span><span class="amount" id="sfProPrice">19</span><span class="period">/mo</span></div> 674 <div class="sf-plan__price-annual" id="sfProAnnualLine" style="display:none" >
675 <span class="sf-plan__strike" id="sfProStrike">$19/mo</span> 676 <span class="sf-plan__save" id="sfProSave">Save $38 a year</span> 677 </div> 678 <div class="sf-plan__price-note" id="sfProPriceNote">drag to size your plan â</div> 679 </div> 680 681 <div class="sf-plan__cycle"> 682 <style> 683 .sf-cycle { 684 display: inline-flex; 685 align-items: stretch; 686 gap: 4px; 687 padding: 4px; 688 background: #F2F5F9; 689 border: 1px solid var(--sf-border, #DDE6ED); 690 border-radius: 10rem; 691 font-family: inherit; 692 } 693 .sf-cycle--block { display: flex; width: 100%; } 694 .sf-cycle__opt { 695 flex: 1 1 0; 696 display: inline-flex; 697 align-items: center; 698 justify-content: center; 699 gap: 8px; 700 border: 0; 701 background: transparent; 702 cursor: pointer; 703 white-space: nowrap; 704 font-family: inherit; 705 font-weight: 600; 706 color: var(--sf-text-secondary, #53657A); 707 border-radius: 10rem; 708 padding: 11px 22px; 709 font-size: 15px; 710 transition: background .14s ease, color .14s ease, box-shadow .14s ease; 711 } 712 .sf-cycle--sm .sf-cycle__opt { padding: 7px 14px; font-size: 13px; } 713 .sf-cycle__opt[aria-checked="true"] { 714 background: #fff; 715 color: var(--sf-ink, #2E364C); 716 box-shadow: 0 2px 6px rgba(46, 54, 76, .14); 717 } 718 .sf-cycle__opt:focus-visible { outline: 3px solid rgba(255, 100, 77, .28); outline-offset: 1px; } 719 .sf-cycle__badge { 720 display: inline-flex; 721 align-items: center; 722 border-radius: 10rem; 723 font-weight: 700; 724 letter-spacing: .01em; 725 padding: 3px 9px; 726 font-size: 11.5px; 727 background: #E7EDF4; 728 color: #6E819A; 729 } 730 .sf-cycle--sm .sf-cycle__badge { padding: 2px 7px; font-size: 10px; } 731 .sf-cycle__opt[aria-checked="true"] .sf-cycle__badge { background: var(--sf-success-soft, #E5FFFB); color: var(--sf-success-strong, #00806A); } 732</style>
733<script> 734 (function () { 735 if (window.__sfCycleBound) { return; } 736 window.__sfCycleBound = true; 737 function onClick(e) { 738 var opt = e.target.closest('.sf-cycle__opt'); 739 if (!opt) { return; } 740 var group = opt.closest('.sf-cycle'); 741 if (!group) { return; } 742 var cycle = opt.getAttribute('data-cycle'); 743 group.querySelectorAll('.sf-cycle__opt').forEach(function (b) { 744 b.setAttribute('aria-checked', b === opt ? 'true' : 'false'); 745 }); 746 group.dispatchEvent(new CustomEvent('sf:cycle-change', { 747 bubbles: true, 748 detail: { name: group.getAttribute('data-cycle-name'), cycle: cycle } 749 })); 750 } 751 document.addEventListener('click', onClick); 752 }()); 753</script>
753 754 755<div class="sf-cycle sf-cycle--sm sf-cycle--block" 756 role="radiogroup" aria-label="Billing cycle" 757 data-cycle-name="pricing"> 758 <button type="button" class="sf-cycle__opt" role="radio" data-cycle="monthly" 759 aria-checked="true">Monthly</button> 760 <button type="button" class="sf-cycle__opt" role="radio" data-cycle="annual" 761 aria-checked="false"> 762 <span>Annual</span> 763 <span class="sf-cycle__badge">2 months free</span> 764 </button> 765</div> 766 </div> 767 768 <div class="sf-slider"> 769 <div class="sf-slider__head"> 770 <span>Contacts</span> 771 <span class="sf-slider__value" id="sfProContacts">5K</span> 772 </div> 773 <input type="range" min="0" max="4" value="0" id="sfProSlider" aria-label="Pro plan size" aria-valuetext="5K contacts, 100K sends per month" /> 774 <div class="sf-slider__ticks"> 775 <span>5K</span> 776 <span>15K</span> 777 <span>50K</span> 778 <span>100K</span> 779 <span>250K</span> 780 </div> 781 <div class="sf-slider__sends"> 782 <span>Includes</span> 783 <span><strong id="sfProSends">100K</strong> sends/mo</span> 784 </div> 785 </div> 786 787 <a href="https://sendfox.com/register" class="sf-cta sf-cta--primary">Start Pro</a> 788 789 <ul class="sf-feats"> 790 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>White label.</strong> No SendFox anywhere.</li> 791 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>MCP access</strong></li> 792 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>AI email writer</strong></li> 793 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> VIP sending IP, our best deliverability</li> 794 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Paid newsletters (Stripe)</li> 795 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Single opt-in, no setup required</li> 796 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Full HTML editor</li> 797 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Full-color social icons in your emails</li> 798 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Sends refresh every month</li> 799 </ul> 800 </div> 801 802 803 <div class="sf-plan"> 804 <div class="sf-plan__emoji">ð</div> 805 <div class="sf-plan__name">Lifetime</div> 806 <div class="sf-plan__tagline">Pay once. 300K sends. Forever.</div> 807 <div class="sf-plan__price-block"> 808 <div class="sf-plan__price"><span class="dollar">$</span><span class="amount">29</span></div> 809 <div class="sf-plan__price-note">one time. that's it.</div> 810 </div> 811 812 <a href="https://appsumo.com/sendfox/?utm_source=originals&utm_medium=site-promo&utm_campaign=sendfox" class="sf-cta sf-cta--ink" target="_blank" rel="noopener" data-appsumo-track="pricing_page">Get it on AppSumo â</a> 813 814 <ul class="sf-feats"> 815 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>5,000 contacts</strong></li> 816 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>300,000 lifetime sends</strong></li> 817 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Unlimited automations</li> 818 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Unlimited smart pages & forms</li> 819 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Full API access</li> 820 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>AI email writer</strong></li> 821 <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> MCP access (Pro only)</li> 822 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Better deliverability</li> 823 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Smart Page gallery access</li> 824 <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Single opt-in after a one-time domain setup</li> 825 <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Small SendFox footer stays (Pro removes it)</li> 826 </ul> 827 </div> 828 829 </div> 830 </section> 831 832 833 <section class="sf-pricing__wrap"> 834 <div class="sf-enterprise"> 835 <div> 836 <div class="sf-enterprise__title">Sending 2M+ emails a month?</div> 837 <div class="sf-enterprise__desc">If you're past 250K contacts, you're a real business. Let's talk custom pricing, dedicated IPs, and migration help.</div> 838 </div> 839 <a href="/cdn-cgi/l/email-protection#6714121717081513271402090301081f4904080a581412050d0204135a220913021517150e140242555717150e040e0900" class="sf-enterprise__cta">Talk to us â</a> 840 </div> 841 </section> 842 843 844 <section class="sf-pricing__wrap"> 845 <div class="sf-align"> 846 <div class="sf-align__eyebrow">A note from us</div> 847 <h2 class="sf-align__title">We only make more money when <span class="accent">you grow.</span></h2> 848 <p class="sf-align__body">Most email tools punish you for growing. Cross a contact threshold and your bill jumps. Mailchimp even keeps billing you for people who already unsubscribed. Not here. Lifetime gets you 300,000 sends for one payment, which is years of newsletters at a typical sending pace. When you do use them up, Pro picks up at $19/mo and only goes up when your list does.</p> 849 </div> 850 </section> 851 852 853 <section class="sf-pricing__wrap sf-compare"> 854 <h3 class="sf-compare__title">Compare us to the rest</h3> 855 <div class="sf-compare__table">
856 <div class="sf-compare__row sf-compare__head"> 857 <div>At 5,000 contacts</div> 858 <div class="sf-col">SendFox</div> 859 <div>Kit</div> 860 <div>Beehiiv</div> 861 <div>Mailchimp</div> 862 </div> 863 <div class="sf-compare__row"> 864 <div class="label">Monthly price</div> 865 <div class="sf-col">$19/mo</div> 866 <div>$89/mo</div> 867 <div>$89/mo</div> 868 <div>$100/mo</div> 869 </div> 870 871 <div class="sf-compare__row"> 872 <div class="label">First year</div> 873 <div class="sf-col">$190</div> 874 <div>$890</div> 875 <div>$940</div> 876 <div>$1,200</div> 877 </div> 878 </div> 879 </section> 880 881 882 <section class="sf-pricing__wrap"> 883 <div class="sf-help"> 884 <div class="sf-help__card"> 885 <h3>Feature requests?</h3> 886 <a href="https://sendfox.com/feedback">Share an idea or vote on what we build next.</a> 887 </div> 888 <div class="sf-help__card"> 889 <h3>Pricing questions?</h3> 890 <a href="#" data-open-chat>Ask us in chat.</a> 891 </div> 892 </div> 893 <p class="sf-footnote">Send volume may be adjusted to maintain deliverability for all SendFox users.</p> 894 </section> 895</div>
vendor: 110 bytes, lines 895-897
895 896 897<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
897<script> 898 (function () { 899 var tiers = [{"key":"p1","label":"Pro 1","price":19,"annualTotal":190,"annualPerMonth":15.83,"annualSave":38,"contacts":5000,"contactsShort":"5K","sends":100000,"sendsShort":"100K"},{"key":"p2","label":"Pro 2","price":39,"annualTotal":390,"annualPerMonth":32.5,"annualSave":78,"contacts":15000,"contactsShort":"15K","sends":200000,"sendsShort":"200K"},{"key":"p3","label":"Pro 3","price":79,"annualTotal":790,"annualPerMonth":65.83,"annualSave":158,"contacts":50000,"contactsShort":"50K","sends":400000,"sendsShort":"400K"},{"key":"p4","label":"Pro 4","price":149,"annualTotal":1490,"annualPerMonth":124.17,"annualSave":298,"contacts":100000,"contactsShort":"100K","sends":800000,"sendsShort":"800K"},{"key":"p5","label":"Pro 5","price":399,"annualTotal":3990,"annualPerMonth":332.5,"annualSave":798,"contacts":250000,"contactsShort":"250K","sends":2000000,"sendsShort":"2M"}]; 900 var annualEnabled = true; 901 var cycle = "monthly"; 902 var currentIndex = 0; 903 904 function money(n) { 905 return (Math.round(n * 100) / 100).toFixed(2).replace(/\.00$/, ''); 906 } 907 908 // Repaint the Pro card for the selected tier and billing cycle. Annual 909 // headlines the effective per-month rate with a struck monthly price and 910 // a yearly-savings badge; monthly keeps the plain rate and slider hint. 911 function renderPro() { 912 var tier = tiers[currentIndex]; 913 if (!tier) { return; } 914 var annual = annualEnabled && cycle === 'annual'; 915 916 var priceEl = document.getElementById('sfProPrice'); 917 var contactsEl = document.getElementById('sfProContacts'); 918 var sendsEl = document.getElementById('sfProSends'); 919 var ctaEl = document.getElementById('sfProCta'); 920 var annualLine = document.getElementById('sfProAnnualLine'); 921 var strikeEl = document.getElementById('sfProStrike'); 922 var saveEl = document.getElementById('sfProSave'); 923 var noteEl = document.getElementById('sfProPriceNote'); 924 925 if (priceEl) { priceEl.textContent = annual ? money(tier.annualPerMonth) : tier.price; } 926 if (contactsEl) { contactsEl.textContent = tier.contactsShort; } 927 if (sendsEl) { sendsEl.textContent = tier.sendsShort; } 928 if (annualLine) { annualLine.style.display = annual ? '' : 'none'; } 929 if (annual && strikeEl) { strikeEl.textContent = '$' + tier.price + '/mo'; } 930 if (annual && saveEl) { saveEl.textContent = 'Save $' + tier.annualSave + ' a year'; } 931 if (noteEl) { 932 noteEl.textContent = annual ? ('$' + tier.annualTotal + ' billed yearly') : 'drag to size your plan â'; 933 } 934 if (ctaEl) { 935 ctaEl.href = ctaEl.href.split('?')[0] + '?pro_tier=' + tier.key + '&cycle=' + cycle; 936 } 937 } 938 939 function initPricingSlider() { 940 var slider = document.getElementById('sfProSlider'); 941 if (!slider || slider.dataset.sfBound) { 942 return; 943 } 944 slider.dataset.sfBound = '1'; 945 946 slider.addEventListener('input', function (e) { 947 var idx = parseInt(e.target.value, 10); 948 if (!tiers[idx]) { 949 return; 950 } 951 currentIndex = idx; 952 renderPro(); 953 var tier = tiers[idx]; 954 slider.setAttribute('aria-valuetext', tier.contactsShort + ' contacts, ' + tier.sendsShort + ' sends per month'); 955 }); 956 } 957 958 function bindCycleToggle() { 959 if (document.body.dataset.sfPricingCycleBound) { 960 return; 961 } 962 document.body.dataset.sfPricingCycleBound = '1'; 963 document.addEventListener('sf:cycle-change', function (e) { 964 if (!e.detail || e.detail.name !== 'pricing') { 965 return; 966 } 967 cycle = e.detail.cycle; 968 renderPro(); 969 }); 970 } 971 972 function bindAppSumoTrackers() { 973 var links = document.querySelectorAll('.sf-pricing [data-appsumo-track]'); 974 for (var i = 0; i < links.length; i++) { 975 if (links[i].dataset.sfBound) { continue; } 976 links[i].dataset.sfBound = '1'; 977 links[i].addEventListener('click', function (e) { 978 if (typeof window.trackAppSumoClick === 'function') { 979 window.trackAppSumoClick(e.currentTarget, e.currentTarget.dataset.appsumoTrack || 'pricing_page'); 980 } 981 }); 982 } 983 } 984 985 function bindChatLinks() { 986 var links = document.querySelectorAll('.sf-pricing [data-open-chat]'); 987 for (var i = 0; i < links.length; i++) { 988 if (links[i].dataset.sfBound) { continue; } 989 links[i].dataset.sfBound = '1'; 990 links[i].addEventListener('click', function (e) { 991 e.preventDefault(); 992 var btn = document.getElementById('chatbase-bubble-button'); 993 if (btn) { btn.click(); } 994 }); 995 } 996 } 997 998 function initPricingPage() { 999 initPricingSlider(); 1000 bindCycleToggle(); 1001 bindAppSumoTrackers(); 1002 bindChatLinks(); 1003 } 1004 1005 document.addEventListener('turbo:app-init', initPricingPage); 1006 document.addEventListener('turbo:load', initPricingPage); 1007 if (document.readyState !== 'loading') { 1008 initPricingPage(); 1009 } else { 1010 document.addEventListener('DOMContentLoaded', initPricingPage); 1011 } 1012 })(); 1013</script>
1013 1014 </div> 1015 1016 <footer class="sf-footer"> 1017 <div class="px-3 pb-3 text-center"> 1018 1019 1020 1021 1022 1023 <div class="w-100"> 1024 <a href="https://appsumo.com/collections/appsumo-originals/?utm_source=originals&utm_medium=website&utm_campaign=sendfox" target="_blank" onclick="trackAppSumoClick(this, 'footer')"> 1025 <div class="logo-originals logo-originals-color mx-auto mb-3"></div> 1026 </a> 1027 </div> 1028 1029 1030 1031 <div class="w-100"> 1032 <p class="text-secondary mb-0 line-1"> 1033 <small>Part of the 1034 <a class="text-dark font-weight-bold" href="https://appsumo.com/collections/appsumo-originals/?utm_source=originals&utm_medium=website&utm_campaign=sendfox"> 1035 AppSumo 1036 </a> 1037 family</small> 1038 <small>© 2026 Sumo Group, Inc. All rights reserved. <a href="https://sendfox.com/changelog" class="text-dark font-weight-bold">What's New</a> | <a href="https://sendfox.com/tos" class="text-dark font-weight-bold">Terms of Service</a> | <a href="https://sendfox.com/privacy" class="text-dark font-weight-bold">Privacy Policy</a>.</small> 1039 </p> 1040 </div> 1041 </div> 1042 1043 </footer> 1044 1045 1046 1047 1048 1049 1050 <div id="chatbot-container" data-turbo-permanent> 1051
1051<script> 1052 window.chatbaseConfig = { 1053 chatbotId: "nyIxQmOazfklOS_CmM9Xk", 1054 } 1055</script>
vendor: 1 bytes, line 1055
1055
1056<script 1057 src="https://www.chatbase.co/embed.min.js" 1058 id="nyIxQmOazfklOS_CmM9Xk" 1059 defer> 1060</script>
1060 </div> 1061 1062
1063<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43a31c8ca84d94c',t:'MTc5MDg0NDM2MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1063</body> 1064</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.