All Collections
Integrations
Magento Open Source and Adobe Commerce
Automation
Set up back in stock alerts in Magento Open Source and Adobe Commerce
Set up back in stock alerts in Magento Open Source and Adobe Commerce

Configure back-in-stock email alerts for your store.

Gareth Burroughes avatar
Written by Gareth Burroughes
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 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 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.

Opt-in confirmation email

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. 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:

  • Dotdigital for Magento Open Source and Adobe Commerce connector version 4.21.0+ is required for back in stock alerts to be available.

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

  • You must have transactional email enabled on your account.


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. Go to Content > Products > Product Notifications.

    Product notifications only appears in the menu if you have a connected store.

  2. Select NEW NOTIFICATION.

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

    The Notification type is set to Back in stock by default.

  4. Expand the Choose catalog drop-down menu and select a catalog.

  5. Select Next.


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 Adobe Commerce 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, 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.

    The Choose channel checkbox for email is selected by default. You can’t edit this.

    See Heading, Content, and Button options below.

  7. You can see a preview of the button and popover styles as you edit them.

  8. Select Next.

  9. 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.

  10. 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 email campaign, which is automatically created for you. To view the campaign, select Preview. Learn more in Edit the back in stock email campaign.

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

Heading, Content, and Button 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.


Enable back in stock

  1. In your store account, go to Stores > Configuration > DOTDIGITAL > Automation, and find the heading Product Notification.

  2. Expand the Enable back in stock notification drop-down menu and select Yes.

  3. Expand the Product Notification drop-down menu and choose the product notification you created in Dotdigital.

  4. Select Save.

The scripts which power the back in stock alerts are now added to your store, and you can see the alert you have created under Content > Products > Product Notifications. If you want to make any changes, select the Edit icon.


Edit the back in stock email campaign

Unsupported features for back in stock email campaign

There are certain content blocks and link types which are not supported in the back in stock email campaign. If you include any of these, your campaign won't send.

See the list of affected content in the section Unsupported features.

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 email campaign:

  1. In your Dotdigital account, go to Automation > Triggered emails.

  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 Use EasyEditor to edit your email campaign.

  5. Select Save.

Did this answer your question?