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:
Expand the User menu and go to Settings > Contacts > Subscription settings.
Select Choose file to upload a logo from your computer.
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:
Go to Content > Products > Product Notifications.
Product notifications only appears in the menu if you have a connected store.
Select NEW NOTIFICATION.
Expand the Notification type drop-down menu and select Back in stock.
The Notification type is set to Back in stock by default.
Expand the Choose catalog drop-down menu and select a catalog.
Select Next.
Button and popover settings
Under the heading Button position, select whether your store uses a Standard or Custom theme using the radio buttons.
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.
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.
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.
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.
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.
You can see a preview of the button and popover styles as you edit them.
Select Next.
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.
Select the radio button for Immediately or Daily to set the schedule for your back in stock notifications, then select Next.
Immediately: email alerts are sent to queued contacts as soon as a catalog sync updates stock levels to be greater than zero.
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.
A summary of the settings you have configured is displayed. To confirm, select Save.
Heading, Content, and Button options
Tab | Options |
Heading |
|
Content |
|
Button |
|
Enable back in stock
In your store account, go to Stores > Configuration > DOTDIGITAL > Automation, and find the heading Product Notification.
Expand the Enable back in stock notification drop-down menu and select Yes.
Expand the Product Notification drop-down menu and choose the product notification you created in Dotdigital.
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
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:
In your Dotdigital account, go to Automation > Triggered emails.
Select the Product notifications folder.
Select the Back in stock notification campaign name, or the Edit icon.
Make any changes you want to the campaign design.
Learn more about editing a campaign in Use EasyEditor to edit your email campaign.
Select Save.