Customize "Notify me" form and messages

#Why customize your 'Notify me' widget?

A well-designed sign-up form encourages shoppers to subscribe when products are sold out — helping you capture buyer intent while maintaining brand consistency.

You can customize the form’s fields, content, messages, and display rules directly inside the XFlow app.

#Access the "Notify me" widget settings

#Customize the Sign-up form

Under the Sign-up form tab:

You can edit the content customers see when signing up for notifications.

Settings available:

• Fields settings: Choose what information to collect
  (e.g., Variant selector, Email, First name, or add more custom fields).
• Submit button label: Customize your button text (e.g., “Notify me when available”).
• Content: Add heading, description, and footer text (privacy policy, consent message).
• Success screen: Edit thank-you message and confirmation text.
• Confetti effect: Toggle on/off to display a confetti animation after signup.
• Show preview product: Enable showing the product image in the form.

#Customize the 'Notify me' button

Under the Notify Me button tab:

Customize the Notify me button displayed on your product pages and product cards when items are out of stock.

#Customize the 'Notify me' button on the product page

• Button label: Change the button text (e.g., “Notify me when available”).
• Help text: Add a promotional note or incentive that shows under the button (e.g., “Subscribe today to get 15% off”).
• Button position:
  • Inline button → replace the theme's Buy buttons
  • Floating button → fixed position on the side of the screen

#Customize the 'Notify me' button on the product card

Shows on out-of-stock product cards in collections, homepage, search, and other listings.

• Enabled: Check the option to show the Notify me button on product cards.
• Button label: Customize the text shown on product cards.

Tip: Keep the product card button label short to avoid text truncation on smaller product cards.

#Custom placement snippet

Use the custom placement snippet to manually render the Notify me button anywhere inside your Shopify theme.

This is useful for:

• Sticky add-to-cart sections
• Custom product templates
• Theme-specific product layouts
• Advanced storefront customizations

Copy the provided Liquid snippet and paste it inside a product context in your theme code.

#Add "Notify me button" block

By default, XFlow automatically replaces the theme’s Buy buttons (Add to cart / Buy now) with the Notify me button when a product or variant is out of stock.
This ensures shoppers always see a relevant call to action without requiring any theme changes.

The XFlow Notify me button block lets you manually add it to other sections where it’s relevant. A common use case is placing the button inside a Quick view modal, so customers can subscribe without opening the full product page.

#Related articles