Customize "Notify me" form and messages

Before you begin

Make sure XFlow Helper is enabled in the theme editor. This allows XFlow to work seamlessly with your theme.

Not sure how to do that? Learn more here: Quick start guide

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.

When a product in an active campaign is sold out, the ‘Notify me’ button will show automatically on its page.

Learn more about Campaigns

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

Access the "Notify me" widget settings

Steps:

1. From your XFlow dashboard, select "Notify me" widget settings.

2. In the Back-in-stock settings, switch between the following tabs to configure:

• Sign-up form

• Notify me button

• Others

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.

⭐ Pro tips:

• Keep the sign-up form simple — email is usually enough.

• Use a clear success message to confirm the subscription and explain what happens next.

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.

Need help? Chat with us

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.

Use the XFlow: Notify me button block in Quick view

Depending on your theme, you can add the Notify me button block to additional product forms, such as the Quick view modal. This is useful if your theme allows customers to view product details in a pop-up.

To support Quick view:

• Add the XFlow: Notify me button block to the Quick view product form (if supported by your theme)

• The button will appear automatically when the item shown in the modal is out of stock.

For the default product form, we recommend using the automatic button replacement rather than adding the block manually to avoid duplicate Notify me buttons.

An example of Quick view setup in Hyper theme

Related articles

Set up notification rules for back-in-stock alerts"Notify me" widget: FAQsCreate and launch a Restock campaign

---

📩 Need help?

We’re here to make your XFlow experience smooth and successful. Our support team is always ready to assist you—no matter how big or small your question is.

Chat now Message us