# Customize "Notify me" form and messages

<figure><img src="/files/eIHe4E13KzkPqtUGNqXW" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

## 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](/xflow-app/getting-started/quick-start-guide.md)
{% endhint %}

## 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 style="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](/xflow-app/campaigns/overview.md)
{% endhint %}

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

## Access the "Notify me" widget settings

{% hint style="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](/xflow-app/notify-me-widget/set-up-notification-rules-for-back-in-stock-alerts.md)
  {% endhint %}

<figure><img src="/files/sPKZ23a94b28zYmkeA4L" alt=""><figcaption></figcaption></figure>

### Customize the Sign-up form

Under the **Sign-up form** tab:

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

<figure><img src="/files/2nAe1SPWjqT3q91Xjoe4" alt=""><figcaption></figcaption></figure>

<details>

<summary><strong>Settings available</strong></summary>

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

</details>

{% hint style="info" %}
:star: **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.
  {% endhint %}

### Customize the 'Notify me' button

Under the **Notify Me button** tab:

Adjust how the button looks and where it appears on your storefront.

<figure><img src="/files/31ejMrm9sYuPeiOHjj7a" alt=""><figcaption></figcaption></figure>

<details>

<summary><strong>Settings available</strong></summary>

* **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**
* **Custom placement:** Contact our support to show it on sticky bars or other custom areas.

</details>

## Add "Notify me button" block&#x20;

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 allows you to manually add the button 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 style="success" %}

#### 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.
  {% endhint %}

{% hint style="warning" %}
For the **default product form**, we recommend using the **automatic button replacement** instead of adding the block manually to avoid displaying duplicate Notify me buttons.
{% endhint %}

<div><figure><img src="/files/78SklY3oHr8QeEtCqCUX" alt=""><figcaption></figcaption></figure> <figure><img src="/files/1WnQUDczibJJs2LSZydC" alt=""><figcaption><p><a href="https://themes.shopify.com/themes/hyper/presets/hyper">An example of Quick view setup in Hyper theme</a></p></figcaption></figure></div>

## Related articles

{% content-ref url="/pages/PuEhQWQvSWErFxNITDSi" %}
[Set up notification rules for back-in-stock alerts](/xflow-app/notify-me-widget/set-up-notification-rules-for-back-in-stock-alerts.md)
{% endcontent-ref %}

{% content-ref url="/pages/Krk1ahZFMPcXWu3fDlwj" %}
["Notify me" widget: FAQs](/xflow-app/notify-me-widget/notify-me-widget-faqs.md)
{% endcontent-ref %}

{% content-ref url="/pages/tebcwaMIILdhj9EY0qrJ" %}
[Create and launch a Restock campaign](/xflow-app/campaigns/create-and-launch-a-restock-campaign.md)
{% endcontent-ref %}

***

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

<a href="https://admin.shopify.com/apps/xflow?chat=true&#x26;utm_source=foxecom&#x26;utm_medium=help_center_xflow_customize_notify_me_form_and_messages&#x26;utm_campaign=cta_button&#x26;utm_term=chat_now" class="button primary" data-icon="comment-lines">Chat now</a> <a href="mailto:contact@help.xflow.so" class="button secondary" data-icon="envelopes">Message us</a>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/xflow-app/notify-me-widget/customize-notify-me-form-and-messages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.