1<!DOCTYPE html><!-- Last Published: Tue Mar 03 2026 20:36:05 GMT+0000 (Coordinated Universal Time) --><html lang="en"><head><!--host-redirect-->
1<script>(function(){var h=location.hostname;if(h==="nmsite.web.app"||h==="nmsite.firebaseapp.com"){location.replace("https://notify-me.io"+location.pathname+location.search+location.hash)}})();</script>
1 2 <meta name="robots" content="index, follow"> 3 <meta charset="utf-8"> 4 <title>Pricing â Notify Me! Back in Stock & Preorder for Shopify</title> 5 <meta content="Notify Me! pricing for Shopify stores. Free plan, $9.90/mo Kickstart for new stores, and scalable plans up to 500,000 notifications. 7-day free trial." name="description"> 6 <meta content="Pricing â Notify Me! Back in Stock & Preorder for Shopify" property="og:title"> 7 <meta content="Notify Me! pricing for Shopify stores. Free plan, $9.90/mo Kickstart for new stores, and scalable plans up to 500,000 notifications. 7-day free trial." property="og:description"> 8 <meta content="Pricing â Notify Me! Back in Stock & Preorder for Shopify" property="twitter:title"> 9 <meta content="Notify Me! pricing for Shopify stores. Free plan, $9.90/mo Kickstart for new stores, and scalable plans up to 500,000 notifications. 7-day free trial." property="twitter:description"> 10 <meta property="og:url" content="https://notify-me.io/pricing"> 11 <meta property="og:type" content="website"> 12 <meta property="og:image" content="https://notify-me.io/images/og-default.png"> 13 <meta property="og:image:width" content="1200"> 14 <meta property="og:image:height" content="630"> 15 <meta property="og:image:alt" content="Notify Me!⢠â Back in Stock, Preorder, Wishlist & Low Stock alerts for Shopify"> 16 <meta name="twitter:image" content="https://notify-me.io/images/og-default.png"> 17 <meta content="summary_large_image" name="twitter:card"> 18 <meta content="width=device-width, initial-scale=1" name="viewport"> 19 <meta content="VaTHqjlg_ZuPdCba2RbqAC1A51cPp2f2QEJK-j7r8cA" name="google-site-verification"> 20 <link href="css/normalize.css" rel="stylesheet" type="text/css"> 21 <link href="css/webflow.css" rel="stylesheet" type="text/css"> 22 <link href="css/notify-me.webflow.css" rel="stylesheet" type="text/css"> 23 <link href="https://fonts.googleapis.com" rel="preconnect"> 24 <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"> 25
25<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
25 26
26<script type="text/javascript">WebFont.load({ google: { families: ["PT Sans:400,400italic,700,700italic","Inter Tight:300,400,500,600,700","PT Mono:300,400,500,600,700"] }});</script>
26 27
27<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
27 28 <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon"> 29 <link href="images/webclip.png" rel="apple-touch-icon"> 30 <link href="https://notify-me.io/pricing" rel="canonical"> 31 <link rel="alternate" hreflang="en" href="https://notify-me.io/pricing"> 32 <link rel="alternate" hreflang="ar" href="https://notify-me.io/ar/pricing"> 33 <link rel="alternate" hreflang="cs" href="https://notify-me.io/cs/pricing"> 34 <link rel="alternate" hreflang="da" href="https://notify-me.io/da/pricing"> 35 <link rel="alternate" hreflang="de" href="https://notify-me.io/de/pricing"> 36 <link rel="alternate" hreflang="es" href="https://notify-me.io/es/pricing"> 37 <link rel="alternate" hreflang="fi" href="https://notify-me.io/fi/pricing"> 38 <link rel="alternate" hreflang="fr" href="https://notify-me.io/fr/pricing"> 39 <link rel="alternate" hreflang="it" href="https://notify-me.io/it/pricing"> 40 <link rel="alternate" hreflang="ja" href="https://notify-me.io/ja/pricing"> 41 <link rel="alternate" hreflang="ko" href="https://notify-me.io/ko/pricing"> 42 <link rel="alternate" hreflang="nb" href="https://notify-me.io/nb/pricing"> 43 <link rel="alternate" hreflang="nl" href="https://notify-me.io/nl/pricing"> 44 <link rel="alternate" hreflang="pl" href="https://notify-me.io/pl/pricing"> 45 <link rel="alternate" hreflang="pt-BR" href="https://notify-me.io/pt-br/pricing"> 46 <link rel="alternate" hreflang="pt-PT" href="https://notify-me.io/pt-pt/pricing"> 47 <link rel="alternate" hreflang="sv" href="https://notify-me.io/sv/pricing"> 48 <link rel="alternate" hreflang="th" href="https://notify-me.io/th/pricing"> 49 <link rel="alternate" hreflang="tr" href="https://notify-me.io/tr/pricing"> 50 <link rel="alternate" hreflang="zh-CN" href="https://notify-me.io/zh-cn/pricing"> 51 <link rel="alternate" hreflang="zh-TW" href="https://notify-me.io/zh-tw/pricing"> 52 <link rel="alternate" hreflang="x-default" href="https://notify-me.io/pricing">
vendor: 69 bytes, lines 52-53
52 53 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
53G-SKX50NSPXD
vendor: 14 bytes, lines 53-54
53"></script> 54
54<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('js', new Date());gtag('config', 'G-SKX50NSPXD');</script>
54 55 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> 56 <style> 57 .w-webflow-badge { 58 display: none !important; 59 } 60</style> 61 <style> 62 #language-selector { 63 display: none; 64 } 65 #language-selector .w-dropdown-link { 66 transition: all 0.4s; 67 -webkit-transition: all 0.4s; 68 } 69 #language-selector .dropdown-list.w--open { 70 margin-top: -145px !important; 71 } 72 .rtl-lang #language-selector .div-block-159 { 73 flex-direction: row-reverse; 74 } 75 .rtl-lang * { 76 direction: rtl !important; 77 text-align: right; 78 } 79 .rtl-lang .big-heading-n.left-align, 80 .rtl-lang .big-heading-n.shopify-head { 81 text-align: right !important; 82 } 83 .rtl-lang .w-webflow-badge, 84 .rtl-lang .w-webflow-badge>img { 85 text-align: unset !important; 86 } 87 .rtl-lang .text-wrapper-center .text-blue-dark-gray, 88 .rtl-lang .div-block-82 .text-blue-dark-gray { 89 text-align: center !important; 90 } 91 .rtl-lang figcaption, 92 .rtl-lang .w-form-done, 93 .rtl-lang .w-widget-twitter-count-shim, 94 .rtl-lang .w-widget-twitter-count-shim .w-widget-twitter-count-inner, 95 .rtl-lang .w-slider, 96 .rtl-lang .w-slider-nav, 97 .rtl-lang .w-lightbox-backdrop, 98 .rtl-lang .w-richtext figure.w-richtext-align-fullwidth, 99 .rtl-lang [data-nav-menu-open], 100 .rtl-lang .centered-heading, 101 .rtl-lang .big-heading, 102 .rtl-lang .big-heading-n, 103 .rtl-lang .hero-desc, 104 .rtl-lang .text-block, 105 .rtl-lang .text-block-2, 106 .rtl-lang .stock-btn, 107 .rtl-lang .hero-desc-pre-p, 108 .rtl-lang .text-80.why-use-text, 109 .rtl-lang .text-wrapper-center, 110 .rtl-lang .text-blue-dark-gray.exp-pre-desc, 111 .rtl-lang .utility-page-content, 112 .rtl-lang .div-block-82, 113 .rtl-lang .text-block-36, 114 .rtl-lang .text-block-4, 115 .rtl-lang .text-80.center-on-mobile, 116 .rtl-lang .w-widget-map .gm-style-iw, 117 .rtl-lang input[type="submit"] { 118 text-align: center !important; 119 } 120 .rtl-lang .logo-wrapper .div-block-30, 121 .rtl-lang .logo-wrapper .div-block-30-white-version { 122 margin-left: 0; 123 padding-left: 0; 124 padding-right: 3rem; 125 margin-right: -3rem; 126 } 127 .rtl-lang .home-page-dont-worry-bottom-box-copy .stock-left-box-step { 128 padding-right: 12rem; 129 } 130 .rtl-lang .home-page-dont-worry-bottom-box-copy .white-box-inner-step-box { 131 inset: 0% auto 0% -18rem; 132 } 133 .rtl-lang .footer-links { 134 padding: 0 0 0 4rem; 135 } 136 .rtl-lang .footer-links-group.first { 137 margin-left: 15rem; 138 margin-right: 0; 139 } 140 .rtl-lang .pricing-hero-core-feature-item-wrapper .heading-2 { 141 left: 0; 142 right: 0.8rem; 143 } 144 .rtl-lang .pricing-hero-core-feature-item-wrapper .tabs-menu.pricing-hero-core-feature-tab-flex { 145 margin-left: 5.9rem; 146 margin-right: 0; 147 } 148 .rtl-lang .swiper-company-icons * { 149 direction: ltr !important; 150 text-align: left !important; 151 } 152 .rtl-lang .overview-hero-form .image-38 { 153 left: 1.6rem; 154 right: initial; 155 } 156 .rtl-lang .touch-box-img { 157 left: 3.2rem; 158 right: initial; 159 } 160 .rtl-lang .image-10 { 161 -moz-transform: scale(-1, 1); 162 -webkit-transform: scale(-1, 1); 163 -o-transform: scale(-1, 1); 164 -ms-transform: scale(-1, 1); 165 transform: scale(-1, 1); 166 } 167 .rtl-lang .box-shop-sec-6 { 168 border-left: none; 169 border-right: .1rem solid #1b1a2b40; 170 padding-left: 0; 171 padding-right: 4.8rem; 172 } 173 .rtl-lang .div-block-87 { 174 left: initial; 175 right: -1.2rem; 176 } 177</style> 178
178<script> 179 window.intercomSettings = { 180 api_base: "https://api-iam.intercom.io", 181 app_id: "u5qsddiv", 182 }; 183</script>
183 184
184<script> 185 window.intercomSettings = { 186 api_base: "https://api-iam.intercom.io", 187 app_id: "u5qsddiv", 188 }; 189</script>
189 190
190<script> 191 window.intercomSettings = { 192 api_base: "https://api-iam.intercom.io", 193 app_id: "u5qsddiv", 194 }; 195</script>
195 196
196<script> 197 // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/u5qsddiv' 198 (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/u5qsddiv';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})(); 199</script>
199 200
200<script type="text/javascript">(function() {var gs = document.createElement('script');gs.src = 'https://affiliate.notify-me.io/pr/js';gs.type = 'text/javascript';gs.async = 'true';gs.onload = gs.onreadystatechange = function() {var rs = this.readyState;if (rs && rs != 'complete' && rs != 'loaded') return;try {growsumo._initialize('pk_nnL1rNOTGDGAyHksKqUZCbd0WSPTZas6'); if (typeof(growsumoInit) === 'function') {growsumoInit();}} catch (e) {}};var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gs, s);})();</script>
200 201 <!-- Google tag (gtag.js) -->
vendor: 69 bytes, lines 201-202
201 202 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
202AW-16958512626
vendor: 14 bytes, lines 202-203
202"></script> 203
203<script> 204
vendor: 133 bytes, lines 204-207
204window.dataLayer = window.dataLayer || []; 205 function gtag(){dataLayer.push(arguments);} 206 gtag('js', new Date()); 207 gtag('config', '
207AW-16958512626
vendor: 4 bytes, line 207
207');
208</script>
208 209 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> 210 <link rel="stylesheet" href="css/newsletter-form.css"> 211 <link href="css/site-v2.css" rel="stylesheet" type="text/css">
212<script>(function(){!function(key){if(window.reb2b)return;window.reb2b={loaded:true};var s=document.createElement("script");s.async=true;s.src="https://ddwl4m2hdecbv.cloudfront.net/b/"+key+"/"+key+".js.gz";document.getElementsByTagName("script")[0].parentNode.insertBefore(s,document.getElementsByTagName("script")[0]);}("5NRP9H7LK9O1");function a(){if(!window.reb2b)return;var s=document.getElementById("rb2b-privacy-section");if(s)s.style.display="";document.querySelectorAll(".cookie-pop ._14-text").forEach(function(e){if(e.textContent.indexOf("approach to data privacy")!==-1){e.innerHTML='By continuing to browse, you accept the use of cookies by us and our marketing partners. To learn more and opt out,<a href="/privacy-policy" class="link-2"> click here.</a>';}});}if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",a);}else{a();}})();</script>
212 213 214<!-- Leadfeeder Tracking Code -->
215<script> (function(ss,ex){ window.ldfdr=window.ldfdr||function(){(ldfdr._q=ldfdr._q||[]).push([].slice.call(arguments));}; (function(d,s){ fs=d.getElementsByTagName(s)[0]; function ce(src){ var cs=d.createElement(s); cs.src=src; cs.async=1; fs.parentNode.insertBefore(cs,fs); }; ce('https://sc.lfeeder.com/lftracker_v1_'+ss+(ex?'_'+ex:'')+'.js'); })(document,'script'); })('lAxoEaKQglB7OYGd'); </script>
215 216<!-- End Leadfeeder Tracking Code --> 217<!-- TikTok Pixel Code Start -->
218<script> 219!function (w, d, t) { 220 w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for( 221var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script") 222;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; 223 224 225 ttq.load('D7LB1SRC77U44OJIJIG0'); 226 ttq.page(); 227}(window, document, 'ttq'); 228</script>
228 229<!-- TikTok Pixel Code End --> 230<!-- CTA Events Tracking Start -->
231<script src="/js/cta-events.js" defer=""></script>
231 232<!-- CTA Events Tracking End --> 233<!-- Intent.ly Code Start -->
234<script> 235(function(s,m,a,r,t){ 236if(s.hasOwnProperty("$smcInstall"))return!1;s.$smcInstall=1; 237s[r]=s[r]||[];var f=m.getElementsByTagName(a)[0],j=m.createElement(a),dl=r!='dataLayer'?'&r='+r:''; 238j.async=true;j.src='//smct.co/tm/?t='+t+dl;f.parentNode.insertBefore(j,f); 239})(window,document,'script','dataLayer','notify-me.io'); 240</script>
240 241<!-- Intent.ly Code End --> 242<!-- Meta Pixel Code -->
243<script>
vendor: 399 bytes, lines 243-252
243 244!function(f,b,e,v,n,t,s) 245{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 246n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 247if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 248n.queue=[];t=b.createElement(e);t.async=!0; 249t.src=v;s=b.getElementsByTagName(e)[0]; 250s.parentNode.insertBefore(t,s)}(window, document,'script', 251'https://connect.facebook.net/en_US/fbevents.js'); 252fbq('init', '
252927444196825345
vendor: 30 bytes, lines 252-253
252'); 253fbq('track', 'PageView');
254</script>
254 255<noscript><img height="1" width="1" style="display:none" 256src="https://www.facebook.com/tr?id=927444196825345&ev=PageView&noscript=1" 257/></noscript> 258<!-- End Meta Pixel Code --> 259 <!-- OpenAI Ads Pixel --> 260
260<script> 261 window.oaiq = window.oaiq || function () { 262 (window.oaiq.q = window.oaiq.q || []).push(arguments); 263 }; 264 oaiq("init", { pixelId: "8PcWvsn2FffbEzKKPCAMDC" }); 265 </script>
265 266
266<script async="" src="https://bzrcdn.openai.com/sdk/oaiq.min.js"></script>
266 267
267<script defer="" src="/js/oaiq-events.js"></script>
267 268</head> 269<body class="nm-v2 nm-nav-overlay nm-nav-overlay--light" data-nav-solid-after="24"> 270 <div class="navbar"> 271 <div class="desk-nav-white-version pad-layout"> 272 <div class="left-side-of-navbar-white-version"> 273 <a href="/" class="logo-wrapper w-inline-block"> 274 <div class="div-block-30-white-version"><img src="images/notifylogo.svg" loading="lazy" alt="Notify Me!" class="logo-icon-white-version"></div><img src="images/notify.svg" loading="lazy" alt="" class="logo-name"> 275 </a> 276 <ul role="list" class="list-white-version"> 277 <li class="nav-li-white-version"> 278 <a href="#" class="w-inline-block"> 279 <div class="nav-item-white-version"> 280 <div class="menu-item-text-white-version">Product</div><img src="images/Caret-Down-SM_1.svg" loading="lazy" alt="" class="dropdown-menu-arrow-white-version dropdown-menu-arrow"> 281 </div> 282 </a> 283 <div class="dropdown-container pad-layout"> 284 <div> 285 <div class="menu-head">Platforms</div> 286 <div class="flex-16-col"> 287 <a href="/platform-overview" class="menu-link w-inline-block"> 288 <div class="text-menu-title">Platform overview</div> 289 <div class="low-opacity-desc">Inventory management with Notify Me!<strong>⢠</strong></div> 290 </a> 291 <a href="/notify-me-vs-world" class="menu-link w-inline-block"> 292 <div class="text-menu-title">Notify Me! vs the world</div> 293 </a> 294 <a href="/easy-setup-and-migration" class="menu-link w-inline-block"> 295 <div class="text-menu-title">Easy setup and migration</div> 296 </a> 297 </div> 298 </div> 299 <div> 300 <div class="menu-head">Products</div> 301 <div class="flex-16-col"> 302 <a href="/back-in-stock" class="menu-link w-inline-block"> 303 <div class="text-menu-title">Back in Stock</div> 304 <div class="low-opacity-desc">Auto restock alerts</div> 305 </a> 306 <a href="/shopify-preorder" class="menu-link w-inline-block"> 307 <div class="text-menu-title">Preorder</div> 308 <div class="low-opacity-desc">Presell out of stock</div> 309 </a> 310 <a href="/low-stock" class="menu-link w-inline-block"> 311 <div class="text-menu-title">Low Stock</div> 312 <div class="low-opacity-desc">Sell with FOMO</div> 313 </a> 314 <a href="/wishlist" class="menu-link w-inline-block"> 315 <div class="text-menu-title">Wishlist</div> 316 <div class="low-opacity-desc">Visitors to shoppers</div> 317 </a> 318 </div> 319 </div> 320 <div> 321 <div class="menu-head">Features</div> 322 <div class="flex-16-col"> 323 <a href="/features/customizable-widgets" class="menu-link w-inline-block"> 324 <div class="text-menu-title">Customizable widgets</div> 325 </a> 326 <a href="/features/b2b-and-multi-location" class="menu-link w-inline-block"> 327 <div class="text-menu-title">B2B and Multi-Location</div> 328 </a> 329 <a href="/features/multi-language" class="menu-link w-inline-block"> 330 <div class="text-menu-title">Multi-language</div> 331 </a> 332 <a href="/features/reports-and-analytics" class="menu-link w-inline-block"> 333 <div class="text-menu-title">Reports and analytics</div> 334 </a> 335 <a href="/features/notify-me-ai" class="menu-link w-inline-block"> 336 <div class="text-menu-title">Notify me AI</div> 337 </a> 338 </div> 339 </div> 340 <div> 341 <div class="menu-head">Integrations</div> 342 <div class="flex-16-col"> 343 <a href="/integrations/klaviyo" class="menu-link w-inline-block"> 344 <div class="text-menu-title">Klaviyo</div> 345 </a> 346 <a href="/integrations/mailchimp" class="menu-link w-inline-block"> 347 <div class="text-menu-title">Mailchimp</div> 348 </a> 349 <a href="/integrations/omnisend" class="menu-link w-inline-block"> 350 <div class="text-menu-title">Omnisend</div> 351 </a> 352 <a href="/integrations/shopify-contact" class="menu-link w-inline-block"> 353 <div class="text-menu-title">Shopify Contact</div> 354 </a> 355 <a href="/integrations/pagefly" class="menu-link w-inline-block"> 356 <div class="text-menu-title">PageFly</div> 357 </a> 358 <a href="/integrations/push-owl" class="menu-link w-inline-block"> 359 <div class="text-menu-title">PushOwl</div> 360 </a> 361 </div> 362 </div> 363 <div class="menu-box red">
363<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 257 78" fill="none" class="svg-2"> 364 <path d="M21.813 429.825H-90.8064C-81.5439 338.209 -62.8575 229.833 -21.4931 144.865C19.8981 59.8426 83.9771 -1.70825 184.025 0.380307L184.037 0.37977C213.524 -0.975483 243.399 4.38999 271.309 16.6698C333.22 46.28 373.638 103.299 400.975 168.301C428.313 233.303 442.562 306.267 452.15 367.736C452.15 367.737 452.15 367.737 452.15 367.738L21.813 429.825ZM21.813 429.825C21.8203 365.745 25.8385 292.102 41.1513 227.288C56.4765 162.422 83.1234 106.36 128.425 77.6003L128.43 77.5972C145.023 67.813 164.785 61.0178 184.972 61.101C255.181 61.3783 295.661 116.699 318.606 190.346C341.536 263.943 346.984 355.921 347.076 429.825H459.779H21.813Z" stroke="currentColor" stroke-width="0.35"></path> 365 </svg> 366 <div class="heading-32">Ready to see how it all works?</div> 367 <a href="https://apps.shopify.com/preorder-back-in-stock?utm_campaign=header&utm_medium=button&utm_source=notifymeio" rel="nofollow noopener noreferrer" class="transparent-button red w-button">Install now</a> 368 </div> 369 </div> 370 </li> 371 <li class="nav-li-white-version"> 372 <a href="#" class="w-inline-block"> 373 <div class="nav-item-white-version"> 374 <div class="menu-item-text-white-version">Platforms</div><img src="images/Caret-Down-SM_1.svg" loading="lazy" alt="" class="dropdown-menu-arrow-white-version dropdown-menu-arrow"> 375 </div> 376 </a> 377 <div class="dropdown-container pad-layout grid-4"> 378 <div> 379 <div class="menu-head">Platforms</div> 380 <div class="flex-16-col"> 381 <a href="/shopify" class="menu-link w-inline-block"> 382 <div class="text-menu-title">Shopify</div> 383 <div class="low-opacity-desc">Sell more on Shopify</div> 384 </a> 385 <a href="/bigcommerce-new" class="menu-link w-inline-block"> 386 <div class="text-menu-title">BigCommerce</div> 387 <div class="low-opacity-desc">BigCommerce is here!</div> 388 </a> 389 </div> 390 </div> 391 <div> 392 <div class="menu-head">By industry</div> 393 <div class="flex-16-col"> 394 <a href="/industries/apparel-and-fashion" class="menu-link w-inline-block"> 395 <div class="text-menu-title">Apparel and fashion</div> 396 <div class="low-opacity-desc">Sell more swag</div> 397 </a> 398 <a href="/industries/electronics" class="menu-link w-inline-block"> 399 <div class="text-menu-title">Electronics</div> 400 <div class="low-opacity-desc">Send updates like big tech</div> 401 </a> 402 <a href="/industries/food-and-beverage" class="menu-link w-inline-block"> 403 <div class="text-menu-title">Food and beverage</div> 404 <div class="low-opacity-desc">Take control of FMCG</div> 405 </a> 406 <a href="/industries/non-profit" class="menu-link w-inline-block"> 407 <div class="text-menu-title">Non-profit</div> 408 <div class="low-opacity-desc">We have your back!</div> 409 </a> 410 <a href="/agencies" class="menu-link w-inline-block"> 411 <div class="text-menu-title">Agency</div> 412 <div class="low-opacity-desc">Built to scale</div> 413 </a> 414 </div> 415 </div> 416 <div> 417 <div class="menu-head">By Size</div> 418 <div class="flex-16-col"> 419 <a href="/by-size/enterprise" class="menu-link w-inline-block"> 420 <div class="text-menu-title">Enterprise</div> 421 <div class="low-opacity-desc">Unlimited and more!</div> 422 </a> 423 <a href="/by-size/small-and-medium" class="menu-link w-inline-block"> 424 <div class="text-menu-title">Small & medium</div> 425 <div class="low-opacity-desc">Scale your store</div> 426 </a> 427 <a href="/by-size/startups" class="menu-link w-inline-block"> 428 <div class="text-menu-title">Startups</div> 429 <div class="low-opacity-desc">Fast setup and start</div> 430 </a> 431 </div> 432 </div> 433 <div class="menu-box blue">
433<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 257 78" fill="none" class="svg-2"> 434 <path d="M21.813 429.825H-90.8064C-81.5439 338.209 -62.8575 229.833 -21.4931 144.865C19.8981 59.8426 83.9771 -1.70825 184.025 0.380307L184.037 0.37977C213.524 -0.975483 243.399 4.38999 271.309 16.6698C333.22 46.28 373.638 103.299 400.975 168.301C428.313 233.303 442.562 306.267 452.15 367.736C452.15 367.737 452.15 367.737 452.15 367.738L21.813 429.825ZM21.813 429.825C21.8203 365.745 25.8385 292.102 41.1513 227.288C56.4765 162.422 83.1234 106.36 128.425 77.6003L128.43 77.5972C145.023 67.813 164.785 61.0178 184.972 61.101C255.181 61.3783 295.661 116.699 318.606 190.346C341.536 263.943 346.984 355.921 347.076 429.825H459.779H21.813Z" stroke="currentColor" stroke-width="0.35"></path> 435 </svg> 436 <div class="heading-32">Ready to see how it all works?</div> 437 <a href="https://apps.shopify.com/preorder-back-in-stock?utm_campaign=header&utm_medium=button&utm_source=notifymeio" rel="nofollow noopener noreferrer" class="transparent-button blue fill w-button">Install Now!</a> 438 </div> 439 </div> 440 </li> 441 <li class="nav-li-white-version"> 442 <a href="/customer" class="w-inline-block"> 443 <div class="menu-item-text-white-version">Customer</div> 444 </a> 445 </li> 446 <li class="nav-li-white-version"> 447 <a href="#" class="w-inline-block"> 448 <div class="nav-item-white-version"> 449 <div class="menu-item-text-white-version">Resources</div><img src="images/Caret-Down-SM_1.svg" loading="lazy" alt="" class="dropdown-menu-arrow-white-version dropdown-menu-arrow"> 450 </div> 451 </a> 452 <div class="dropdown-container pad-layout"> 453 <div> 454 <div class="menu-head">Discover</div> 455 <div class="flex-16-col"> 456 <a href="/blog" class="menu-link w-inline-block"> 457 <div class="text-menu-title">Blog</div> 458 <div class="low-opacity-desc">What's new</div> 459 </a> 460 <a href="/case-studies" class="menu-link w-inline-block"> 461 <div class="text-menu-title">Case studies</div> 462 <div class="low-opacity-desc">Happy customers</div> 463 </a> 464 </div> 465 </div> 466 <div> 467 <div class="menu-head">Tools</div> 468 <div class="flex-16-col"> 469 <a href="/tools" class="menu-link w-inline-block"> 470 <div class="text-menu-title">All tools</div> 471 <div class="low-opacity-desc">Free calculators & advisors</div> 472 </a> 473 <a href="/tools/restock-studio" class="menu-link w-inline-block"> 474 <div class="text-menu-title">Restock Studio</div> 475 <div class="low-opacity-desc">Social graphics in seconds</div> 476 </a> 477 <a href="/tools/reminder-notification-optimizer" class="menu-link w-inline-block"> 478 <div class="text-menu-title">Reminder notification optimizer</div> 479 <div class="low-opacity-desc">Back-in-stock reminder timing</div> 480 </a> 481 <a href="/tools/shopify-lost-revenue-calculator" class="menu-link w-inline-block"> 482 <div class="text-menu-title">Lost revenue calculator</div> 483 <div class="low-opacity-desc">Stockout revenue at risk</div> 484 </a> 485 </div></div><div> 486 <div class="menu-head">Help</div> 487 <div class="flex-16-col"> 488 <a href="https://help.notify-me.io/en/" class="menu-link w-inline-block"> 489 <div class="text-menu-title">Help center</div> 490 <div class="low-opacity-desc">Learn all the details</div> 491 </a> 492 <a href="/contact-us" class="menu-link w-inline-block"> 493 <div class="text-menu-title">Contact us</div> 494 <div class="low-opacity-desc">Get in touch</div> 495 </a> 496 </div> 497 </div> 498 <div> 499 <div class="menu-head">Developer</div> 500 <div class="flex-16-col"> 501 <a href="/api-reference" class="menu-link w-inline-block"> 502 <div class="text-menu-title">Developers guide</div> 503 <div class="low-opacity-desc">Notify Me! Public API</div> 504 </a> 505 <a href="https://help.notify-me.io/en/articles/13184354-notify-me-public-api" class="menu-link w-inline-block"> 506 <div class="text-menu-title">Public API help</div> 507 <div class="low-opacity-desc">Learn more about the details of our API</div> 508 </a> 509 <a href="https://notify-me.statuspage.io/" rel="nofollow noopener noreferrer" class="menu-link w-inline-block"> 510 <div class="text-menu-title">Notify Me! status</div> 511 <div class="low-opacity-desc">See timelapse</div> 512 </a> 513 </div> 514 </div> 515 <div> 516 <div class="menu-head">Partnership</div> 517 <div class="flex-16-col"> 518 <a href="/partners" class="menu-link w-inline-block"> 519 <div class="text-menu-title">All partnership programs</div> 520 <div class="low-opacity-desc">Our partners</div> 521 </a> 522 <a href="/agencies" class="menu-link w-inline-block"> 523 <div class="text-menu-title">Agency</div> 524 <div class="low-opacity-desc">Grow client stores</div> 525 </a> 526 <a href="/tech-partners" class="menu-link w-inline-block"> 527 <div class="text-menu-title">Tech</div> 528 <div class="low-opacity-desc">Build with us</div> 529 </a> 530 <a href="/affiliate-program" class="menu-link w-inline-block"> 531 <div class="text-menu-title">Affiliate program</div> 532 <div class="low-opacity-desc">Refer and earn</div> 533 </a> 534 </div> 535 </div> 536 <div class="menu-box yellow">
536<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 257 78" fill="none" class="svg-2"> 537 <path d="M21.813 429.825H-90.8064C-81.5439 338.209 -62.8575 229.833 -21.4931 144.865C19.8981 59.8426 83.9771 -1.70825 184.025 0.380307L184.037 0.37977C213.524 -0.975483 243.399 4.38999 271.309 16.6698C333.22 46.28 373.638 103.299 400.975 168.301C428.313 233.303 442.562 306.267 452.15 367.736C452.15 367.737 452.15 367.737 452.15 367.738L21.813 429.825ZM21.813 429.825C21.8203 365.745 25.8385 292.102 41.1513 227.288C56.4765 162.422 83.1234 106.36 128.425 77.6003L128.43 77.5972C145.023 67.813 164.785 61.0178 184.972 61.101C255.181 61.3783 295.661 116.699 318.606 190.346C341.536 263.943 346.984 355.921 347.076 429.825H459.779H21.813Z" stroke="currentColor" stroke-width="0.35"></path> 538 </svg> 539 <div class="heading-32">Ready to see how it all works?</div> 540 <a href="https://apps.shopify.com/preorder-back-in-stock?utm_campaign=header&utm_medium=button&utm_source=notifymeio" rel="nofollow noopener noreferrer" class="transparent-button dark-blue w-button">Install now</a> 541 </div> 542 </div> 543 </li> 544 <li class="nav-li-white-version"> 545 <a href="/pricing" aria-current="page" class="w-inline-block w--current"> 546 <div class="nav-item-white-version"> 547 <div class="menu-item-text-white-version">Pricing</div> 548 </div> 549 </a> 550 </li> 551 </ul> 552 </div> 553 <div class="right-side-of-navbar-white-version"> 554 <a href="https://calendly.com/d/cwhb-vw7-fd2/meeting-with-notify-me-demo-web?utm_source=notifymeio&utm_medium=button&utm_campaign=header" rel="nofollow noopener noreferrer" target="_blank" class="nav-btn-white filled-bg w-button">Book a demo</a> 555 </div> 556 </div> 557 <div class="nav-mobile-menu"> 558 <div class="mobile-menu-inside-wrapper pad-layout"> 559 <div class="left-side-of-navbar"> 560 <ul role="list" class="list _2"> 561 <li class="nav-li"> 562 <a href="#" class="w-inline-block"> 563 <div class="nav-item"> 564 <div class="menu-item-text">Platform</div><img src="images/Caret-Down-SM.svg" loading="lazy" alt="" class="dropdown-menu-arrow"> 565 </div> 566 </a> 567 <div class="dropdown-container pad-layout"> 568 <div> 569 <div class="menu-head">Platforms</div> 570 <div class="flex-16-col"> 571 <a href="/platform-overview" class="menu-link w-inline-block"> 572 <div class="text-menu-title">Platform overview</div> 573 <div class="low-opacity-desc">One platform to rule inventory</div> 574 </a> 575 <a href="/notify-me-vs-world" class="menu-link w-inline-block"> 576 <div class="text-menu-title">Notify Me! vs the world</div> 577 </a> 578 <a href="/easy-setup-and-migration" class="menu-link w-inline-block"> 579 <div class="text-menu-title">Easy setup and migration</div> 580 </a> 581 </div> 582 </div> 583 <div> 584 <div class="menu-head">Products</div> 585 <div class="flex-16-col"> 586 <a href="/back-in-stock" class="menu-link w-inline-block"> 587 <div class="text-menu-title">Back in Stock</div> 588 <div class="low-opacity-desc">Auto restock alerts</div> 589 </a> 590 <a href="/shopify-preorder" class="menu-link w-inline-block"> 591 <div class="text-menu-title">Preorder</div> 592 <div class="low-opacity-desc">Presell out of stock</div> 593 </a> 594 <a href="/low-stock" class="menu-link w-inline-block"> 595 <div class="text-menu-title">Low Stock</div> 596 <div class="low-opacity-desc">Sell with FOMO</div> 597 </a> 598 </div> 599 </div> 600 <div> 601 <div class="menu-head">Features</div> 602 <div class="flex-16-col"> 603 <a href="/features/customizable-widgets" class="menu-link w-inline-block"> 604 <div class="text-menu-title">Customizable widgets</div> 605 </a> 606 <a href="/features/b2b-and-multi-location" class="menu-link w-inline-block"> 607 <div class="text-menu-title">B2B and Multi-Location</div> 608 </a> 609 <a href="/features/multi-language" class="menu-link w-inline-block"> 610 <div class="text-menu-title">Multi-language</div> 611 </a> 612 <a href="/features/reports-and-analytics" class="menu-link w-inline-block"> 613 <div class="text-menu-title">Reports and analytics</div> 614 </a> 615 <a href="/features/notify-me-ai" class="menu-link w-inline-block"> 616 <div class="text-menu-title">Notify me AI</div> 617 </a> 618 </div> 619 </div> 620 <div> 621 <div class="menu-head">Integrations</div> 622 <div class="flex-16-col"> 623 <a href="/integrations/klaviyo" class="menu-link w-inline-block"> 624 <div class="text-menu-title">Klaviyo</div> 625 </a> 626 <a href="/integrations/mailchimp" class="menu-link w-inline-block"> 627 <div class="text-menu-title">Mailchimp</div> 628 </a> 629 <a href="/integrations/omnisend" class="menu-link w-inline-block"> 630 <div class="text-menu-title">Omnisend</div> 631 </a> 632 <a href="/integrations/shopify-contact" class="menu-link w-inline-block"> 633 <div class="text-menu-title">Shopify Contact</div> 634 </a> 635 <a href="/integrations/pagefly" class="menu-link w-inline-block"> 636 <div class="text-menu-title">PageFly</div> 637 </a> 638 <a href="/integrations/push-owl" class="menu-link w-inline-block"> 639 <div class="text-menu-title">PushOwl</div> 640 </a> 641 </div> 642 </div> 643 <div class="menu-box red">
643<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 257 78" fill="none" class="svg-2"> 644 <path d="M21.813 429.825H-90.8064C-81.5439 338.209 -62.8575 229.833 -21.4931 144.865C19.8981 59.8426 83.9771 -1.70825 184.025 0.380307L184.037 0.37977C213.524 -0.975483 243.399 4.38999 271.309 16.6698C333.22 46.28 373.638 103.299 400.975 168.301C428.313 233.303 442.562 306.267 452.15 367.736C452.15 367.737 452.15 367.737 452.15 367.738L21.813 429.825ZM21.813 429.825C21.8203 365.745 25.8385 292.102 41.1513 227.288C56.4765 162.422 83.1234 106.36 128.425 77.6003L128.43 77.5972C145.023 67.813 164.785 61.0178 184.972 61.101C255.181 61.3783 295.661 116.699 318.606 190.346C341.536 263.943 346.984 355.921 347.076 429.825H459.779H21.813Z" stroke="currentColor" stroke-width="0.35"></path> 645 </svg> 646 <div class="heading-32">Ready to see how it all works?</div> 647 <a href="https://apps.shopify.com/preorder-back-in-stock?utm_campaign=header&utm_medium=button&utm_source=notifymeio" rel="nofollow noopener noreferrer" class="transparent-button red w-button">Install now</a> 648 </div> 649 </div> 650 </li> 651 <li class="nav-li"> 652 <a href="#" class="nav-link w-inline-block"> 653 <div class="nav-item"> 654 <div class="menu-item-text">Partners</div><img src="images/Caret-Down-SM.svg" loading="lazy" alt="" class="dropdown-menu-arrow"> 655 </div> 656 </a> 657 <div class="dropdown-container pad-layout"> 658 <div> 659 <div class="menu-head">Platforms</div> 660 <div class="flex-16-col"> 661 <a href="/shopify" class="menu-link w-inline-block"> 662 <div class="text-menu-title">Shopify</div> 663 <div class="low-opacity-desc">Sell more on Shopify</div> 664 </a> 665 <a href="/bigcommerce-new" class="menu-link w-inline-block"> 666 <div class="text-menu-title">BigCommerce</div> 667 <div class="low-opacity-desc">BigCommerce is here!</div> 668 </a> 669 </div> 670 </div> 671 <div> 672 <div class="menu-head">By industry</div> 673 <div class="flex-16-col"> 674 <a href="/industries/apparel-and-fashion" class="menu-link w-inline-block"> 675 <div class="text-menu-title">Apparel and fashion</div> 676 <div class="low-opacity-desc">Sell more swag</div> 677 </a> 678 <a href="/industries/electronics" class="menu-link w-inline-block"> 679 <div class="text-menu-title">Electronics</div> 680 <div class="low-opacity-desc">Send updates like big tech</div> 681 </a> 682 <a href="/industries/food-and-beverage" class="menu-link w-inline-block"> 683 <div class="text-menu-title">Food and beverage</div> 684 <div class="low-opacity-desc">Take control of FMCG</div> 685 </a> 686 <a href="/industries/non-profit" class="menu-link w-inline-block"> 687 <div class="text-menu-title">Non-profit</div> 688 <div class="low-opacity-desc">We have your back!</div> 689 </a> 690 <a href="/agencies" class="menu-link w-inline-block"> 691 <div class="text-menu-title">Agency</div> 692 <div class="low-opacity-desc">Built to scale</div> 693 </a> 694 </div> 695 </div> 696 <div> 697 <div class="menu-head">By Size</div> 698 <div class="flex-16-col"> 699 <a href="/by-size/enterprise" class="menu-link w-inline-block"> 700 <div class="text-menu-title">Enterprise</div> 701 <div class="low-opacity-desc">Unlimited and more!</div> 702 </a> 703 <a href="/by-size/small-and-medium" class="menu-link w-inline-block"> 704 <div class="text-menu-title">Small & medium</div> 705 <div class="low-opacity-desc">Scale your store</div> 706 </a> 707 <a href="/by-size/startups" class="menu-link w-inline-block"> 708 <div class="text-menu-title">Startups</div> 709 <div class="low-opacity-desc">Fast setup and start</div> 710 </a> 711 </div> 712 </div> 713 <div class="menu-box blue">
713<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 257 78" fill="none" class="svg-2"> 714 <path d="M21.813 429.825H-90.8064C-81.5439 338.209 -62.8575 229.833 -21.4931 144.865C19.8981 59.8426 83.9771 -1.70825 184.025 0.380307L184.037 0.37977C213.524 -0.975483 243.399 4.38999 271.309 16.6698C333.22 46.28 373.638 103.299 400.975 168.301C428.313 233.303 442.562 306.267 452.15 367.736C452.15 367.737 452.15 367.737 452.15 367.738L21.813 429.825ZM21.813 429.825C21.8203 365.745 25.8385 292.102 41.1513 227.288C56.4765 162.422 83.1234 106.36 128.425 77.6003L128.43 77.5972C145.023 67.813 164.785 61.0178 184.972 61.101C255.181 61.3783 295.661 116.699 318.606 190.346C341.536 263.943 346.984 355.921 347.076 429.825H459.779H21.813Z" stroke="currentColor" stroke-width="0.35"></path> 715 </svg> 716 <div class="heading-32">Ready to see how it all works?</div> 717 <a href="https://apps.shopify.com/preorder-back-in-stock?utm_campaign=header&utm_medium=button&utm_source=notifymeio" rel="nofollow noopener noreferrer" class="transparent-button blue fill w-button">Install Now!</a> 718 </div> 719 </div> 720 </li> 721 <li class="nav-li"> 722 <a href="/customer" class="w-inline-block"> 723 <div class="nav-item"> 724 <div class="menu-item-text">Customer</div> 725 </div> 726 </a> 727 </li> 728 <li class="nav-li"> 729 <div class="nav-item"> 730 <div class="menu-item-text">Resources</div><img src="images/Caret-Down-SM.svg" loading="lazy" alt="" class="dropdown-menu-arrow"> 731 </div> 732 <div class="dropdown-container pad-layout"> 733 <div> 734 <div class="menu-head">Discover</div> 735 <div class="flex-16-col"> 736 <a href="/blog" class="menu-link w-inline-block"> 737 <div class="text-menu-title">Blog</div> 738 <div class="low-opacity-desc">What's new</div> 739 </a> 740 <a href="/case-studies" class="menu-link w-inline-block"> 741 <div class="text-menu-title">Case studies</div> 742 <div class="low-opacity-desc">Happy customers</div> 743 </a> 744 </div> 745 </div> 746 <div> 747 <div class="menu-head">Tools</div> 748 <div class="flex-16-col"> 749 <a href="/tools" class="menu-link w-inline-block"> 750 <div class="text-menu-title">All tools</div> 751 <div class="low-opacity-desc">Free calculators & advisors</div> 752 </a> 753 <a href="/tools/restock-studio" class="menu-link w-inline-block"> 754 <div class="text-menu-title">Restock Studio</div> 755 <div class="low-opacity-desc">Social graphics in seconds</div> 756 </a> 757 <a href="/tools/reminder-notification-optimizer" class="menu-link w-inline-block"> 758 <div class="text-menu-title">Reminder notification optimizer</div> 759 <div class="low-opacity-desc">Back-in-stock reminder timing</div> 760 </a> 761 <a href="/tools/shopify-lost-revenue-calculator" class="menu-link w-inline-block"> 762 <div class="text-menu-title">Lost revenue calculator</div> 763 <div class="low-opacity-desc">Stockout revenue at risk</div> 764 </a> 765 </div></div><div> 766 <div class="menu-head">Help</div> 767 <div class="flex-16-col"> 768 <a href="https://help.notify-me.io/en/" class="menu-link w-inline-block"> 769 <div class="text-menu-title">Help center</div> 770 <div class="low-opacity-desc">Learn all the details</div> 771 </a> 772 <a href="/contact-us" class="menu-link w-inline-block"> 773 <div class="text-menu-title">Contact us</div> 774 <div class="low-opacity-desc">Get in touch</div> 775 </a> 776 </div> 777 </div> <div> 778 <div class="menu-head">Developer</div> 779 <div class="flex-16-col"> 780 <a href="/api-reference" class="menu-link w-inline-block"> 781 <div class="text-menu-title">Developers guide</div> 782 <div class="low-opacity-desc">Notify Me! Public API</div> 783 </a> 784 <a href="https://help.notify-me.io/en/articles/13184354-notify-me-public-api" class="menu-link w-inline-block"> 785 <div class="text-menu-title">Public API help</div> 786 <div class="low-opacity-desc">Learn more about the details of our API</div> 787 </a> 788 <a href="https://notify-me.statuspage.io/" rel="nofollow noopener noreferrer" class="menu-link w-inline-block"> 789 <div class="text-menu-title">Notify Me! status</div> 790 <div class="low-opacity-desc">See timelapse</div> 791 </a> 792 </div> 793 </div> 794 <div> 795 <div class="menu-head">Partnership</div> 796 <div class="flex-16-col"> 797 <a href="/partners" class="menu-link w-inline-block"> 798 <div class="text-menu-title">All partnership programs</div> 799 <div class="low-opacity-desc">Our partners</div> 800 </a> 801 <a href="/agencies" class="menu-link w-inline-block"> 802 <div class="text-menu-title">Agency</div> 803 <div class="low-opacity-desc">Grow client stores</div> 804 </a> 805 <a href="/tech-partners" class="menu-link w-inline-block"> 806 <div class="text-menu-title">Tech</div> 807 <div class="low-opacity-desc">Build with us</div> 808 </a> 809 <a href="/affiliate-program" class="menu-link w-inline-block"> 810 <div class="text-menu-title">Affiliate program</div> 811 <div class="low-opacity-desc">Refer and earn</div> 812 </a> 813 </div> 814 </div> 815 <div class="menu-box yellow">
815<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 257 78" fill="none" class="svg-2"> 816 <path d="M21.813 429.825H-90.8064C-81.5439 338.209 -62.8575 229.833 -21.4931 144.865C19.8981 59.8426 83.9771 -1.70825 184.025 0.380307L184.037 0.37977C213.524 -0.975483 243.399 4.38999 271.309 16.6698C333.22 46.28 373.638 103.299 400.975 168.301C428.313 233.303 442.562 306.267 452.15 367.736C452.15 367.737 452.15 367.737 452.15 367.738L21.813 429.825ZM21.813 429.825C21.8203 365.745 25.8385 292.102 41.1513 227.288C56.4765 162.422 83.1234 106.36 128.425 77.6003L128.43 77.5972C145.023 67.813 164.785 61.0178 184.972 61.101C255.181 61.3783 295.661 116.699 318.606 190.346C341.536 263.943 346.984 355.921 347.076 429.825H459.779H21.813Z" stroke="currentColor" stroke-width="0.35"></path> 817 </svg> 818 <div class="heading-32">Ready to see how it all works?</div> 819 <a href="https://apps.shopify.com/preorder-back-in-stock?utm_campaign=header&utm_medium=button&utm_source=notifymeio" rel="nofollow noopener noreferrer" class="transparent-button dark-blue w-button">Install now</a> 820 </div> 821 </div> 822 </li> 823 <li class="nav-li"> 824 <a href="/pricing" aria-current="page" class="w-inline-block w--current"> 825 <div class="nav-item"> 826 <div class="menu-item-text">Pricing</div> 827 </div> 828 </a> 829 </li> 830 </ul> 831 </div> 832 <div class="mobile-nav-btn-container"> 833 <a href="https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=header" rel="nofollow noopener noreferrer" target="_blank" class="nav-btn filled-bg _3 w-button">Start for free</a> 834 <a href="https://calendly.com/d/cwhb-vw7-fd2/meeting-with-notify-me-demo-web?utm_source=notifymeio&utm_medium=button&utm_campaign=mobile-nav" rel="nofollow noopener noreferrer" class="nav-btn sec w-button">Book demo</a> 835 </div> 836 </div> 837 </div> 838 <div class="mobile-nav pad-layout"> 839 <div class="left-side-of-navbar"> 840 <a href="/" class="logo-wrapper w-inline-block"> 841 <div class="div-block-30"><img src="images/notifylogo.svg" loading="lazy" alt="" class="logo-icon"></div><img src="images/notify.svg" loading="lazy" alt="" class="logo-name"> 842 </a> 843 <ul role="list" class="list"> 844 <li class="nav-li"> 845 <a href="#" class="w-inline-block"> 846 <div class="nav-item"> 847 <div class="menu-item-text">Platform</div><img src="images/Caret-Down-SM.svg" loading="lazy" alt="" class="dropdown-menu-arrow"> 848 </div> 849 </a> 850 <div class="dropdown-container"> 851 <a href="/low-stock" class="dropdown-link-text">Low Stock</a> 852 <a href="/back-in-stock" class="dropdown-link-text">Back in Stock</a> 853 <a href="/shopify-preorder" class="dropdown-link-text">Preorder</a> 854 </div> 855 </li> 856 <li class="nav-li hide-release"> 857 <a href="#" class="w-inline-block"> 858 <div class="nav-item"> 859 <div class="menu-item-text">Solutions</div><img src="images/Caret-Down-SM.svg" loading="lazy" alt="" class="dropdown-menu-arrow"> 860 </div> 861 </a> 862 </li> 863 <li class="nav-li hide-release"> 864 <a href="#" class="w-inline-block"> 865 <div class="nav-item"> 866 <div class="menu-item-text">Customer</div> 867 </div> 868 </a> 869 </li> 870 <li class="nav-li"> 871 <a href="#" class="w-inline-block"> 872 <div class="nav-item"> 873 <div class="menu-item-text">Resources</div><img src="images/Caret-Down-SM.svg" loading="lazy" alt="" class="dropdown-menu-arrow"> 874 </div> 875 </a> 876 <div class="dropdown-container"> 877 <a href="/integrations/klaviyo" class="dropdown-link-text">Klaviyo</a> 878 <a href="/partners" class="dropdown-link-text">Become a partner</a> 879 </div> 880 </li> 881 <li class="nav-li"> 882 <div class="nav-item"> 883 <div class="menu-item-text">Resources</div><img src="images/Caret-Down-SM.svg" loading="lazy" alt="" class="dropdown-menu-arrow"> 884 </div> 885 <div class="dropdown-container"> 886 <a href="/blog" class="dropdown-link-text">Blog</a> 887 <a href="/contact-us" class="dropdown-link-text">Contact us</a> 888 </div> 889 </li> 890 <li class="nav-li"> 891 <a href="/pricing" aria-current="page" class="w-inline-block w--current"> 892 <div class="nav-item"> 893 <div class="menu-item-text">
893Pricing</div> 894 </div> 895 </a> 896 </li> 897 </ul> 898 </div> 899 <div id="menu-toggle" data-w-id="691733ed-50fc-ab64-b491-bbc6c3d5e29a" class="hamburger-container"><img src="images/Hamburger-menu.svg" loading="lazy" alt="" class="fit-image-absolute open"><img src="images/Hamburger-menu-1.svg" loading="lazy" alt="" class="fit-image-absolute close"></div> 900 <div class="code-embed-6 w-embed w-script"> 901 <style> 902 .no-scroll { 903 overflow: hidden; 904 height: 100vh; 905 } 906</style> 907
907<script> 908let koko = document.getElementById('menu-toggle') 909console.log(koko) 910 koko.onclick = () => { 911 document.body.classList.toggle('no-scroll') 912 } 913</script>
913 914 </div> 915 </div> 916 <div id="cookie-popup" class="cookie-pop"> 917 <div class="code-embed-5 w-embed w-script"> 918
918<script> 919document.addEventListener("DOMContentLoaded", function () { 920 // Check if the user has already accepted cookies 921 const isCookieAccepted = localStorage.getItem("cookieAccepted"); 922 if (!isCookieAccepted) { 923 // Show the cookie popup 924 document.getElementById("cookie-popup").style.display = "flex"; 925 } 926 // Add event listener to the accept button 927 document.getElementById("accept-cookies").addEventListener("click", function () { 928 // Save the acceptance in localStorage 929 localStorage.setItem("cookieAccepted", "true"); 930 // Hide the cookie popup 931 document.getElementById("cookie-popup").style.display = "none"; 932 }); 933}); 934</script>
934 935 </div> 936 <div class="_14-text">By continuing to browse, you accept the use of cookies. To learn more about the use of cookies and our approach to data privacy,<a href="/privacy-policy" class="link-2"> click here.</a> 937 </div> 938 <a id="accept-cookies" href="#" class="transparent-button blue fill w-button">Accept</a> 939 </div> 940 </div> 941 <section class="section pad-layout pricing-hero-relative-section"> 942 <div class="pricing-absolute-blue-bg-left-top"><img src="images/DefaultShape.svg" loading="lazy" alt="" class="fit-image"></div> 943 <div class="pricing-absolute-blue-bg-right"><img src="images/DefaultShape.svg" loading="lazy" alt="" class="fit-image"></div> 944 <div class="text-wrapper-center pricing-hero"> 945 <h1 class="big-heading-n pricing-hero-title"><span class="text-gradient blue">Pricing plans</span> to suit any business size</h1> 946 <div class="text-blue-dark-gray">Back in stock, Preorder, Low stock</div> 947 <div class="div-block-59 hide-release"> 948 <div class="text-block-21">500</div> 949 <div class="div-block-60"> 950 <div class="div-block-61"></div> 951 <div class="div-block-62"><img src="images/Arrow-Right-SM.svg" loading="lazy" alt="" class="arrow-22"> 952 <div class="text-block-22">2,000</div><img src="images/Arrow-Right-SM.svg" loading="lazy" alt="" class="arrow-22 rotate"> 953 </div> 954 </div> 955 <div class="text-block-21">500,000</div> 956 </div> 957 <div class="code-embed-9 w-embed w-script"><!-- 958 WEBFLOW PRICING SECTION EMBED 959 Paste this entire block into ONE Webflow Embed element. 960 ============================================================ 961 WHERE TO PASTE: 962 1. Add an "Embed" element to your Webflow page. 963 2. Open the Embed editor and paste ALL of this code. 964 3. Click "Save & Close", then publish. 965 CUSTOMISE: 966 ⢠"ââ EDIT HERE: CSS VARIABLES ââ" â colors / radius / shadow 967 ⢠"ââ EDIT HERE: PLAN DATA ââ" â plan names, prices, features 968 ============================================================ --> 969 <style> 970/* ââ EDIT HERE: CSS VARIABLES ââââââââââââââââââââââââââââââââââ*/ 971:root { 972 --pc-accent: #2563eb; 973 --pc-accent-text: #ffffff; 974 --pc-toggle-border: #d1d5db; 975 --pc-toggle-bg: #ffffff; 976 --pc-radius: 0px; /* v2 sharp shell â inner pills/badges stay 999px */ 977 --pc-popular-bg: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #6366f1 100%); 978 --pc-popular-text: #ffffff; 979 --pc-card-bg: #ffffff; 980 --pc-card-bg-popular: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #4f46e5 100%); 981 --pc-card-bg-plus: #0a0a0a; 982 --pc-border: #e5e7eb; 983 --pc-price-color: inherit; 984 --pc-muted: #6b7280; 985 --pc-save-bg: #dcfce7; 986 --pc-save-text: #166534; 987 --pc-discount-bg: #fef3c7; 988 --pc-discount-text: #92400e; 989} 990/* ââ SCOPE ââââââââââââââââââââââââââââââââââââââââââââââââââââââ*/ 991[data-pc] *, [data-pc] *::before, [data-pc] *::after { 992 box-sizing: border-box; 993} 994[data-pc="pricing"] { 995 width: 100%; 996 padding: 0; 997} 998/* The hero's `.text-wrapper-center` is a CENTRED COLUMN flex container 999 (`flex-flow: column; align-items: center`), so a block child shrinks to its 1000 own content width instead of filling the line. That left the plan grid at 1001 1193px while every other section on the page â including the Kickstart and 1002 Free panels directly below it â sits on the standard 1320px content column. 1003 Stretching the embed lets the 4Ã1fr grid fill that column so the two align. */ 1004.pricing-hero .code-embed-9 { 1005 align-self: stretch; 1006 width: 100%; 1007} 1008/* ââ TOGGLE AREA ââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1009[data-pc="toggle-wrap"] { 1010 display: flex; 1011 flex-direction: column; 1012 align-items: center; 1013 gap: 8px; 1014 margin-bottom: 24px; 1015} 1016[data-pc="toggle-track"] { 1017 display: inline-flex; 1018 align-items: center; 1019 gap: 4px; 1020 cursor: pointer; 1021 border: 1.5px solid var(--pc-toggle-border); 1022 border-radius: 999px; 1023 background: var(--pc-toggle-bg); 1024 padding: 4px; 1025 outline: none; 1026} 1027[data-pc="toggle-track"]:focus-visible { 1028 outline: 2px solid var(--pc-accent); 1029 outline-offset: 3px; 1030} 1031[data-pc="toggle-option"] { 1032 padding: 7px 20px; 1033 border-radius: 999px; 1034 font-size: .92em; 1035 font-weight: 500; 1036 color: #374151; 1037 transition: background .2s, color .2s; 1038 white-space: nowrap; 1039 user-select: none; 1040 line-height: 1.4; 1041 background: transparent; 1042} 1043[data-pc="toggle-option"][data-active="true"] { 1044 background: var(--pc-accent); 1045 color: var(--pc-accent-text); 1046 font-weight: 600; 1047} 1048/* Save badge */ 1049[data-pc="save-badge"] { 1050 display: inline-block; 1051 padding: 4px 16px; 1052 border-radius: 999px; 1053 background: var(--pc-save-bg); 1054 color: var(--pc-save-text); 1055 font-size: .8em; 1056 font-weight: 600; 1057 text-align: center; 1058 white-space: normal; 1059 max-width: 100%; 1060 word-break: break-word; 1061} 1062/* ââ GRID âââââââââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1063[data-pc="grid"] { 1064 display: grid; 1065 grid-template-columns: repeat(4, 1fr); 1066 grid-template-rows: auto auto auto auto 1fr; 1067 gap: 14px; 1068 align-items: stretch; 1069} 1070@media (max-width: 1200px) { 1071 [data-pc="grid"] { 1072 grid-template-columns: repeat(3, 1fr);
1073 grid-template-rows: none; 1074 } 1075} 1076@media (max-width: 768px) { 1077 [data-pc="grid"] { 1078 grid-template-columns: repeat(2, 1fr); 1079 grid-template-rows: none; 1080 } 1081} 1082@media (max-width: 600px) { 1083 [data-pc="pricing"] { 1084 padding: 0; 1085 margin: 0; 1086 } 1087 [data-pc="grid"] { 1088 grid-template-columns: 1fr; 1089 grid-template-rows: none; 1090 width: 100%; 1091 max-width: 100%; 1092 margin: 0; 1093 padding: 0; 1094 gap: 12px; 1095 } 1096 [data-pc="card"] { 1097 width: 100%; 1098 max-width: 100%; 1099 margin: 0; 1100 grid-row: auto; 1101 display: flex; 1102 flex-direction: column; 1103 grid-template-rows: none; 1104 border-radius: 12px; 1105 } 1106 [data-pc="card-header"], 1107 [data-pc="card-price-zone"], 1108 [data-pc="card-footer"] { 1109 align-self: auto; 1110 } 1111} 1112/* ââ CARD âââââââââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1113[data-pc="card"] { 1114 position: relative; 1115 display: grid; 1116 grid-row: span 5; 1117 grid-template-rows: subgrid; 1118 background: var(--pc-card-bg); 1119 border: 1.5px solid var(--pc-border); 1120 border-radius: var(--pc-radius); 1121 padding: 26px 18px 16px; 1122 box-shadow: none; 1123 transition: box-shadow .25s, transform .25s; 1124} 1125@supports not (grid-template-rows: subgrid) { 1126 [data-pc="card"] { 1127 display: flex; 1128 flex-direction: column; 1129 grid-row: auto; 1130 } 1131 [data-pc="card-header"] { min-height: 90px; } 1132 [data-pc="card-price-zone"] { min-height: 72px; } 1133} 1134[data-pc="card"]:hover { 1135 box-shadow: 0 4px 24px rgba(0,0,0,.1); 1136 transform: translateY(-2px); 1137} 1138/* Rocket â colorful gradient */ 1139[data-pc="card"][data-popular="true"] { 1140 background: var(--pc-card-bg-popular); 1141 border-color: transparent; 1142 color: #ffffff; 1143 box-shadow: 0 4px 30px rgba(37, 99, 235, .25); 1144} 1145[data-pc="card"][data-popular="true"]:hover { 1146 box-shadow: 0 8px 40px rgba(37, 99, 235, .35); 1147 transform: translateY(-4px); 1148} 1149[data-pc="card"][data-popular="true"] [data-pc="tagline"], 1150[data-pc="card"][data-popular="true"] [data-pc="price-period"], 1151[data-pc="card"][data-popular="true"] [data-pc="price-note"], 1152[data-pc="card"][data-popular="true"] [data-pc="price-original"] { 1153 color: rgba(255,255,255,.7); 1154} 1155[data-pc="card"][data-popular="true"] [data-pc="features"] li::before { 1156 color: rgba(255,255,255,.5); 1157} 1158[data-pc="card"][data-popular="true"] [data-pc="divider"] { 1159 border-top-color: rgba(255,255,255,.15); 1160} 1161/* Plus â solid black */ 1162[data-pc="card"][data-plus="true"] { 1163 background: var(--pc-card-bg-plus); 1164 border-color: transparent; 1165 color: #ffffff; 1166} 1167[data-pc="card"][data-plus="true"]:hover { 1168 box-shadow: 0 6px 30px rgba(0,0,0,.3); 1169 transform: translateY(-3px); 1170} 1171[data-pc="card"][data-plus="true"] [data-pc="tagline"], 1172[data-pc="card"][data-plus="true"] [data-pc="price-period"], 1173[data-pc="card"][data-plus="true"] [data-pc="price-note"], 1174[data-pc="card"][data-plus="true"] [data-pc="price-original"] { 1175 color: rgba(255,255,255,.6); 1176} 1177[data-pc="card"][data-plus="true"] [data-pc="features"] li::before { 1178 color: rgba(255,255,255,.4); 1179} 1180[data-pc="card"][data-plus="true"] [data-pc="divider"] { 1181 border-top-color: rgba(255,255,255,.12); 1182} 1183/* ââ POPULAR BADGE ââââââââââââââââââââââââââââââââââââââââââââââ*/ 1184[data-pc="popular-badge"] { 1185 position: absolute; 1186 top: -1px; 1187 right: 18px; 1188 background: #ffffff; 1189 color: #1e3a8a; 1190 font-size: .65em; 1191 font-weight: 500; 1192 letter-spacing: .1em; 1193 text-transform: uppercase; 1194 padding: 4px 12px; 1195 border-radius: 0 0 8px 8px; 1196 font-family: "PT Mono", monospace; 1197} 1198/* ââ DISCOUNT BADGE (60% off / 20% off) âââââââââââââââââââââââââ*/ 1199[data-pc="discount-badge"] { 1200 display: inline-block; 1201 padding: 3px 10px; 1202 border-radius: 999px; 1203 font-size: .68em; 1204 font-weight: 500; 1205 text-align: center; 1206 white-space: nowrap; 1207 margin-top: 2px; 1208 letter-spacing: .02em; 1209} 1210[data-pc="discount-badge"][data-variant="monthly"] { 1211 background: #fee2e2; 1212 color: #991b1b; 1213} 1214[data-pc="discount-badge"][data-variant="yearly"] { 1215 background: var(--pc-save-bg); 1216 color: var(--pc-save-text); 1217} 1218/* On popular card (colorful bg) */
1219[data-pc="card"][data-popular="true"] [data-pc="discount-badge"] { 1220 background: rgba(255,255,255,.2); 1221 color: #ffffff; 1222} 1223/* On plus card (black bg) */ 1224[data-pc="card"][data-plus="true"] [data-pc="discount-badge"] { 1225 background: rgba(255,255,255,.15); 1226 color: #ffffff; 1227} 1228/* ââ PLAN TITLE âââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1229[data-pc="plan-title"] { 1230 margin: 0 0 2px; 1231 padding: 0; 1232 text-align: center; 1233} 1234/* ââ TAGLINE ââââââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1235[data-pc="tagline"] { 1236 margin: 0; 1237 color: var(--pc-muted); 1238 line-height: 1.35; 1239 font-size: .84em; 1240 text-align: center; 1241 display: -webkit-box; 1242 -webkit-line-clamp: 2; 1243 -webkit-box-orient: vertical; 1244 overflow: hidden; 1245 min-height: calc(1.35em * 2); 1246} 1247/* ââ CARD HEADER ZONE âââââââââââââââââââââââââââââââââââââââââââ*/ 1248[data-pc="card-header"] { 1249 display: flex; 1250 flex-direction: column; 1251 align-items: center; 1252 align-self: stretch; 1253 padding-bottom: 2px; 1254} 1255/* ââ CARD PRICE ZONE ââââââââââââââââââââââââââââââââââââââââââââ*/ 1256[data-pc="card-price-zone"] { 1257 display: flex; 1258 flex-direction: column; 1259 align-items: center; 1260 justify-content: center; 1261 align-self: stretch; 1262 min-height: 72px; 1263 padding-bottom: 2px; 1264} 1265/* ââ CARD FOOTER ZONE âââââââââââââââââââââââââââââââââââââââââââ*/ 1266[data-pc="card-footer"] { 1267 flex: 1; 1268 display: flex; 1269 flex-direction: column; 1270 align-self: stretch; 1271} 1272/* ââ PRICE BLOCK ââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1273[data-pc="price-block"] { 1274 display: flex; 1275 flex-direction: column; 1276 align-items: center; 1277 width: 100%; 1278 gap: 1px; 1279} 1280[data-pc="price-original"] { 1281 display: flex; 1282 align-items: baseline; 1283 justify-content: center; 1284 gap: 2px; 1285 font-size: .82em; 1286 color: var(--pc-muted); 1287 text-decoration: line-through; 1288 text-align: center; 1289 line-height: 1.3; 1290 white-space: nowrap; 1291} 1292[data-pc="price-row"] { 1293 display: flex; 1294 align-items: baseline; 1295 justify-content: center; 1296 flex-wrap: nowrap; 1297 gap: 3px; 1298 line-height: 1.1; 1299 white-space: nowrap; 1300} 1301[data-pc="price-amount"] { 1302 font-family: var(--v2-display); 1303 font-size: 2em; 1304 font-weight: 400; 1305 color: var(--pc-price-color); 1306 line-height: 1; 1307} 1308[data-pc="price-period"] { 1309 font-size: .88em; 1310 font-weight: 400; 1311 color: var(--pc-muted); 1312 white-space: nowrap; 1313} 1314[data-pc="price-note"] { 1315 margin-top: 2px; 1316 font-size: .75em; 1317 color: var(--pc-muted); 1318 line-height: 1.35; 1319 text-align: center; 1320} 1321[data-pc="custom-price"] { 1322 font-family: var(--v2-display); 1323 font-size: 1.4em; 1324 font-weight: 400; 1325 line-height: 1.2; 1326 text-align: center; 1327} 1328[data-pc="cta2"] { 1329 display: block; 1330 margin-top: 8px; 1331 font-size: .85em; 1332 text-align: center; 1333 color: inherit; 1334 opacity: .85; 1335} 1336[data-pc="cta2"] u { cursor: pointer; } 1337/* ââ DIVIDER ââââââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1338[data-pc="divider"] { 1339 align-self: center; 1340 border: none; 1341 border-top: 1px solid rgba(0,0,0,.08); 1342 margin: 0 0 6px; 1343 width: 100%; 1344} 1345/* ââ FEATURES LIST ââââââââââââââââââââââââââââââââââââââââââââââ*/ 1346[data-pc="features"] { 1347 list-style: none; 1348 margin: 0 0 14px; 1349 padding: 0; 1350 flex: 1; 1351 display: flex; 1352 flex-direction: column; 1353 gap: 6px; 1354} 1355[data-pc="features"] li { 1356 display: flex; 1357 align-items: flex-start; 1358 gap: 7px; 1359 color: var(--pc-feature-color, inherit); 1360 font-size: .95em; 1361 line-height: 1.45; 1362 text-align: left; 1363} 1364[data-pc="features"] li::before { 1365 content: "â¢"; 1366 flex-shrink: 0; 1367 margin-top: .05em; 1368 color: var(--pc-muted); 1369} 1370/* ââ CTA BUTTON âââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1371[data-pc="cta"] { 1372 display: flex; 1373 align-items: center; 1374 justify-content: center; 1375 width: 100%; 1376 padding: 11px 18px; 1377 margin-top: auto; 1378 border-radius: 999px; 1379 border: 1.5px solid #9ca3af; 1380 background: transparent; 1381 color: inherit; 1382 text-align: center; 1383 text-decoration: none; 1384 cursor: pointer; 1385 transition: background .18s, border-color .18s, transform .18s; 1386} 1387[data-pc="cta"]:hover, 1388[data-pc="cta"]:focus-visible { 1389 background: rgba(0,0,0,.06); 1390 border-color: #6b7280; 1391 outline: none; 1392 transform: scale(1.02); 1393} 1394/* Popular card CTA â white filled */
1395[data-pc="card"][data-popular="true"] [data-pc="cta"] { 1396 border-color: #ffffff; 1397 background: #ffffff; 1398 color: #1e3a8a; 1399 font-weight: 600; 1400} 1401[data-pc="card"][data-popular="true"] [data-pc="cta"]:hover { 1402 background: #f0f4ff; 1403 border-color: #ffffff; 1404} 1405/* Plus card CTA â white outline */ 1406[data-pc="card"][data-plus="true"] [data-pc="cta"] { 1407 border-color: rgba(255,255,255,.4); 1408 color: #ffffff; 1409} 1410[data-pc="card"][data-plus="true"] [data-pc="cta"]:hover { 1411 background: rgba(255,255,255,.1); 1412 border-color: rgba(255,255,255,.7); 1413} 1414</style> 1415 <!-- ââ MARKUP ââââââââââââââââââââââââââââââââââââââââââââââââââ --> 1416 <div data-pc="pricing" data-billing="monthly" id="pc-root"> 1417 <!-- Toggle + save badge stacked vertically, centered --> 1418 <div data-pc="toggle-wrap"> 1419 <div data-pc="toggle-track" role="group" aria-label="Billing period" tabindex="0" id="pc-toggle"> 1420 <span data-pc="toggle-option" data-option="monthly" data-active="false" id="pc-opt-monthly">Monthly</span> 1421 <span data-pc="toggle-option" data-option="yearly" data-active="true" id="pc-opt-yearly">Yearly</span> 1422 </div> 1423 <span data-pc="save-badge" id="pc-save-badge" style="display:none">Save up to 20% on annual plans</span> 1424 </div> 1425 <!-- Cards rendered by JS --> 1426 <div data-pc="grid" id="pc-grid"></div> 1427 </div> 1428 <!-- ââ PLAN DATA ââââââââââââââââââââââââââââââââââââââââââââââ --> 1429
1429<script> 1430(function () { 1431 'use strict'; 1432 /* ââ EDIT HERE: PLAN DATA ââââââââââââââââââââââââââââââââââââ */ 1433 var HEADING_CLASS = 'heading'; 1434 /* 1435 PRICING LOGIC: 1436 âââââââââââââ 1437 Base prices (original / full price): 1438 Lite: $0 1439 Starter: $19.9 1440 Standard: $39.9 1441 Rocket: $69.9 1442 Plus: Custom 1443 Monthly mode â 60% off base price (for new users only) 1444 Starter: $19.9 Ã 0.40 = $7.96 1445 Standard: $39.9 Ã 0.40 = $15.96 1446 Rocket: $69.9 Ã 0.40 = $27.96 1447 Yearly mode â 20% off base price 1448 Starter: $19.9 Ã 0.80 = $15.92/mo â $191.04/yr 1449 Standard: $39.9 Ã 0.80 = $31.92/mo â $383.04/yr 1450 Rocket: $69.9 Ã 0.80 = $55.92/mo â $671.04/yr 1451 */ 1452 var PLANS = [ 1453 { 1454 id: 'starter', 1455 name: 'Starter', 1456 tagline: '30-day money-back guarantee', 1457 monthlyPrice: 7.96, 1458 monthlyCompare: 19.9, 1459 yearlyPrice: 15.92, 1460 yearlyCompare: 19.9, 1461 yearlyTotal: 191.04, 1462 yearlyNote: 'Billed annually at $191.04', 1463 monthlyNote: null, 1464 features: [ 1465 'All Lite plan features included', 1466 '500 back-in-stock notifications/mo', 1467 '2,000 Wishlist actions/mo', 1468 'Email, Push & SMS channels', 1469 '500 Pre-orders/mo', 1470 'Customizable widgets', 1471 'Partial payment support', 1472 'Guest Wishlists', 1473 'Low-stock alerts for your customers', 1474 'Zero transaction fees on pre-orders' 1475 ], 1476 yearlyFeatures: [ 1477 'All Lite plan features included', 1478 '6,000 notifications/yr', 1479 '24,000 Wishlist actions/yr', 1480 'Email, Push & SMS channels', 1481 '6,000 Pre-orders/yr', 1482 'Customizable widgets', 1483 'Partial payment support', 1484 'Guest Wishlists', 1485 'Low-stock alerts for your customers', 1486 'Zero transaction fees on pre-orders' 1487 ], 1488 cta: { label: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing' }, 1489 popular: false, 1490 plus: false, 1491 showDiscount: true 1492 }, 1493 { 1494 id: 'standard', 1495 name: 'Standard', 1496 tagline: '30-day money-back guarantee', 1497 monthlyPrice: 15.96, 1498 monthlyCompare: 39.9, 1499 yearlyPrice: 31.92, 1500 yearlyCompare: 39.9, 1501 yearlyTotal: 383.04, 1502 yearlyNote: 'Billed annually at $383.04', 1503 monthlyNote: null, 1504 features: [ 1505 'Everything in Starter, plus:', 1506 '1,500 notifications/mo', 1507 '10,000 Wishlist actions/mo', 1508 '1,500 Pre-orders/mo', 1509 'Custom email domain verification', 1510 'Hide "Notify Me" button by tag', 1511 'Shopify Customers integration', 1512 'Live Chat support', 1513 'Zero transaction fees on pre-orders' 1514 ], 1515 yearlyFeatures: [ 1516 'Everything in Starter, plus:', 1517 '18,000 notifications/yr', 1518 '120,000 Wishlist actions/yr', 1519 '18,000 Pre-orders/yr', 1520 'Custom email domain verification', 1521 'Hide "Notify Me" button by tag', 1522 'Shopify Customers integration', 1523 'Live Chat support', 1524 'Zero transaction fees on pre-orders' 1525 ], 1526 cta: { label: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing' }, 1527 popular: false, 1528 plus: false, 1529 showDiscount: true 1530 }, 1531 { 1532 id: 'rocket', 1533 name: 'Rocket', 1534 tagline: '30-day money-back guarantee', 1535 monthlyPrice: 27.96, 1536 monthlyCompare: 69.9, 1537 yearlyPrice: 55.92, 1538 yearlyCompare: 69.9, 1539 yearlyTotal: 671.04, 1540 yearlyNote: 'Billed annually at $671.04', 1541 monthlyNote: null, 1542 features: [ 1543 'Everything in Standard, plus:', 1544 '5,000 notifications/mo', 1545 '25,000 Wishlist actions/mo', 1546 '10,000 Pre-orders/mo', 1547 'Multi-language storefront support', 1548 'Resend missed notifications', 1549 'GDPR compliance tools', 1550 'Custom notification templates', 1551 'Zero transaction fees on pre-orders' 1552 ], 1553 yearlyFeatures: [ 1554 'Everything in Standard, plus:', 1555 '60,000 notifications/yr', 1556 '300,000 Wishlist actions/yr', 1557 '120,000 Pre-orders/yr', 1558 'Multi-language storefront support', 1559 'Resend missed notifications', 1560 'GDPR compliance tools', 1561 'Custom notification templates', 1562 'Zero transaction fees on pre-orders' 1563 ], 1564 cta: { label: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing' }, 1565 popular: true, 1566 plus: false, 1567 showDiscount: true 1568 }, 1569 { 1570 id: 'plus', 1571 name: 'Notify Plus', 1572 tagline: '30-day money-back guarantee', 1573 monthlyPrice: 200, 1574 monthlyCompare: 499.99, 1575 yearlyPrice: 399.92, 1576 yearlyCompare: 499.99, 1577 yearlyTotal: 4799.04, 1578 yearlyNote: 'Billed annually at $4,799.04', 1579 monthlyNote: null, 1580 features: [ 1581 'Everything in Rocket, plus:', 1582 'Unlimited notifications', 1583 'Unlimited Wishlist actions', 1584 'Email, SMS & Push channels', 1585 'Multi-location inventory support', 1586 'Higher SLA guarantees', 1587 'Dedicated VIP support', 1588 'Zero transaction fees on pre-orders' 1589 ], 1590 yearlyFeatures: [ 1591 'Everything in Rocket, plus:', 1592 'Unlimited notifications', 1593 'Unlimited Wishlist actions', 1594 'Email, SMS & Push channels', 1595 'Multi-location inventory support', 1596 'Higher SLA guarantees', 1597 'Dedicated VIP support', 1598 'Zero transaction fees on pre-orders' 1599 ], 1600 cta: { label: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing' }, 1601 cta2: { label: 'Need an expert? Book a call', href: 'https://calendly.com/d/cwhb-vw7-fd2/meeting-with-notify-me-demo-web' }, 1602 popular: false, 1603 plus: true, 1604 showDiscount: true 1605 } 1606 ]; 1607 /* ââ END PLAN DATA âââââââââââââââââââââââââââââââââââââââââââ */ 1608 /* ââ Helpers ââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1609 function fmtPrice(n) { 1610 if (n == null) return ''; 1611 var rounded = Math.round(n * 100) / 100; 1612 var str = rounded.toFixed(2); 1613 /* Strip trailing zeros: 7.96 â "7.96", 0.00 â "0" */ 1614 if (str.slice(-3) === '.00') str = str.slice(0, -3); 1615 else if (str.slice(-1) === '0') str = str.slice(0, -1); 1616 var parts = str.split('.'); 1617 parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ','); 1618 return '$' + parts.join('.'); 1619 } 1620 function esc(str) { 1621 return String(str) 1622 .replace(/&/g, '&') 1623 .replace(/</g, '<') 1624 .replace(/>/g, '>') 1625 .replace(/"/g, '"'); 1626 } 1627 /* ââ Render cards ââââââââââââââââââââââââââââââââââââââââââ*/ 1628 function renderCards(billing) { 1629 var grid = document.getElementById('pc-grid'); 1630 if (!grid) return; 1631 var html = ''; 1632 var isYearly = billing === 'yearly'; 1633 PLANS.forEach(function (plan) { 1634 var popularAttr = plan.popular ? ' data-popular="true"' : ''; 1635 var plusAttr = plan.plus ? ' data-plus="true"' : ''; 1636 /* Popular badge */ 1637 var badgeHtml = plan.popular 1638 ? '<span data-pc="popular-badge" aria-label="Recommended plan">RECOMMENDED</span>' 1639 : ''; 1640 /* Discount badge */ 1641 var discountHtml = ''; 1642 if (plan.showDiscount) { 1643 if (isYearly && plan.yearlyPrice != null) { 1644 discountHtml = '<span data-pc="discount-badge" data-variant="yearly">20% OFF</span>'; 1645 } else { 1646 discountHtml = '<span data-pc="discount-badge" data-variant="monthly">60% OFF â New Users</span>'; 1647 } 1648 } 1649 /* ââ Price block ââ */ 1650 var priceHtml = ''; 1651 if (plan.plus && plan.monthlyPrice == null) { 1652 priceHtml = '<div data-pc="custom-price">Custom pricing</div>'; 1653 } else if (isYearly && plan.yearlyPrice != null) { 1654 var compareRowY = plan.yearlyCompare != null 1655 ? '<div data-pc="price-original">' + 1656 '<span>' + esc(fmtPrice(plan.yearlyCompare * 12)) + '</span>' + 1657 '<span>/Year</span>' + 1658 '</div>' 1659 : ''; 1660 priceHtml = 1661 '<div data-pc="price-block">' + 1662 compareRowY + 1663 '<div data-pc="price-row">' + 1664 '<span data-pc="price-amount">' + esc(fmtPrice(plan.yearlyTotal)) + '</span>' + 1665 '<span data-pc="price-period"> /Year</span>' + 1666 '</div>' + 1667 discountHtml + 1668 '<div data-pc="price-note">' + esc(fmtPrice(plan.yearlyPrice)) + '/mo when billed annually</div>' + 1669 '</div>'; 1670 } else { 1671 var compareRowM = plan.monthlyCompare != null 1672 ? '<div data-pc="price-original">' + 1673 '<span>' + esc(fmtPrice(plan.monthlyCompare)) + '</span>' + 1674 '<span>/Month</span>' + 1675 '</div>' 1676 : ''; 1677 priceHtml = 1678 '<div data-pc="price-block">' + 1679 compareRowM + 1680 '<div data-pc="price-row">' + 1681 '<span data-pc="price-amount">' + esc(fmtPrice(plan.monthlyPrice)) + '</span>' + 1682 '<span data-pc="price-period"> /Month</span>' + 1683 '</div>' + 1684 discountHtml + 1685 (plan.monthlyNote 1686 ? '<div data-pc="price-note">' + esc(plan.monthlyNote) + '</div>' 1687 : '') + 1688 '</div>'; 1689 } 1690 /* Features â use yearlyFeatures when in yearly mode */ 1691 var featureList = (isYearly && plan.yearlyFeatures) ? plan.yearlyFeatures : plan.features; 1692 var featuresHtml = '<ul data-pc="features">'; 1693 featureList.forEach(function (f) { 1694 featuresHtml += '<li>' + esc(f) + '</li>'; 1695 }); 1696 featuresHtml += '</ul>'; 1697 /* CTA */ 1698 var ctaHtml = 1699 '<a data-pc="cta"' + 1700 ' href="' + esc(plan.cta.href) + '"' + 1701 ' class="transparent-button w-inline-block"' + 1702 ' target="_blank" rel="noopener noreferrer">' + 1703 '<div>' + esc(plan.cta.label) + '</div>' + 1704 '</a>'; 1705 if (plan.cta2) { 1706 ctaHtml += 1707 '<a data-pc="cta2"' + 1708 ' href="' + esc(plan.cta2.href) + '"' + 1709 ' target="_blank" rel="noopener noreferrer">' +
1710 'Need an expert? <u>Book a call</u>' + 1711 '</a>'; 1712 } 1713 html += 1714 '<div data-pc="card"' + popularAttr + plusAttr + '>' + 1715 badgeHtml + 1716 '<div data-pc="card-header">' + 1717 '<h2 data-pc="plan-title" class="' + esc(HEADING_CLASS) + '">' + esc(plan.name) + '</h2>' + 1718 '<p data-pc="tagline">' + esc(plan.tagline) + '</p>' + 1719 '</div>' + 1720 '<div data-pc="card-price-zone">' + 1721 priceHtml + 1722 '</div>' + 1723 '<hr data-pc="divider">' + 1724 '<div data-pc="card-footer">' + 1725 featuresHtml + 1726 ctaHtml + 1727 '</div>' + 1728 '</div>'; 1729 }); 1730 grid.innerHTML = html; 1731 } 1732 /* ââ Toggle logic ââââââââââââââââââââââââââââââââââââââââââ*/ 1733 function applyBilling(billing) { 1734 var root = document.getElementById('pc-root'); 1735 var optMonthly = document.getElementById('pc-opt-monthly'); 1736 var optYearly = document.getElementById('pc-opt-yearly'); 1737 var saveBadge = document.getElementById('pc-save-badge'); 1738 var track = document.getElementById('pc-toggle'); 1739 if (!root || !optMonthly || !optYearly) return; 1740 root.setAttribute('data-billing', billing); 1741 var isYearly = billing === 'yearly'; 1742 optMonthly.setAttribute('data-active', isYearly ? 'false' : 'true'); 1743 optYearly.setAttribute('data-active', isYearly ? 'true' : 'false'); 1744 if (track) track.setAttribute('aria-pressed', isYearly ? 'true' : 'false'); 1745 if (saveBadge) { 1746 if (isYearly) { 1747 saveBadge.textContent = 'Save up to 20% on annual plans'; 1748 saveBadge.style.display = 'inline-block'; 1749 } else { 1750 saveBadge.textContent = 'ð 60% off for new users â limited time!'; 1751 saveBadge.style.display = 'inline-block'; 1752 } 1753 } 1754 renderCards(billing); 1755 } 1756 /* ââ Init ââââââââââââââââââââââââââââââââââââââââââââââââââ*/ 1757 function init() { 1758 var root = document.getElementById('pc-root'); 1759 if (!root || root.getAttribute('data-pc-init') === 'true') return; 1760 root.setAttribute('data-pc-init', 'true'); 1761 var billing = 'yearly'; 1762 applyBilling(billing); 1763 var track = document.getElementById('pc-toggle'); 1764 if (track) { 1765 track.addEventListener('click', function (e) { 1766 var opt = e.target.closest('[data-option]'); 1767 billing = opt ? opt.getAttribute('data-option') 1768 : (billing === 'monthly' ? 'yearly' : 'monthly'); 1769 applyBilling(billing); 1770 }); 1771 track.addEventListener('keydown', function (e) { 1772 if (e.key === ' ' || e.key === 'Enter' || 1773 e.key === 'ArrowLeft' || e.key === 'ArrowRight') { 1774 e.preventDefault(); 1775 billing = billing === 'monthly' ? 'yearly' : 'monthly'; 1776 applyBilling(billing); 1777 } 1778 }); 1779 } 1780 var resizeTimer; 1781 window.addEventListener('resize', function () { 1782 clearTimeout(resizeTimer); 1783 resizeTimer = setTimeout(function () { applyBilling(billing); }, 100); 1784 }); 1785 } 1786 if (document.readyState === 'loading') { 1787 document.addEventListener('DOMContentLoaded', init); 1788 } else { 1789 init(); 1790 } 1791 window.Webflow = window.Webflow || []; 1792 window.Webflow.push(function () { 1793 var root = document.getElementById('pc-root'); 1794 if (root) root.removeAttribute('data-pc-init'); 1795 init(); 1796 }); 1797})(); 1798</script>
1798 1799 </div> 1800 </div> 1801 <div class="text-wrapper-center pricing-tab-bar"> 1802 <div data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="pricing-hero-tab w-tabs"> 1803 <div class="pricing-hero-tab-content w-tab-content"> 1804 <div data-w-tab="Tab 1" class="w-tab-pane w--tab-active"> 1805 <div class="pricing-hero-grid-box"> 1806 <div id="w-node-f2537edc-bb42-0000-97b5-c26f2f1fb085-74bff684" class="pricing-hero-grid-plan-item bottom-box"> 1807 <div class="div-block-41"> 1808 <div> 1809 <div class="div-block-40"> 1810 <h2 class="heading">Kickstart</h2> 1811 <div class="text-block-13">Only for Basic Shopify stores in their first year</div> 1812 </div> 1813 </div> 1814 <div class="div-block-42 hide-on-mobile"> 1815 <div class="text-block-14"><span class="pricing-hero-price-per-month bold-price">$9.90</span>/Month</div> 1816 <a href="https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing" rel="nofollow noopener noreferrer" class="transparent-button button-width-extend w-inline-block"> 1817 <div>Get started</div> 1818 </a> 1819 </div> 1820 </div> 1821 <div class="div-block-43"> 1822 <ul role="list" class="list-3 with-width-fixed"> 1823 <li>500 Notifications</li> 1824 <li>Unlimited Requests</li> 1825 </ul> 1826 <ul role="list" class="list-3 with-width-fixed"> 1827 <li>500 Preorders</li> 1828 <li>2000 Wishlist items</li> 1829 </ul> 1830 </div> 1831 <div class="div-block-42 show-on-mobile"> 1832 <div class="text-block-14"><span class="pricing-hero-price-per-month bold-price">$0</span> /Month</div> 1833 <div class="transparent-button button-width-extend"> 1834 <div>Get started</div> 1835 </div> 1836 </div> 1837 </div> 1838 <div id="w-node-_1ff361b9-df73-f05e-2653-b01d710e4569-74bff684" class="pricing-hero-grid-plan-item bottom-box"> 1839 <div class="div-block-41"> 1840 <div> 1841 <div class="div-block-40"> 1842 <h2 class="heading">Free</h2> 1843 <div class="text-block-13">Free forever</div> 1844 </div> 1845 </div> 1846 <div class="div-block-42 hide-on-mobile"> 1847 <div class="text-block-14"><span class="pricing-hero-price-per-month bold-price">$0</span> /Month</div> 1848 <a href="https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing" rel="nofollow noopener noreferrer" class="transparent-button button-width-extend w-inline-block"> 1849 <div>Get started</div> 1850 </a> 1851 </div> 1852 </div> 1853 <div class="div-block-43"> 1854 <ul role="list" class="list-3 with-width-fixed"> 1855 <li>100 Back in stock requests lifetime</li> 1856 <li>10 notifications per month</li> 1857 <li>5 free default SMS lifetime</li> 1858 </ul> 1859 <ul role="list" class="list-3 with-width-fixed"> 1860 <li>5 free default WhatsApp lifetime</li> 1861 <li>5 pre-orders lifetime</li> 1862 <li>50 wishlist actions lifetime</li> 1863 </ul> 1864 </div> 1865 <div class="div-block-42 show-on-mobile"> 1866 <div class="text-block-14"><span class="pricing-hero-price-per-month bold-price">$0</span> /Month</div> 1867 <div class="transparent-button button-width-extend"> 1868 <div>Get started</div> 1869 </div> 1870 </div> 1871 </div> 1872 </div> 1873 </div> 1874 </div> 1875 </div> 1876 </div> 1877 </section> 1878 <section class="section pad-layout"> 1879 <style> 1880 .nm-ent-banner { 1881 position: relative; 1882 display: flex; 1883 flex-wrap: wrap; 1884 gap: 32px; 1885 justify-content: space-between; 1886 align-items: stretch; 1887 /* Sit on the same content column as every other section: the parent 1888 `.section.pad-layout` already supplies the site's 60px gutters, so a 1889 narrower max-width only made this band step in from its neighbours. 1890 Sharp shell per the v2 radius rule â the `.nm-ent-tile` cards nested 1891 inside keep their 14px curvature. */ 1892 max-width: none; 1893 margin: 0 auto; 1894 padding: 40px 44px; 1895 border-radius: 0; 1896 background: linear-gradient(105deg, #060d2b 0%, #0b1f5e 55%, #1440b8 100%); 1897 color: #fff; 1898 overflow: hidden; 1899 } 1900 .nm-ent-intro { flex: 1 1 320px; max-width: 420px; display: flex; flex-direction: column; justify-content: space-between; } 1901 .nm-ent-title { font-size: 32px; line-height: 1.2; margin: 0 0 12px; color: #fff; } 1902 .nm-ent-title span { color: #7aa7ff; } 1903 .nm-ent-desc { font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, .85); margin: 0 0 28px; } 1904 /* The CTA is the canonical `.white-btn.filled-bg` (white PT Mono pill, the 1905 house primary on dark) rather than a bespoke `.nm-ent-cta` clone â the 1906 old one was a translucent 8px rectangle in the body face with its own 1907 background hover, against the one-hover-only rule. Layout only here: 1908 `.nm-ent-intro` is a column flex, so the button must not stretch. */ 1909 .nm-ent-intro .white-btn { align-self: flex-start; } 1910 .nm-ent-tiles { 1911 flex: 1 1 560px; 1912 display: grid; 1913 grid-template-columns: repeat(2, minmax(240px, 1fr)); 1914 gap: 16px; 1915 } 1916 .nm-ent-tile { 1917 background: rgba(2, 6, 23, .55); 1918 border: 1px solid rgba(255, 255, 255, .08); 1919 border-radius: 14px; 1920 padding: 18px 20px; 1921 } 1922 .nm-ent-tile h3 { font-size: 16px; line-height: 1.3; margin: 0 0 10px; color: #fff; } 1923 .nm-ent-tile ul { list-style: none; margin: 0; padding: 0; } 1924 .nm-ent-tile li { 1925 position: relative; 1926 padding-left: 22px; 1927 font-size: 13px; 1928 line-height: 1.45; 1929 color: rgba(255, 255, 255, .78); 1930 margin-bottom: 6px; 1931 } 1932 .nm-ent-tile li::before { content: '\2713'; position: absolute; left: 0; top: 0; color: #7aa7ff; } 1933 @media (max-width: 767px) { 1934 .nm-ent-banner { padding: 28px 22px; } 1935 .nm-ent-tiles { grid-template-columns: 1fr; } 1936 } 1937 </style> 1938 <div class="nm-ent-banner"> 1939 <div class="nm-ent-intro"> 1940 <div> 1941 <h2 class="nm-ent-title">Notify Me! <span>Enterprise</span></h2> 1942 <p class="nm-ent-desc">For large-scale shops needing dedicated support and custom solutions.</p> 1943 </div> 1944 <a href="https://calendly.com/d/cwhb-vw7-fd2/meeting-with-notify-me-demo-web" target="_blank" rel="noopener noreferrer" class="white-btn filled-bg w-button">Book a meeting</a> 1945 </div> 1946 <div class="nm-ent-tiles"> 1947 <div class="nm-ent-tile"> 1948 <h3>Early access & beta features</h3> 1949 <ul> 1950 <li>Try upcoming features before public release</li> 1951 <li>Influence product direction with early feedback</li> 1952 </ul> 1953 </div> 1954 <div class="nm-ent-tile"> 1955 <h3>Custom integrations & API access</h3> 1956 <ul> 1957 <li>Connect Notify Me with your internal tools, ERPs, and CRMs</li> 1958 <li>Supported setup by our engineering team</li> 1959 </ul> 1960 </div> 1961 <div class="nm-ent-tile"> 1962 <h3>Quarterly business reviews</h3> 1963 <ul> 1964 <li>Strategic sessions to review results and plan growth</li> 1965 <li>Identify new opportunities and ROI improvements</li> 1966 </ul> 1967 </div> 1968 <div class="nm-ent-tile"> 1969 <h3>Custom development & UX solutions</h3> 1970 <ul> 1971 <li>Tailored workflows and UI extensions built for you</li> 1972 <li>Designed and developed by our in-house experts</li> 1973 </ul> 1974 </div> 1975 </div> 1976 </div> 1977 </section> 1978 <section class="section pad-layout"> 1979 <div class="never-lose-blog-box"> 1980 <div class="text-wrapper-center"> 1981 <h2 class="big-heading-n never-lose">SMS and WhatsApp prices</h2> 1982 <div class="text-blue-dark-gray never-lose pricing-hero-text">Prices vary based on countries</div> 1983 <a href="/sms-pricing" target="_blank" class="blue-button w-button">SMS prices for countries</a> 1984 <a href="/whatsapp-pricing" target="_blank" class="blue-button w-button">WhatsApp prices for countries</a> 1985 </div><img src="images/beyzi-bg-blue.png" loading="lazy" alt="" class="image-25"> 1986 </div> 1987 <div class="w-embed w-script"><!-- 1988 WEBFLOW CORE FEATURES COMPARISON TABLE EMBED 1989 Paste this entire block into ONE Webflow Embed element 1990 below your pricing cards section. 1991 ============================================================ --> 1992 <style> 1993/* ââ COMPARISON TABLE VARIABLES âââââââââââââââââââââââââââââââ */ 1994:root { 1995 --ct-border: #e5e7eb; 1996 --ct-bg: #ffffff; 1997 --ct-header-bg: #f9fafb; 1998 --ct-text: #1f2937; 1999 --ct-muted: #6b7280; 2000 --ct-check: #16a34a; 2001 --ct-x: #d1d5db; 2002 --ct-accent: #2563eb; 2003 --ct-radius: 12px; 2004 --ct-rocket-bg: #1a1a2e; 2005 --ct-plus-bg: #1a1a2e; 2006} 2007[data-ct] *, [data-ct] *::before, [data-ct] *::after { 2008 box-sizing: border-box; 2009} 2010[data-ct="root"] { 2011 width: 100%; 2012 padding: 0; 2013 overflow-x: auto; 2014 -webkit-overflow-scrolling: touch; 2015} 2016/* ââ PLAN HEADER ââââââââââââââââââââââââââââââââââââââââââââââ */ 2017[data-ct="plan-header"] { 2018 display: grid; 2019 grid-template-columns: 220px repeat(5, 1fr); 2020 gap: 12px; 2021 padding: 20px 0; 2022 border-bottom: 2px solid var(--ct-border); 2023 min-width: 900px; 2024 align-items: stretch; 2025} 2026/* Left column: Billing Frequency + toggle */ 2027[data-ct="billing-col"] { 2028 display: flex; 2029 flex-direction: column; 2030 justify-content: center; 2031 padding: 12px; 2032 gap: 12px; 2033} 2034[data-ct="billing-col"] h2 { 2035 margin: 0; 2036 font-family: var(--v2-display); 2037 font-size: 1.15em; 2038 font-weight: 500; 2039 line-height: 1.2; 2040} 2041/* Toggle track */ 2042[data-ct="toggle-track"] { 2043 display: inline-flex; 2044 align-items: center; 2045 gap: 0; 2046 cursor: pointer; 2047 border: 1.5px solid #d1d5db; 2048 border-radius: 999px; 2049 background: #ffffff; 2050 padding: 3px; 2051 outline: none; 2052 align-self: flex-start; 2053} 2054[data-ct="toggle-track"]:focus-visible { 2055 outline: 2px solid var(--ct-accent); 2056 outline-offset: 3px; 2057} 2058[data-ct="toggle-opt"] { 2059 padding: 6px 16px; 2060 border-radius: 999px; 2061 font-size: .82em; 2062 font-weight: 500; 2063 color: #374151; 2064 transition: background .2s, color .2s; 2065 white-space: nowrap; 2066 user-select: none; 2067 line-height: 1.4; 2068 background: transparent; 2069} 2070[data-ct="toggle-opt"][data-active="true"] { 2071 background: var(--ct-accent); 2072 color: #ffffff; 2073 font-weight: 600; 2074} 2075/* Save badge under toggle */ 2076[data-ct="save-badge"] { 2077 font-size: .7em; 2078 font-weight: 600; 2079 padding: 3px 10px; 2080 border-radius: 999px; 2081 display: inline-block; 2082 align-self: flex-start; 2083 white-space: nowrap; 2084} 2085[data-ct="save-badge"][data-variant="yearly"] { 2086 background: #dcfce7; 2087 color: #166534; 2088} 2089[data-ct="save-badge"][data-variant="monthly"] { 2090 background: #fee2e2; 2091 color: #991b1b; 2092} 2093/* Plan card columns */ 2094[data-ct="plan-card"] { 2095 display: flex; 2096 flex-direction: column; 2097 align-items: center; 2098 justify-content: center; 2099 padding: 18px 10px 14px; 2100 text-align: center; 2101 border: 1.5px solid var(--ct-border); 2102 border-radius: var(--ct-radius); 2103 background: #ffffff; 2104 gap: 2px; 2105} 2106[data-ct="plan-card"] .ct-name { 2107 font-family: var(--v2-display); 2108 font-weight: 500; 2109 font-size: 1.05em; 2110 margin: 0; 2111 line-height: 1.2; 2112} 2113[data-ct="plan-card"] .ct-price-strike { 2114 font-size: .78em; 2115 color: var(--ct-muted); 2116 text-decoration: line-through; 2117 margin: 0; 2118 line-height: 1.3; 2119} 2120[data-ct="plan-card"] .ct-price { 2121 font-family: var(--v2-display); 2122 font-weight: 500; 2123 font-size: 1.35em; 2124 margin: 0; 2125 line-height: 1.1; 2126 white-space: nowrap; 2127} 2128[data-ct="plan-card"] .ct-note { 2129 font-size: .7em; 2130 color: var(--ct-muted); 2131 margin: 0; 2132 line-height: 1.35; 2133} 2134[data-ct="plan-card"] .ct-discount { 2135 font-size: .65em; 2136 font-weight: 500; 2137 padding: 2px 8px; 2138 border-radius: 999px; 2139 margin-top: 2px; 2140 display: inline-block; 2141} 2142[data-ct="plan-card"] .ct-discount[data-variant="monthly"] { 2143 background: #fee2e2; 2144 color: #991b1b; 2145} 2146[data-ct="plan-card"] .ct-discount[data-variant="yearly"] { 2147 background: #dcfce7; 2148 color: #166534; 2149} 2150[data-ct="plan-card"] .ct-cta { 2151 display: inline-flex; 2152 align-items: center; 2153 justify-content: center; 2154 padding: 7px 20px; 2155 border-radius: 999px; 2156 border: 1.5px solid #9ca3af; 2157 background: transparent; 2158 color: inherit; 2159 text-decoration: none; 2160 font-size: .82em; 2161 font-weight: 500; 2162 transition: background .18s, border-color .18s; 2163 white-space: nowrap; 2164 margin-top: 6px; 2165} 2166[data-ct="plan-card"] .ct-cta:hover { 2167 background: rgba(0,0,0,.06); 2168 border-color: #6b7280; 2169} 2170/* Rocket card */ 2171[data-ct="plan-card"][data-plan="rocket"] { 2172 background: var(--ct-rocket-bg); 2173 color: #ffffff; 2174 border-color: transparent; 2175} 2176[data-ct="plan-card"][data-plan="rocket"] .ct-note { 2177 color: rgba(255,255,255,.7); 2178} 2179[data-ct="plan-card"][data-plan="rocket"] .ct-price-strike { 2180 color: rgba(255,255,255,.5); 2181} 2182[data-ct="plan-card"][data-plan="rocket"] .ct-discount { 2183 background: rgba(255,255,255,.15) !important; 2184 color: #ffffff !important; 2185} 2186[data-ct="plan-card"][data-plan="rocket"] .ct-cta { 2187 border-color: #ffffff; 2188 background: #ffffff; 2189 color: #1a1a2e; 2190 font-weight: 600; 2191} 2192[data-ct="plan-card"][data-plan="rocket"] .ct-cta:hover { 2193 background: #f0f4ff; 2194} 2195/* Plus card */ 2196[data-ct="plan-card"][data-plan="plus"] { 2197 background: var(--ct-plus-bg); 2198 color: #ffffff; 2199 border-color: transparent; 2200} 2201[data-ct="plan-card"][data-plan="plus"] .ct-note { 2202 color: rgba(255,255,255,.6); 2203} 2204[data-ct="plan-card"][data-plan="plus"] .ct-cta { 2205 border-color: rgba(255,255,255,.4); 2206 color: #ffffff; 2207} 2208[data-ct="plan-card"][data-plan="plus"] .ct-cta:hover { 2209 background: rgba(255,255,255,.1); 2210 border-color: rgba(255,255,255,.7); 2211} 2212/* ââ SECTION HEADING ââââââââââââââââââââââââââââââââââââââââââ */ 2213[data-ct="section-title"] { 2214 display: grid; 2215 grid-template-columns: 220px repeat(5, 1fr); 2216 min-width: 900px; 2217 background: var(--ct-header-bg); 2218 border-bottom: 1px solid var(--ct-border); 2219} 2220[data-ct="section-title"] h3 { 2221 margin: 0; 2222 padding: 14px 12px; 2223 font-family: var(--v2-display); 2224 font-size: .95em; 2225 font-weight: 500; 2226 color: var(--ct-text); 2227 grid-column: 1 / -1; 2228} 2229/* ââ FEATURE ROW ââââââââââââââââââââââââââââââââââââââââââââââ */ 2230[data-ct="row"] { 2231 display: grid; 2232 grid-template-columns: 220px repeat(5, 1fr); 2233 min-width: 900px; 2234 border-bottom: 1px solid var(--ct-border); 2235 transition: background .12s; 2236} 2237[data-ct="row"]:hover { 2238 background: #f9fafb; 2239} 2240[data-ct="row-label"] { 2241 display: flex; 2242 align-items: center; 2243 gap: 6px; 2244 padding: 12px 12px; 2245 font-size: .88em; 2246 color: var(--ct-text); 2247 line-height: 1.4; 2248} 2249[data-ct="row-val"] { 2250 display: flex; 2251 align-items: center; 2252 justify-content: center; 2253 padding: 12px 8px; 2254 font-size: .85em; 2255 color: var(--ct-text); 2256 text-align: center; 2257 border-left: 1px solid var(--ct-border); 2258 line-height: 1.4; 2259} 2260[data-ct="row"] [data-ct="row-val"][data-plan="rocket"] { 2261 background: rgba(26, 26, 46, .03); 2262} 2263[data-ct="row"] [data-ct="row-val"][data-plan="plus"] { 2264 background: rgba(26, 26, 46, .02); 2265} 2266.ct-check { 2267 display: inline-flex; 2268 align-items: center; 2269 justify-content: center;
2270 width: 20px; 2271 height: 20px; 2272 color: var(--ct-check); 2273} 2274.ct-x { 2275 display: inline-flex; 2276 align-items: center; 2277 justify-content: center; 2278 width: 20px; 2279 height: 20px; 2280 color: var(--ct-x); 2281} 2282.ct-info { 2283 display: inline-flex; 2284 align-items: center; 2285 justify-content: center; 2286 width: 16px; 2287 height: 16px; 2288 flex-shrink: 0; 2289 color: var(--ct-muted); 2290 opacity: .5; 2291 cursor: help; 2292} 2293@media (max-width: 1024px) { 2294 [data-ct="root"] { 2295 margin: 0 -16px; 2296 padding: 0 16px; 2297 } 2298} 2299</style> 2300 <div data-ct="root" id="ct-root"></div> 2301
2301<script> 2302(function () { 2303 'use strict'; 2304 var CHECK_SVG = '<span class="ct-check"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span>'; 2305 var X_SVG = '<span class="ct-x"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></span>'; 2306 var INFO_SVG = '<span class="ct-info"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg></span>'; 2307 var PLAN_IDS = ['lite', 'starter', 'standard', 'rocket', 'plus']; 2308 var PLAN_DATA = { 2309 lite: { name: 'Lite', base: 0, monthly: 0, monthlyCompare: null, yearly: 0, yearlyCompare: null, yearlyTotal: null, cta: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing', showDiscount: false }, 2310 starter: { name: 'Starter', base: 19.9, monthly: 7.96, monthlyCompare: 19.9, yearly: 15.92, yearlyCompare: 19.9, yearlyTotal: 191.04, cta: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing', showDiscount: true }, 2311 standard: { name: 'Standard', base: 39.9, monthly: 15.96, monthlyCompare: 39.9, yearly: 31.92, yearlyCompare: 39.9, yearlyTotal: 383.04, cta: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing', showDiscount: true }, 2312 rocket: { name: 'Rocket', base: 69.9, monthly: 27.96, monthlyCompare: 69.9, yearly: 55.92, yearlyCompare: 69.9, yearlyTotal: 671.04, cta: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing', showDiscount: true }, 2313 plus: { name: 'Plus', base: 499.99, monthly: 200, monthlyCompare: 499.99, yearly: 399.92, yearlyCompare: 499.99, yearlyTotal: 4799.04, cta: 'Get started', href: 'https://apps.shopify.com/back-in-stock-notifications?utm_source=notifymeio&utm_medium=button&utm_campaign=pricing', showDiscount: true } 2314 }; 2315 var SECTIONS = [ 2316 { title: 'Back in Stock', rows: [ 2317 { label: 'Widget display', info: false, vals: ['Product page', 'Product page', 'Product & collection page', 'Product, collection & home page', 'Product, collection & home page'] }, 2318 { label: 'Back-in-Stock requests', info: false, vals: ['10', 'Unlimited', 'Unlimited', 'Unlimited', 'Unlimited'] }, 2319 { label: 'Back-in-Stock channels', info: true, vals: ['Email, SMS', 'Email, SMS, Push', 'Email, SMS, Push', 'Email, SMS, Push', 'Email, SMS, Push'] }, 2320 { label: 'Monthly notification count', info: true, vals: ['10/mo', '500/mo', '1,500/mo', '5,000/mo', 'Unlimited'] }, 2321 { label: 'Report and insights', info: true, vals: ['Basic', 'Advanced', 'Advanced', 'Enterprise', 'Enterprise'] }, 2322 { label: 'Auto-send notifications', info: true, vals: [true, true, true, true, true] }, 2323 { label: 'Show button on Preorder products', info: true, vals: [true, true, true, true, true] }, 2324 { label: 'Send manual notifications', info: true, vals: [false, false, true, true, true] }, 2325 { label: 'Min inventory for notifying', info: true, vals: [false, false, true, true, true] }, 2326 { label: 'Advanced delivery policies', info: true, vals: [false, false, false, true, true] }, 2327 { label: 'Thank you message', info: true, vals: [false, false, false, true, true] }, 2328 { label: 'Reminder notifications', info: true, vals: [false, false, false, true, true] }, 2329 { label: 'Resend notifications manually', info: true, vals: [false, false, false, true, true] }, 2330 { label: 'GDPR compliance alerts', info: true, vals: [false, false, false, false, true] } 2331 ]}, 2332 { title: 'Preorder', rows: [ 2333 { label: 'Preorder limit', info: true, vals: ['5 orders', '500/mo', '1,500/mo', '10,000/mo', 'Unlimited'] }, 2334 { label: 'Widget display', info: true, vals: ['Product page', 'Product page', 'Product & collection page', 'Product, collection & home page', 'Product, collection & home page'] },
2335 { label: 'Preorder confirmation', info: true, vals: ['Email, SMS', 'Email, SMS', 'Email, SMS', 'Email, SMS', 'Email, SMS'] }, 2336 { label: 'Report and insights', info: true, vals: ['Basic', 'Fundamental', 'Advanced', 'Enterprise', 'Enterprise'] }, 2337 { label: 'Preorder partial payment', info: true, vals: [false, true, true, true, true] }, 2338 { label: 'Delivery fulfillment trigger', info: true, vals: [false, true, true, true, true] }, 2339 { label: 'Discount on preorders', info: true, vals: [false, false, true, true, true] }, 2340 { label: 'Inventory reserve preferences', info: true, vals: [false, false, true, true, true] } 2341 ]}, 2342 { title: 'Low Stock', rows: [ 2343 { label: 'Widget display', info: true, vals: ['Product page', 'Product page', 'Product page', 'Product page', 'Product page'] }, 2344 { label: 'Min inventory to display Low Stock', info: true, vals: [false, true, true, true, true] } 2345 ]}, 2346 { title: 'Customizations', rows: [ 2347 { label: 'Branding options', info: true, vals: ['\u2014', 'Fundamental', 'Advanced', 'Enterprise', 'Enterprise'] }, 2348 { label: 'Widget customization', info: true, vals: ['Basic', 'Fundamental', 'Enterprise', 'Enterprise', 'Enterprise'] }, 2349 { label: 'Notification customization', info: true, vals: ['Basic', 'Fundamental', 'Advanced', 'Enterprise', 'Enterprise'] }, 2350 { label: 'Multi-lingual panel', info: true, vals: [true, true, true, true, true] }, 2351 { label: 'Import data', info: true, vals: [false, true, true, true, true] }, 2352 { label: 'Exclude products', info: true, vals: [false, false, true, true, true] }, 2353 { label: 'Export data', info: true, vals: [false, false, false, true, true] }, 2354 { label: 'Multi-lingual widgets', info: true, vals: [false, false, false, true, true] } 2355 ]}, 2356 { title: 'Integrations', rows: [ 2357 { label: 'PageFly integration', info: true, vals: [true, true, true, true, true] }, 2358 { label: 'EComposer integration', info: true, vals: [true, true, true, true, true] }, 2359 { label: 'GemPages integration', info: true, vals: [true, true, true, true, true] }, 2360 { label: 'PushOwl integration', info: true, vals: [true, true, true, true, true] }, 2361 { label: 'Shopify contact integration', info: true, vals: [false, false, true, true, true] }, 2362 { label: 'Klaviyo integration', info: true, vals: [false, false, false, true, true] }, 2363 { label: 'Omnisend integration', info: true, vals: [false, false, false, true, true] }, 2364 { label: 'Mailchimp integration', info: true, vals: [false, false, false, true, true] } 2365 ]}, 2366 { title: 'Support and onboarding', rows: [ 2367 { label: 'Free 1:1 online onboarding', info: true, vals: [true, true, true, true, true] }, 2368 { label: 'Live chat support', info: true, vals: [false, true, true, true, true] }, 2369 { label: 'Priority support', info: true, vals: [false, false, true, true, true] }, 2370 { label: 'Dedicated account manager', info: true, vals: [false, false, false, true, true] } 2371 ]}, 2372 { title: 'Branding options', rows: [ 2373 { label: 'Remove "by Notify Me"', info: true, vals: [false, true, true, true, true] }, 2374 { label: 'Your logo on emails', info: true, vals: [false, false, true, true, true] }, 2375 { label: 'Send email from your brand name', info: true, vals: [false, false, true, true, true] }, 2376 { label: 'Send email from your domain', info: true, vals: [false, false, true, true, true] }, 2377 { label: 'Your social networks on emails', info: true, vals: [false, false, false, true, true] } 2378 ]}, 2379 { title: 'Widget customization', rows: [ 2380 { label: 'AI-matched style with shop theme', info: true, vals: [true, true, true, true, true] }, 2381 { label: 'Content customization', info: true, vals: [true, true, true, true, true] }, 2382 { label: 'Float button', info: true, vals: [true, true, true, true, true] }, 2383 { label: 'Request full customization from us', info: true, vals: [false, true, true, true, true] }, 2384 { label: 'Style customization', info: true, vals: [false, true, true, true, true] }, 2385 { label: 'Custom widget styles by CSS', info: true, vals: [false, true, true, true, true] }, 2386 { label: 'Show button when any variants are unavailable', info: true, vals: [false, false, true, true, true] } 2387 ]}, 2388 { title: 'Notification customization', rows: [ 2389 { label: 'Full content customization', info: true, vals: [true, true, true, true, true] }, 2390 { label: 'Showing product image on email', info: true, vals: [true, true, true, true, true] }, 2391 { label: 'Showing product price on email', info: true, vals: [true, true, true, true, true] }, 2392 { label: 'Send test SMS', info: true, vals: [true, true, true, true, true] }, 2393 { label: 'Style customization', info: true, vals: [false, true, true, true, true] }, 2394 { label: 'Advanced email templates', info: true, vals: [false, false, true, true, true] }, 2395 { label: 'Request full customization from us', info: true, vals: [false, false, true, true, true] }, 2396 { label: 'Custom email HTML template', info: true, vals: [false, false, false, true, true] } 2397 ]}, 2398 { title: 'Report and insights \u2014 Back in Stock', rows: [ 2399 { label: 'Ability to filter by tag, SKU, etc.', info: true, vals: [true, true, true, true, true] }, 2400 { label: 'Track notifications status one by one', info: true, vals: [true, true, true, true, true] }, 2401 { label: 'Notify shop owner when new request is submitted', info: true, vals: [true, true, true, true, true] }, 2402 { label: 'Generated revenue by app report', info: true, vals: [true, true, true, true, true] }, 2403 { label: 'Order report', info: true, vals: [true, true, true, true, true] }, 2404 { label: 'AVG request time \u2014 request age chart', info: true, vals: [true, true, true, true, true] }, 2405 { label: 'Frequently requested products', info: true, vals: [true, true, true, true, true] }, 2406 { label: 'High potential revenue', info: true, vals: [true, true, true, true, true] }, 2407 { label: 'Trending requests', info: true, vals: [true, true, true, true, true] }, 2408 { label: 'Periodic analytical reports', info: true, vals: [true, true, true, true, true] }, 2409 { label: 'Request contact data', info: true, vals: [false, true, true, true, true] }, 2410 { label: 'Manual transfer request to other products', info: true, vals: [false, false, false, true, true] } 2411 ]}, 2412 { title: 'Report and insights \u2014 Preorder', rows: [ 2413 { label: 'Ability to filter by tag, SKU, etc.', info: true, vals: [true, true, true, true, true] }, 2414 { label: 'Track notifications status one by one', info: true, vals: [true, true, true, true, true] }, 2415 { label: 'Generated revenue by app report', info: true, vals: [true, true, true, true, true] }, 2416 { label: 'Order report', info: true, vals: [true, true, true, true, true] } 2417 ]} 2418 ]; 2419 function esc(s) { return String(s).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"'); } 2420 function fmtPrice(n) { 2421 if (n == null) return ''; 2422 var r = Math.round(n * 100) / 100; 2423 var s = r.toFixed(2); 2424 if (s.slice(-3) === '.00') s = s.slice(0, -3); 2425 else if (s.slice(-1) === '0') s = s.slice(0, -1); 2426 var parts = s.split('.'); 2427 parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ','); 2428 return '$' + parts.join('.'); 2429 } 2430 function renderVal(v) { 2431 if (v === true) return CHECK_SVG; 2432 if (v === false) return X_SVG; 2433 return '<span>' + esc(v) + '</span>'; 2434 } 2435 var billing = 'monthly'; 2436 function render() { 2437 var root = document.getElementById('ct-root'); 2438 if (!root) return; 2439 var isYearly = billing === 'yearly'; 2440 var html = ''; 2441 /* Plan header */ 2442 html += '<div data-ct="plan-header">'; 2443 html += '<div data-ct="billing-col">'; 2444 html += '<h2>Billing frequency</h2>'; 2445 html += '<div data-ct="toggle-track" role="group" aria-label="Billing period" tabindex="0" id="ct-toggle">'; 2446 html += '<span data-ct="toggle-opt" data-option="monthly" data-active="' + (!isYearly) + '">Monthly</span>'; 2447 html += '<span data-ct="toggle-opt" data-option="yearly" data-active="' + isYearly + '">Yearly</span>'; 2448 html += '</div>'; 2449 if (isYearly) { 2450 html += '<span data-ct="save-badge" data-variant="yearly">Save up to 20%</span>'; 2451 } else { 2452 html += '<span data-ct="save-badge" data-variant="monthly">\uD83C\uDF89 60% off \u2014 New Users</span>'; 2453 } 2454 html += '</div>'; 2455 PLAN_IDS.forEach(function(id) { 2456 var p = PLAN_DATA[id]; 2457 html += '<div data-ct="plan-card" data-plan="' + id + '">'; 2458 html += '<div class="ct-name">' + esc(p.name) + '</div>'; 2459 if (p.isCustom) { 2460 if (isYearly) { 2461 html += '<div class="ct-price">' + esc(fmtPrice(p.monthlyCompare)) + '/Mo</div>'; 2462 html += '<div class="ct-note">per month, billed Monthly</div>'; 2463 } else { 2464 html += '<div class="ct-price-strike">' + esc(fmtPrice(p.monthlyCompare)) + '/Month</div>'; 2465 html += '<div class="ct-price">' + esc(fmtPrice(p.monthly)) + '</div>'; 2466 html += '<div class="ct-note">per month, billed Monthly</div>'; 2467 html += '<span class="ct-discount" data-variant="monthly">60% OFF â New Users</span>'; 2468 } 2469 } else if (p.base === 0) { 2470 html += '<div class="ct-price">$0</div>'; 2471 html += '<div class="ct-note">per user/month, billed ' + (isYearly ? 'Annually' : 'Monthly') + '</div>'; 2472 } else if (isYearly) { 2473 html += '<div class="ct-price-strike">' + esc(fmtPrice(p.yearlyCompare)) + '/Mo</div>'; 2474 html += '<div class="ct-price">' + esc(fmtPrice(p.yearlyTotal)) + '/Yr</div>'; 2475 html += '<div class="ct-note">' + esc(fmtPrice(p.yearly)) + '/mo, billed Annually</div>'; 2476 html += '<span class="ct-discount" data-variant="yearly">20% OFF</span>'; 2477 } else { 2478 html += '<div class="ct-price-strike">' + esc(fmtPrice(p.monthlyCompare)) + '/Month</div>'; 2479 html += '<div class="ct-price">' + esc(fmtPrice(p.monthly)) + '</div>'; 2480 html += '<div class="ct-note">per user/month, billed Monthly</div>'; 2481 html += '<span class="ct-discount" data-variant="monthly">60% OFF \u2014 New Users</span>'; 2482 } 2483 html += '<a class="ct-cta" href="' + esc(p.href) + '" target="_blank" rel="noopener noreferrer">' + esc(p.cta) + '</a>'; 2484 html += '</div>'; 2485 }); 2486 html += '</div>'; 2487 /* Feature sections */ 2488 SECTIONS.forEach(function(section) { 2489 html += '<div data-ct="section-title"><h3>' + esc(section.title) + '</h3></div>'; 2490 section.rows.forEach(function(row) { 2491 html += '<div data-ct="row">'; 2492 html += '<div data-ct="row-label">' + esc(row.label); 2493 if (row.info) html += ' ' + INFO_SVG; 2494 html += '</div>'; 2495 PLAN_IDS.forEach(function(id, i) { 2496 html += '<div data-ct="row-val" data-plan="' + id + '">' + renderVal(row.vals[i]) + '</div>'; 2497 }); 2498 html += '</div>'; 2499 }); 2500 }); 2501 root.innerHTML = html; 2502 var toggle = document.getElementById('ct-toggle'); 2503 if (toggle) { 2504 toggle.addEventListener('click', function(e) { 2505 var opt = e.target.closest('[data-option]'); 2506 billing = opt ? opt.getAttribute('data-option') : (billing === 'monthly' ? 'yearly' : 'monthly'); 2507 render(); 2508 }); 2509 toggle.addEventListener('keydown', function(e) { 2510 if (e.key === ' ' || e.key === 'Enter' || e.key === 'ArrowLeft' || e.key === 'ArrowRight') { 2511 e.preventDefault(); 2512 billing = billing === 'monthly' ? 'yearly' : 'monthly'; 2513 render(); 2514 } 2515 }); 2516 } 2517 } 2518 if (document.readyState === 'loading') { 2519 document.addEventListener('DOMContentLoaded', render); 2520 } else { 2521 render(); 2522 } 2523 window.Webflow = window.Webflow || []; 2524 window.Webflow.push(render); 2525})(); 2526</script>
2526 2527 </div> 2528 </section> 2529 <section class="section pad-layout"> 2530 <div class="pricing-hero-bottom-section"> 2531 <div class="text-wrapper-center pricing-hero bottom-section"> 2532 <h2 class="big-heading-n pricing-hero-title bottom-section-title"><span class="text-gradient blue">Join thousands</span> of Shopify brands</h2> 2533 </div> 2534 <div> 2535 <div class="icons-container"> 2536 <div class="swiper swiper-company-icons"> 2537 <div class="swiper-wrapper"> 2538 <div class="swiper-slide over-slide"><img src="images/TrailRax_1.svg" loading="lazy" alt="" class="company-logo-hero"></div> 2539 <div class="swiper-slide over-slide"><img src="images/Truffle-Guys_1.svg" loading="lazy" alt="" class="company-logo-hero"></div> 2540 <div class="swiper-slide over-slide"><img src="images/Zone-Hobbies_1.svg" loading="lazy" alt="" class="company-logo-hero"></div> 2541 <div class="swiper-slide over-slide"><img src="images/vetopia_1.svg" loading="lazy" alt="" class="company-logo-hero"></div> 2542 <div class="swiper-slide over-slide"><img src="images/wanderdoll_1.svg" loading="lazy" alt="" class="company-logo-hero"></div> 2543 <div class="swiper-slide over-slide"><img src="images/l_entre-jeux_1.svg" loading="lazy" alt="" class="company-logo-hero"></div> 2544 <div class="swiper-slide over-slide"><img src="images/book_d_1.svg" loading="lazy" alt="" class="company-logo-hero"></div> 2545 <div class="swiper-slide over-slide"><img src="images/canoe-club_1.svg" loading="lazy" alt="" class="company-logo-hero"></div> 2546 </div> 2547 </div> 2548 2549 </div> 2550 </div> 2551 </div> 2552 </section> 2553 <section class="section pad-layout pricing-hero-faq-copy-copy"> 2554 <h2 class="pricing-hero-faq-title">Frequently asked questions</h2> 2555 <div class="pricing-hero-faq-content-wrapper"> 2556 <div class="div-block-50"> 2557 <div class="pricing-hero-faq-item"> 2558 <div class="div-block-51"> 2559 <div>What is myshopify.com?</div> 2560 <div class="faq-icon-wrapper"><img src="images/Feather-Icon_1.svg" loading="lazy" alt="" class="faq-icon"></div> 2561 </div> 2562 <div class="faq-space"></div> 2563 <div class="faq-text-wrapper"> 2564 <div class="pricing-hero-faq-text-item-open">to find it, Search your inbox, Open Shopify welcome email and then Copy the MyShopify URL</div> 2565 </div> 2566 </div> 2567 <div class="pricing-hero-faq-item"> 2568 <div class="div-block-51"> 2569 <div>How is Notify Me! rated on Shopify?</div> 2570 <div class="faq-icon-wrapper"><img src="images/Feather-Icon_1.svg" loading="lazy" alt="" class="faq-icon"></div> 2571 </div> 2572 <div class="faq-space"></div> 2573 <div class="faq-text-wrapper"> 2574 <div class="pricing-hero-faq-text-item-open">Notify Me! has over 3,400 five-star reviews from Shopify merchants from all around the world.</div> 2575 </div> 2576 </div> 2577 </div> 2578 <div class="div-block-50"> 2579 <div class="pricing-hero-faq-item"> 2580 <div class="div-block-51"> 2581 <div>Do you offer refunds for subscriptions?</div> 2582 <div class="faq-icon-wrapper"><img src="images/Feather-Icon_1.svg" loading="lazy" alt="" class="faq-icon"></div> 2583 </div> 2584 <div class="faq-space"></div> 2585 <div class="faq-text-wrapper"> 2586 <div class="pricing-hero-faq-text-item-open">Yes, Notify Me! offers a 7-day trial and 30-day moneyback guarantee on top of refunds for subscriptions.<br></div> 2587 </div> 2588 </div> 2589 <div class="pricing-hero-faq-item"> 2590 <div class="div-block-51"> 2591 <div>What is the Notify Me app?</div> 2592 <div class="faq-icon-wrapper"><img src="images/Feather-Icon_1.svg" loading="lazy" alt="" class="faq-icon"></div> 2593 </div> 2594 <div class="faq-space"></div> 2595 <div class="faq-text-wrapper"> 2596 <div class="pricing-hero-faq-text-item-open">Notify Me is a Shopify app that lets you recover lost sales from out-of-stock products and preorders.<br>It sends automated back in stock alerts, preorder notifications, and wishlist reminders to your customers â helping you capture revenue youâd otherwise miss.</div> 2597 </div> 2598 </div> 2599 </div> 2600 </div> 2601 </section> 2602 <section class="nm-final-cta"> 2603 <div class="nm-final-cta__inner"> 2604 <h2>Start recovering<br>lost sales today</h2> 2605 <p class="nm-final-cta__sub">Join 35,000+ Shopify and BigCommerce merchants using Notify Me! to turn out-of-stock moments into revenue. Free to install, live in minutes.</p> 2606 <div class="nm-final-cta__btns"> 2607 <a href="https://calendly.com/d/cwhb-vw7-fd2/meeting-with-notify-me-demo-web?utm_source=notifymeio&utm_medium=button&utm_campaign=footer_cta" rel="nofollow noopener noreferrer" target="_blank" class="nm-final-cta__primary">Schedule a demo</a> 2608 <a href="https://apps.shopify.com/preorder-back-in-stock?utm_campaign=footer_cta&utm_medium=button&utm_source=notifymeio" rel="nofollow noopener noreferrer" target="_blank" class="nm-final-cta__secondary">Start free</a> 2609 </div> 2610 <div class="nm-final-cta__rating">
2611 <span class="nm-tm-stars" aria-hidden="true">â â â â â </span> 2612 <span><strong>4.9</strong>/5 on the Shopify App Store · 3,400+ reviews</span> 2613 </div> 2614 </div> 2615 </section> 2616 <section class="footer pad-layout"><img src="images/Vector-770.svg" loading="lazy" alt="" class="footer-bg-layer"> 2617 <div class="footer-center"> 2618 <div class="footer-top"> 2619 <div class="footer-links-group first"> 2620 <div class="footer-links-group-title">Company</div> 2621 <ul role="list" class="footer-links"> 2622 <li class="footer-li"> 2623 <a href="/contact-us" class="footer-link-text">Contact us</a> 2624 </li> 2625 <li class="footer-li"> 2626 <a href="https://apply.workable.com/notifyme/?lng=en" rel="nofollow noopener noreferrer" target="_blank" class="footer-link-text">Careers</a> 2627 </li> 2628 <li class="footer-li"></li> 2629 </ul> 2630 <a href="/brand-kit" class="footer-link-text-copy">Brand kit</a> 2631 </div> 2632 <div id="w-node-d201202c-9f36-7190-825b-4c8637411e90-02c80752" class="footer-links-group ml"> 2633 <div class="footer-links-group-title">Resources</div> 2634 <ul role="list" class="footer-links"> 2635 <li class="footer-li"> 2636 <a href="https://help.notify-me.io/" target="_blank" class="footer-link-text">Help center</a> 2637 </li> 2638 <li class="footer-li"> 2639 <a href="/case-studies" class="footer-link-text">Case studies</a> 2640 </li> 2641 <li class="footer-li"> 2642 <a href="/blog" class="footer-link-text">Our blog</a> 2643 </li> 2644 <li class="footer-li"> 2645 <a href="/migrate-from-other-apps" class="footer-link-text">Migration</a> 2646 </li> 2647 <li class="footer-li"> 2648 <a href="https://notify-me.statuspage.io/" rel="nofollow noopener noreferrer" target="_blank" class="footer-link-text">Notify Me! status</a> 2649 </li> 2650 <li class="footer-li"> 2651 <a href="/change-log" class="footer-link-text">Change log</a> 2652 </li> 2653 2654 <li class="footer-li"> 2655 <a href="/learn" class="footer-link-text">Learn hub</a> 2656 </li> 2657 2658 <li class="footer-li"> 2659 <a href="/learn#site-tools" class="footer-link-text">Tools & calculators</a> 2660 </li> 2661 </ul> 2662 </div> 2663 <div class="footer-links-group"> 2664 <div class="footer-links-group-title">Explore more</div> 2665 <ul role="list" class="footer-links"> 2666 <li class="footer-li"> 2667 <a href="/partners" target="_blank" class="footer-link-text">Partners program</a> 2668 </li> 2669 <li class="footer-li"> 2670 <a href="/affiliate-program" class="footer-link-text">Affiliate program</a> 2671 </li> 2672 </ul> 2673 </div> 2674 <div class="footer-links-group"> 2675 <div class="footer-links-group-title">Platform</div> 2676 <ul role="list" class="footer-links"> 2677 <li class="footer-li"> 2678 <a href="/shopify" class="footer-link-text">Shopify</a> 2679 </li> 2680 <li class="footer-li"> 2681 <a href="/bigcommerce-new" class="footer-link-text">BigCommerce</a> 2682 </li> 2683 <li class="footer-li"> 2684 <a href="/features/customizable-widgets" class="footer-link-text">Integrations</a> 2685 </li> 2686 </ul> 2687 </div> 2688 <div class="footer-links-group hide-release"> 2689 <div class="footer-links-group-title">Platform</div> 2690 <ul role="list" class="footer-links"> 2691 <li class="footer-li"> 2692 <a href="#" class="footer-link-text">Notify Me products</a> 2693 </li> 2694 <li class="footer-li"> 2695 <a href="#" class="footer-link-text">Why Notify Me?</a> 2696 </li> 2697 <li class="footer-li"> 2698 <a href="#" class="footer-link-text">Integration</a> 2699 </li> 2700 <li class="footer-li"> 2701 <a href="#" class="footer-link-text">Features</a> 2702 </li> 2703 <li class="footer-li"> 2704 <a href="#" class="footer-link-text">GDPR compliance</a> 2705 </li> 2706 </ul> 2707 </div> 2708 </div> 2709 <div class="left-side-of-footer-center"> 2710 <div class="div-block-155"> 2711 <a href="#" class="w-inline-block"><img src="images/Logo-svg.svg" loading="lazy" alt="" class="image-5"></a> 2712 <div class="footer-text-power">Never lose a sale</div> 2713 <div class="footer-social-wrappe"> 2714 <a href="#" class="icon-link hide-release w-inline-block"><img src="images/youtube.svg" loading="lazy" alt="" class="image-15"></a> 2715 <a href="https://www.facebook.com/notifyme.io" rel="nofollow noopener noreferrer" target="_blank" class="icon-link w-inline-block"><img src="images/facebook.svg" loading="lazy" alt="" class="image-15"></a> 2716 <a href="https://www.linkedin.com/company/notify-me/" rel="nofollow noopener noreferrer" target="_blank" class="icon-link w-inline-block"><img src="images/linkedin.svg" loading="lazy" alt="" class="image-15"></a> 2717 <a href="#" class="icon-link hide-release w-inline-block"><img src="images/instagram.svg" loading="lazy" alt="" class="image-15"></a> 2718 <a href="https://twitter.com/notifyme_io" rel="nofollow noopener noreferrer" target="_blank" class="icon-link w-inline-block"><img src="images/twitter.svg" loading="lazy" alt="" class="image-15"></a> 2719 </div> 2720 </div> 2721 <div class="div-block-156"> 2722 2723 <div class="footer-brevo-wrap"> 2724 <form data-nm-newsletter="" data-locale="en" class="nm-newsletter-form" novalidate=""> 2725 <h3 class="nm-newsletter-title">Latest Shopify Inventory News</h3> 2726 <p class="nm-newsletter-desc">
2726Our monthly merchant newsletter delivers all the latest in eCommerce.</p> 2727 <label class="sr-only" for="nm-newsletter-email">Email address</label> 2728 <div class="nm-newsletter-row"> 2729 <input id="nm-newsletter-email" class="nm-newsletter-input" type="email" name="EMAIL" placeholder="[email protected]" autocomplete="email" spellcheck="false" required=""> 2730 <button class="nm-newsletter-btn" type="submit"> 2731 <span>Subscribe</span> 2732 <svg class="nm-newsletter-btn__arrow" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 12h14M13 5l7 7-7 7" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg> 2733 </button> 2734 </div> 2735 <input type="text" name="email_address_check" value="" tabindex="-1" autocomplete="off" aria-hidden="true" style="position:absolute;left:-9999px;"> 2736 <p class="nm-newsletter-status" data-nm-newsletter-status="" aria-live="polite"></p> 2737 </form> 2738 </div> 2739 2740 <div class="div-block-4"> 2741 <div class="footer-center-desc-email">[email protected]</div> 2742 <div class="footer-center-desc-email">+1 604-373-9085</div> 2743 </div> 2744 </div> 2745 </div> 2746 <div class="div-block-6"> 2747 <div class="div-block-158"> 2748 <div data-hover="false" data-delay="0" id="language-selector" class="w-dropdown"> 2749 <div class="dropdown-toggle w-dropdown-toggle"> 2750 <div class="icon w-icon-dropdown-toggle"></div> 2751 <div class="div-block-159"><img src="images/earth.svg" loading="lazy" alt="" class="image-15"> 2752 <div class="w-locales-list"> 2753 <div role="list" class="w-locales-items"></div> 2754 </div> 2755 </div> 2756 </div> 2757 <nav class="dropdown-list w-dropdown-list"> 2758 <div class="w-locales-list"> 2759 <div role="list" class="w-locales-items"> 2760 <div role="listitem" class="w-locales-item"> 2761 <a hreflang="en" href="/?r=0" class="link-block w-inline-block"> 2762 <div class="dropdown-link-2"><img src="images/ðºð¸.png" loading="lazy" alt="" class="image-47"> 2763 <div class="black">English - US</div> 2764 </div> 2765 </a> 2766 </div> 2767 <div role="listitem" class="w-locales-item"> 2768 <a hreflang="ar" href="/ar" class="link-block w-inline-block"> 2769 <div class="dropdown-link-2"><img src="images/ð¦ðª.png" loading="lazy" alt="" class="image-47"> 2770 <div class="black">Arabic - UAE</div> 2771 </div> 2772 </a> 2773 </div> 2774 <div role="listitem" class="w-locales-item"> 2775 <a hreflang="fr" href="/fr" class="link-block w-inline-block"> 2776 <div class="dropdown-link-2"><img src="/images/flags/fr.svg" loading="lazy" alt="" class="image-47"> 2777 <div class="black">French</div> 2778 </div> 2779 </a> 2780 </div> 2781 <div role="listitem" class="w-locales-item"> 2782 <a hreflang="es" href="/es" class="link-block w-inline-block"> 2783 <div class="dropdown-link-2"><img src="/images/flags/es.svg" loading="lazy" alt="" class="image-47"> 2784 <div class="black">Spanish</div> 2785 </div> 2786 </a> 2787 </div> 2788 </div> 2789 </div> 2790 </nav> 2791 </div> 2792 </div> 2793 <div class="footer-rights">© 2026 All rights reserved.</div> 2794 <div id="w-node-_2f52b9d7-0aec-84f0-5024-20084991a343-02c80752" class="div-block-7 jj"> 2795 <a href="/terms-of-use" class="footer-page-link">Terms of service</a> 2796 <a href="/privacy-policy" class="footer-page-link">Privacy policy</a> 2797 </div> 2798 </div> 2799 </div> 2800 </section> 2801 <div class="code-embed w-embed"> 2802 <style> 2803 html {font-size: 0.694vw} 2804 @media only screen and (max-width:767px){ 2805 html {font-size: 1.5vw} 2806 html {font-size: 1.9vw} 2807 } 2808 @media only screen and (min-width:1440px){ 2809 html {font-size: 10px} 2810 } 2811</style> 2812 </div> 2813
2813<script src="/js/jquery-3.5.1.min.js" type="text/javascript"></script>
2813 2814
2814<script src="js/webflow.js" type="text/javascript"></script>
2814 2815
2815<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
2815 2816
2816<script src="/js/swiper-company-icons-init.js" defer=""></script>
2816 2817
2817<script> 2818 const bodyElement = document.querySelector('body'); 2819 const selectedLocale = location.pathname.split('/')[1]; 2820 const isArabicLang = selectedLocale === 'ar'; 2821 if (isArabicLang) bodyElement.classList.add('rtl-lang'); 2822</script>
2822 2823
2823<script> 2824 (function () { 2825 var f = document.getElementById("sib-form"); 2826 if (!f) return; 2827 var act = f.getAttribute("action") || ""; 2828 if (act.indexOf("sibforms.com") !== -1) return; 2829 f.addEventListener("submit", function (e) { 2830 e.preventDefault(); 2831 var domainEl = document.getElementById("SHOPIFY_DOMAIN"); 2832 var emailEl = document.getElementById("EMAIL"); 2833 if (!domainEl || !emailEl) return; 2834 var domain = domainEl.value; 2835 var email = emailEl.value; 2836 if (!domain || !email || typeof growsumo === "undefined") return; 2837 growsumo.data.name = domain; 2838 growsumo.data.email = email; 2839 growsumo.data.customer_key = domain; 2840 growsumo.createSignup(); 2841 window.open("https://apps.shopify.com/preorder-back-in-stock?utm_campaign=header&utm_medium=button&utm_source=notifymeio", "_blank"); 2842 }); 2843 })(); 2844 </script>
vendor: 1 bytes, line 2844
2844
2845<script src="js/form-handler.js" defer=""></script>
2845 2846
2847<script src="/js/locale-switcher.js" defer=""></script>
2847 2848
2848<script src="js/newsletter-form.js" defer=""></script>
2848 2849 2850 <!-- Transparent hero nav, light variant (css/site-v2.css §15b) --> 2851
2851<script src="/js/nav-overlay.js"></script>
2851 2852</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.