How to add a back in stock notification form in Shopify product page without app

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

With a back in stock notification form, customers can let you know if they want to be informed when a sold out product becomes available again. When a customer uses the form to submit their email address, you will be sent information about the product that they are interested in. When more stock becomes available, you can let the customer know.

When a customer submits the back in stock notification form for a sold out product, you will receive an email to the email address you have specified in the admin in the Customer email field.

To view or change your Customer email, from your Shopify admin, click Settings, then click General.

How to add a back in stock notification form: follow these ten easy steps.

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you want to edit, and then click Actions > Edit code.
  3. In the Sections directory, click product-template.liquid.
  4. Find the opening HTML <form> tag. It will look similar to this:

    Wrap the opening <form> tag in conditional Liquid tags, so that on a new line above it is {% if product.available %}, and on a new line below it is {% endif %}. Your code should look like this:
  5. Find the closing HTML </form> tag. Wrap it in conditional Liquid tags, so that on a new line above it is {% if product.available %}, and on a new line below it is {% endif %}. Your code should look like this:
  6. Find the product title in the code by looking for {{ product.title }}. On a new line below the line of code that contains the product title, paste the following code:

    You can experiment with placing the code in different areas of the file to have the notification form display in a different position on the product page.

  7. Click Save.
  8. In the Assets directory, click theme.js or theme.js.liquid.
  9. At the very bottom of the file, paste the following code:
  10. Click Save.

Source: Shopify

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

2 Responses

  1. Vk Thakur says:

    Variants out of stock not works, did you attach help link

    • Pisd says:

      maybe with changing if product.available ….. with-…… product.variants.first.inventory_quantity > 0 …. I’m gonna test it.. I need this alerts!

Leave a Reply

Your email address will not be published. Required fields are marked *