Skip to content
Notifly Docs

Theme Integration Overview

Notifly’s subscriber widget lives on your product pages. How it gets there depends on which type of Shopify theme you’re using.

Which path do I follow?

Section titled “Which path do I follow?”
Theme typeExamplesInstallation method
Online Store 2.0Dawn, Craft, Refresh, Sense, and most themes built after 2021App block — no code editing required
Legacy / Older themesDebut, Brooklyn, Minimal, SupplyManual snippet install — requires editing theme files

Not sure which you have? In your Shopify admin go to Online Store → Themes. Click Customize on your active theme. If you see an Add block option when editing a product page section, you’re on OS 2.0. If you don’t, follow the legacy path.

What gets added to your theme

Section titled “What gets added to your theme”

Regardless of which path you use, Notifly adds:

  • A trigger button on your product page that appears when a product is out of stock (back-in-stock) or in stock (price drop)
  • A subscription modal that opens when a customer clicks the button, collecting their contact details and notification preferences
  • The widget CSS and JavaScript assets, served from Shopify’s CDN via your theme’s assets folder

The widget’s button color is configurable — through the app block settings on OS 2.0 themes, or directly in the snippet on legacy themes. It’s designed to sit naturally alongside your Add to Cart button rather than stand out as a third-party element.

Next steps

Section titled “Next steps”