How to Add Restock Notifications and Requests to Your Shopify Store
Introduction
Implementing a “Restock Notification” feature on your e-commerce site is essential to prevent the loss of sales opportunities caused by out-of-stock items.
This article explains how to add Shopify’s “Restock Notification Feature” using StoreCRM, as well as how to create scenarios based on those notifications, including setup steps and precautions.
With StoreCRM, there’s no need to install additional apps. Everything from restock alerts to campaign strategies using those alerts can be handled with this app alone.
By implementing this feature, you not only avoid missed sales but can also collect valuable customer data. We highly recommend using it.
As of January 26, 2025, this feature does not support collection-level restock notifications.
This article provides instructions using the free Dawn theme. Please note that paid themes or customized themes may have different file structures. If that’s the case, feel free to contact StoreCRM Customer Support — we can assist with implementation and customization if needed.
[Video Manual][Shopify]How to Set Up Restock Notifications with StoreCRM
Setting Up the Restock Notification Feature
Goal of This Section
First, let’s take a look at the final version of the restock notification feature being implemented.
*The red-framed area shows the restock button and form.
Open the Theme Customization Screen for Implementation
Since you will be editing the theme in the following steps, if you’re unsure, we recommend selecting “Duplicate” to copy the theme and edit the copy instead.
➀From [Shopify Admin Panel] > [Sales Channels] > [Online Store] > [Themes], open the theme list.
Click [Customize] on the right side of the theme you want to edit.
➁Clicking [Customize] will take you to the Theme Customization screen. This time, we will edit the product detail page, so click [Homepage] > [Products] at the top of the page.
③Click [Products] to display a list of product detail page templates. Select the template where you want to enable the restock notification feature.
If you want to apply the feature only to specific products, you can create a new template by duplicating an existing one via [Create Template], and apply the feature there. In this case, we will create a template named [restock] and apply it.
Add the Restock Notification App Block
- If you are using Theme 2.0 or later, no coding is required to implement the restock notification feature.
- You can enable it by adding the app’s theme block, which will be explained in this section.
- If you are using Theme 1.0, you will need to add code to the product detail page.
In this example, we’ll place it below the [Buy Now] button. From the left-hand menu, click [Product Information] > [Add Block].
If you are using Theme 1.0
- If you are using Theme 1.0, please add the following code to the product detail page.
- You can find the product detail page by going to Shopify > [Sales Channels] > [Online Store] > [Themes] > [Edit Code], then searching for “product”.
- The file name depends on your Shopify theme. It’s usually something like
main-product.liquid, but if aproduct.jsonfile exists, the file name will be specified inside that JSON file. - To insert the code above the [Add to Cart] button, search for “buy-button” to locate the appropriate section.
<!-- StoreCRM Block -->
<div>
<script type="text/javascript">
if (typeof window.storecrm_data === 'undefined') {
window.storecrm_data = {};
}
window.storecrm_data.loaded = true;
if (!window.storecrm_data.customer_id) {
window.storecrm_data.customer_email = {% if customer %}'{{ customer.email }}'{% else %}null{% endif %};
window.storecrm_data.customer_id = {% if customer %}'{{ customer.id }}'{% else %}null{% endif%};
}
</script>
<div class="storecrm-button" data-type="restock-button" data-product-id="{{ product.id }}" data-variant-id="{{ product.selected_or_first_available_variant.id }}" data-variants="{{ product.variants | json | escape }}" data-current-variant-available="{{ product.selected_or_first_available_variant.available }}" data-product-tags="{{ product.tags | json | escape }}"></div>
</div>
<!-- StoreCRM Block -->Customization of the Restock Notification Button and Registration Form
StoreCRM provides a simple and non-intrusive design for the restock notification button and registration form that fits well with any store by default.
However, if you wish to fine-tune the design to match your store more precisely, or make the restock notification button more prominent, you can customize its appearance from the app settings page.
Customization of the Restock Notification Button and Registration Form
➁ You can customize the text, color, and size of the restock notification button and registration form to your liking while checking the preview on the right.
Once customization is complete, be sure to click the save button at the bottom of the page to save your changes.
After saving, check your store or theme preview to ensure the customization appears as intended.
Create a Scenario Using the Restock Notification Feature
In this section, we will create a scenario that automatically sends restock notification emails to customers who registered for restock alerts, using the information collected through Sections 2 and 3 when the product is back in stock.
Create a Scenario
StoreCRM provides a scenario template called [Send Restock Notification], which allows you to automatically send emails simply by setting a few basic conditions.
In this example, we will walk through the process of creating the [Send Restock Notification] scenario.
➁The scenario settings screen will appear. Set the date and time to send the email. For this example, we have configured the settings based on the following conditions.
The open rate may vary depending on the time the email is sent, so consider both the timing of restocking and the optimal email delivery time.
Additionally, sending multiple emails can help improve open and click rates.
Once the settings are complete, click [Save] at the bottom right of the page to save your configuration.
- Send a restock notification email to registered users 5 hours the item is restocked.
- 8 hours after the first email, send a follow-up email.
Editing the Email
StoreCRM automatically generates an email when a scenario is created, allowing you to operate the scenario as is.
However, if you wish to “customize the wording and design to match your store’s branding” or “deliver a message to customers in your own words,” you can customize the email using the email editor.
➀Open the StoreCRM app page and click [Email] > [Email List].
From the list, click the name of the email you want to edit.
Create an email that matches the tone and branding of your store to improve open rates and increase CVR.
*CVR stands for “Conversion Rate,” which indicates the percentage of users who complete a desired action (such as a purchase or signup) on your website.
Summary
By utilizing StoreCRM, you can implement strategies like the restock notification registration feature introduced in this article—without the need to install additional apps or integrate with other marketing automation tools. StoreCRM enables you to execute these actions with a single application. Additionally, StoreCRM offers free support for app configuration (including setup services) and consulting to help improve your store’s sales performance. Feel free to contact us via the inquiry form.
