Set up back in stock alerts for Shopify

Notify customers of back in stock items on your store.

Laura Russell avatar
Written by Laura Russell
Updated over a week ago

If a potential customer visits a product page on your store and sees that the product they want is out of stock, it’s important to make it as easy as possible for them to still make that purchase as soon as stock levels are replenished. You can enable back-in-stock email alerts on your Shopify store so that your customers are notified and can quickly return to the product page as soon as they are able complete the purchase.

After you have completed the setup steps outlined below, we automatically apply the necessary scripts to your Shopify store. When a customer chooses to be notified when a product is back in stock, they are sent an email asking them to confirm their opt-in to back-in-stock email alerts.

The opt-in confirmation email contacts receive is a standard system template which you can customise with your logo.

To do this:

  1. Expand the User menu and go to Settings > Contacts > Subscription settings.

  2. Under Confirmation email, select CHOOSE FILE to upload a logo from your computer.

  3. Select SAVE.

Once the contact confirms, their email address is added to a queue for that particular product, and when your catalog sync indicates that the product stock is at least one, an email notification is sent with a direct link back to the product page.


Before you start

Things you need to know:

  • Back in stock alerts are supported for all stores connected to your account.

  • Back in stock alerts are not supported for the Shopify Express theme.

  • You must have transactional email enabled on your account.


Watch the video

Some information in this video has changed. We are working on updating the video, but in the meantime, use the article for accurate navigation details.


Configure back in stock alerts

Text fields

The configurable text fields for the back in stock button and popover support plain text only.

To add the Back in stock alert button to your product pages, and set up the email alerts:

  1. Expand the User menu and go to Settings > Commerce > Product Notifications. Product notifications only appears in the menu if you have a connected store.

  2. Select NEW NOTIFICATION.


1. Type and catalog settings

  1. Expand the Notification type drop-down menu and select Back in stock.

  2. Expand the Choose catalog drop-down menu and select a catalog. The Notification type is set to Back in stock by default.

  3. Optionally, you can add product tags to the Include tags or Exclude tags fields. To do this, type the tag into the relevant box.

  4. Select Next.

Product filtering with tags

To display the Notify me button on all products in the selected store and catalog, leave the Include tags and Exclude tags fields empty.

The below table describes how the application of tags to the Include and Exclude fields affects the display of the Notify me button on your site:

Tags applied

Result

Include only

When products are out of stock, the Notify me button only shows on products with any of the tags specified in the Include field. The button does not show on any other products which do not have the specified tags.

Exclude only

When products are out of stock, the Notify me button only shows on products that do not have any of the tags specified in the Exclude field.

Include and exclude

When products are out of stock, the Notify me button only shows on products with any of the tags specified in the Include field, however, if a product also has a tag that is specified in the Exclude field, the Notify me button does not show for this product.


2. Button and popover settings

  1. Under the heading Button position, select whether your store uses a Standard or Custom theme using the radio buttons.

  2. If your store uses a custom theme, you must enter a CSS selector from your product page layout that can be used to position the Notify me button on your product pages. The Notify me button appears after the page element that you specify. If you’re unsure what to enter here, your Shopify agency or developers can help you.

  3. To configure your button style, expand the Button font drop-down menu to select a font, then enter your button text, text colour and button colour in the relevant fields. This is the button that appears on the product page for any out-of-stock product in the selected catalog.

  4. If you'd like to add additional styling to your Back in stock module, such as font size, weight, padding, roundness, width, and height. Turn on the Additional styling toggle. Once turned on, all Additional styling options are applied to your design.

  5. If your store offers different product variants on a product page; under Pop-overs, turn on the Use variant selector toggle to give your customers the option to select variants for their Back in stock notifications.

  6. To configure the popover, select the Heading, Content or Button tab to edit the design options for these features. This is the popover that appears once a customer selects the Notify me button on the product page.
    For more information, see the Popover design options table below.

  7. Select Next.

  8. To customise the Thank you message, enter your preferred text in the Title text, Body text and Button text fields, then select Next. The design for the Thank you popover is copied from the design choices you entered on the previous screen.

  9. Select the radio button for Immediately or Daily to set the schedule for your back in stock notifications, then select Next.

    1. Immediately: email alerts are sent to queued contacts as soon as a catalog sync updates stock levels to be greater than zero.

    2. Daily: email alerts are sent once a day at the time you specify. To set the time, expand the hours and minutes drop-down menus and choose a time.
      Email template is set to the default Back in stock notification triggered campaign, which is automatically created for you. To view the campaign, select Preview.
      Learn more in the section Edit the back in stock email campaign.

  10. A summary of the settings you have configured is displayed. To confirm, select Save.

The scripts which power the back in stock alerts are now added to your store. To see the alert you have created, expand the User menu and go to Settings > Commerce > Product notifications. If you want to make any changes, select the Edit icon.


Popover design options

Tab

Options

Heading

  1. Expand the Heading font drop-down menu and select a font.

  2. Enter your preferred heading text into the Heading text field.

  3. Enter a hex code into the Heading text colour field.

Content

  1. Expand the Body font drop-down menu and select a font.

  2. Enter your preferred body text into the Body text field.

  3. Enter a hex code into the Body text colour field.

  4. Enter your watermark text in the Email field watermark field.
    This is the text that displays by default before any entry is made in the email address field of the popover.

  5. Enter your validation text in the Email field validation field.
    This is the message that displays if a contact enters an invalid email address.

Button

  1. Expand the Button font drop-down menu and select a font.

  2. Enter your preferred button text into the Button text field.

  3. Enter a hex code into the Button text colour field.

  4. Enter a hex code into the Button colour field.


Edit the back in stock email campaign

The first time you create a back in stock product notification, we automatically create a Back in stock notification triggered email campaign in your account.

When creating back-in-stock notifications for multiple stores, a new template is generated for each store. If a store has specific branding, it is applied to its template.

To edit the triggered campaign:

  1. Go to Automation > Triggered email.

  2. Select the Product notifications folder.

  3. Select the Back in stock notification campaign name, or the Edit icon.

  4. Make any changes you want to the campaign design.
    Learn more about editing a campaign in the section Design a campaign with EasyEditor.

  5. Select Save.

Did this answer your question?