# Back in stock alert

Notifies customers when an out-of-stock product becomes available again, helping recover missed sales and re-engage interested shoppers.

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

### **How to add the** Back in stock alert **block?**

1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. In the **Templates -> Add Product information ->** **Add section Details ->** choose **Back in stock alert**

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

*\*This block is displayed **only when the product is out of stock**.*

## Back In Stock Alert Settings <a href="#user-content-back-in-stock-alert-settings" id="user-content-back-in-stock-alert-settings"></a>

### Layout <a href="#user-content-layout" id="user-content-layout"></a>

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

| Label               | Type     | Description                                                                                           | Visibility     |
| ------------------- | -------- | ----------------------------------------------------------------------------------------------------- | -------------- |
| Direction           | `select` | Choose the layout orientation of the alert on desktop: **Horizontal** (row) or **Vertical** (column). | Always visible |
| Direction on mobile | `select` | Choose the layout orientation of the alert on mobile devices.                                         | Always visible |
| Gap                 | `range`  | Adjust the spacing (in pixels) between the different elements within the alert block.                 | Always visible |

### Button <a href="#user-content-button" id="user-content-button"></a>

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

| Label | Type     | Description                                                                                                                               | Visibility     |
| ----- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
| Label | `text`   | Enter the text to be displayed on the submission button (e.g., "Notify me").                                                              | Always visible |
| Type  | `select` | Choose the button's visual style. **Default** uses the theme's standard button style, while **Outline** uses a border with no background. | Always visible |

### Message <a href="#user-content-message" id="user-content-message"></a>

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

| Label                | Type   | Description                                                                                                                                          | Visibility     |
| -------------------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
| Notification message | `text` | Customize the default message that is included when a customer signs up for an alert. This message will be displayed in the email sent to the store. | Always visible |


---

# 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://halosoft.gitbook.io/ella-7-documentation/product-page/back-in-stock-alert.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.