> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-7-documentation/product-page/back-in-stock-alert.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://halosoft.gitbook.io/ella-7-documentation/product-page/back-in-stock-alert.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.