# Customize "Notify me" form and messages

![image](https://docs-assets.foxecom.app/xflow-app/gif-%20notify%20me%20form_eIHe4E13.gif)

<Hint type="info" title="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](https://docs.foxecom.com/xflow-app/getting-started/quick-start-guide)
</Hint>

## 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.

<Hint type="info">
  When a product in an active campaign is sold out, the ‘Notify me’ button will show automatically on its page.&#x20;

  [Learn more about Campaigns](https://docs.foxecom.com/xflow-app/campaigns/overview)
</Hint>

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

## Access the "Notify me" widget settings

<Hint type="success">
  **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](#customize-the-sign-up-form)
  * [Notify me button](#customize-the-notify-me-button)
  * [Others](https://docs.foxecom.com/xflow-app/notify-me-widget/set-up-notification-rules-for-back-in-stock-alerts)
</Hint>

![image](https://docs-assets.foxecom.app/xflow-app/XFlow%20docs%20screenshot%20\(3\)_sPKZ23a9.jpg)

### Customize the Sign-up form

![image](https://docs-assets.foxecom.app/xflow-app/XFlow%20docs%20screenshot%20\(30\)_JlBFN8TX.jpg)

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<br/>(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.

![image](https://docs-assets.foxecom.app/xflow-app/XFlow%20docs%20screenshot%20\(23\)_UMU6qJxk.jpg)

<Hint type="info">
  ⭐ **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.
</Hint>

### 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

![image](https://docs-assets.foxecom.app/xflow-app/XFlow%20docs%20screenshot%20\(25\)_W4nkTn4w.jpg)

* **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**

![image](https://docs-assets.foxecom.app/xflow-app/XFlow%20docs%20screenshot%20\(6\)_31ejMrm9.jpg)

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

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

![image](https://docs-assets.foxecom.app/xflow-app/XFlow%20docs%20screenshot%20\(28\)_je0KjOzc.jpg)

<Columns>
  <Column>
    * **Enabled**: Check the option to show the Notify me button on product cards.
    * **Button label:** Customize the text shown on product cards.

    <Hint type="info">
      **Tip**: Keep the product card button label short to avoid text truncation on smaller product cards.
    </Hint>
  </Column>

  <Column>
    ![image](https://docs-assets.foxecom.app/xflow-app/XFlow%20docs%20screenshot%20\(24\)_5xf9Yn4d.jpg)
  </Column>
</Columns>

#### Custom placement snippet

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

![image](https://docs-assets.foxecom.app/xflow-app/XFlow%20docs%20screenshot%20\(29\)_TnTAR6YV.jpg)

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**.<br/>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.

<Hint type="success" title="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.
</Hint>

<Hint type="warning">
  For the **default product form**, we recommend using the **automatic button replacement** rather than adding the block manually to avoid duplicate Notify me buttons.
</Hint>

<div>![image](https://docs-assets.foxecom.app/xflow-app/image_78SklY3o.png) </div>

<Hint type="info">
  Want to translate the **Notify Me Button Block**? Check this guide: [Translate "Notify me" widget content](https://docs.foxecom.com/xflow-app/notify-me-widget/translate-notify-me-widget-content#translate-content-for-the-xflow-notify-me-button-block-in-your-theme)
</Hint>

## Related articles

<PageLink href="https://docs.foxecom.com/xflow-app/notify-me-widget/set-up-notification-rules-for-back-in-stock-alerts">Set up notification rules for back-in-stock alerts</PageLink>

<PageLink href="https://docs.foxecom.com/xflow-app/notify-me-widget/notify-me-widget-faqs">"Notify me" widget: FAQs</PageLink>

<PageLink href="https://docs.foxecom.com/xflow-app/campaigns/create-and-launch-a-restock-campaign">Create and launch a Restock campaign</PageLink>