# 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="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FeCqeT6EPGL5ikJkxPIwg%2Fimage.png?alt=media&#x26;token=8ff319ad-56e8-4696-93ec-f4469c5fb793" 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="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F3mcZuapr2iaPx5OLCyap%2Fimage.png?alt=media&#x26;token=5686d264-3554-4729-b173-8d0cf1627bd2" 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="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F6Emy5ZhpebuLlloyVZ0z%2Fimage.png?alt=media&#x26;token=782ea3f5-d9df-4d7d-bb4d-d841719e3c91" 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="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FaN0EIWucb1pluYUmzOH1%2Fimage.png?alt=media&#x26;token=e3cc230b-30dc-4f1c-bee4-bd17c47bd6e5" 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="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FxFZiaAfmxhwqzhn8ooJ3%2Fimage.png?alt=media&#x26;token=a88b8178-f036-44fb-8832-8ecf1238aa6e" 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 |