Back in Stock Notifications

The Back In Stock Notifications extension is used as restock messages to customers who recently expressed interest in an item that was out of stock. They are informed when it becomes available again. Customers are encouraged to return and complete the transaction as a result.

It supports you in creating a form on the product page to receive customers’ emails in case they have further demand. Hence, you have to collect and save customers’ contacts in a list manually to notify them when the product is restocked. The notification email will be sent by you, not automatically.

After the customer fills in the email and submits it, you will receive an email notification to the Sender email that you added in Shopify. Go to Shopify settings -> Store details -> Contact information to see what email it is.

Note: When you finish installing the Back in Stock Notification and finish configuration, it will automatically show when you publish. You can use this extension on EComposer Pro and Premium plans. Upgrade now to unlock

This extension offers many great benefits! You can start installing it by following the steps below.

1. How to Install the Extension

Step 1: From your EComposer dashboard, go to CRO Extensions from the left sidebar menu.
Step 2: Search for the Back in Stock Notifications extension.
Step 3: Click Details and install the extension on your store.

2. Call the Extension to the Editor & Customize

Call the Extension to the Editor: Inside the EComposer editor, open the Extensions tab from the left sidebar, then find the Back In Stock Notifications extension from the installed extensions list and drag it into your desired position on the page. After adding it successfully, you can start customizing the extension settings and style.

2.1. Content tab

General: Handle the fundamental behaviour and visibility of the basic Back in Stock feature. This section allows you to control the core content and visibility settings of the Back In Stock Notifications extension.

• Preview: This allows you to see the product you want to display.
• Heading: You may write down some of the details in order to provide more information to your customer.
• Button label: Allows you to change the make-sense name that corresponds to the button.
• Input label: It is used to customise the text that appears directly above the email input field.
• Input email placeholder: Let you write a placeholder for email input.
• Button animation/ Loop time: This may help you set more effects for the button.

Notification: focuses on the messages of the restock alert.

• Show preview messages: When you enable this toggle in your editor, it forces the success or error messages to appear on your screen immediately. It allows you to see the styling (colours, fonts, and placement) of your messages so you can design them without having to manually fill out the form on your live website.
• Success message: It appears the moment a customer successfully enters their email.
• Invalid email: It only appears if the customer types something into the box that doesn’t follow the format of a real email address.
• Error message: It appears that the subscription fails for reasons other than a typo.

Mail Content: is where you modify the email content that gets sent to the customer’s inbox the moment you restock the product.

• Content when product has a single variant: You will be able to modify the content of the email form that you will receive when the product has a single variant.
• Content when product has multiple variants: Here is the field for you to modify the content of the email form that you will receive when the product has multiple variants.

You will be able to modify the content ”Please notify me when” and “become available” as these will be the contents that will be shown in the form you will receive.

Please be aware that any emails received via the Shopify contact form have their content and titles controlled by Shopify, limiting our ability to edit or translate them.

2.2. Design tab

• General: You may go to set the Background, Box Shadow, Border, and Border-Radius.
• Heading: Some of the other settings, like Alignment, Typography, Text Colour, Text Shadow, and Spacing.
• And without saying here, which are Label input settings, Input, Button, Success message, and the Error message.