How can I change the sold out button to a notify me button?

Hi community,

I would like to change the sold out button to a notify me button and let the customer input mail address to get notified when the product is back in stock.

I know that there are apps in the shopify store but I would like to do it myself because I need a very simple solution.

Thanks a lot!

Hello @MaBa ,

Steps to do it:

  1. Create an alternate template, edit it replace the ‘atc’ button with you button.
    here you can read how to use alternate template.

  2. Using Mailchimp use a custom form and use it in alternate template you create.

  3. Write custom JS, so on click of your custom button MailChimp form will appear.

Thanks

Where can I read about the alternate template?

https://www.shopify.com/in/partners/blog/shopify-alternate-templates

Hi Maba!

Totally get wanting a simple, custom-built solution, it’s definitely possible to replace the Sold Out button with a Notify Me button and add an email input field. That would involve a bit of Liquid code, some JavaScript for handling the form, and a way to store the emails and trigger notifications when the product is restocked.

That said, it can get a bit more complex than expected, especially when it comes to automating the email sending part and making sure it works across all product types and variants.

If you ever decide to go with an app that keeps things simple but still flexible, our app might be worth a look:

:backhand_index_pointing_right: REZ – Back in Stock ‑ Notify Me

  • Clean and lightweight, no bloat

  • Only shows the Notify button when the product is out of stock

  • Handles email collection and automatic restock emails

  • Free forever plan with up to 1,000 emails/month

Happy to help if you change your mind or need advice on doing it manually too!