PageSourceSearch

https://notify-me.io/pricing

html notify-me.io collected 2026-10-02 06:20:18 UTC 137,491 bytes, 2,852 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&nbsp;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&amp;utm_medium=button&amp;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 &amp; 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&amp;utm_medium=button&amp;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 &amp; 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&amp;utm_medium=button&amp;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&amp;utm_medium=button&amp;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&nbsp;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&amp;utm_medium=button&amp;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 &amp; 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&amp;utm_medium=button&amp;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 &amp; 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&amp;utm_medium=button&amp;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&amp;utm_medium=button&amp;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&amp;utm_medium=button&amp;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, '&amp;')
1623      .replace(/</g, '&lt;')
1624      .replace(/>/g, '&gt;')
1625      .replace(/"/g, '&quot;');
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">&thinsp;/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">&thinsp;/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&amp;utm_medium=button&amp;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&amp;utm_medium=button&amp;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 &amp; 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 &amp; 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 &amp; 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,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;'); }
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&amp;utm_medium=button&amp;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&amp;utm_medium=button&amp;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 &amp; 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.