Add the Notify me button with code

If your theme has no app embeds (older themes), or you want to place the button yourself, add the Notify me button to your product page with a small snippet.

Create the snippet

1. In your Shopify admin, go to Online Store › Themes, click … next to your current theme, then Edit code.

2. In the snippets folder, click Add a new snippet, name it bis-product-button and click Done.

   

3. Paste this code into the new file and click Save:

   <div>
     <script id='bisae_product_variants_{{product.id}}' type='application/json' data-product-name="{{ product.title }}" data-product_id="{{ product.id }}">
       {{ product.variants | json }}
     </script>
     <script id='bisae_product_selected_or_first_available_variant_{{product.id}}' type='application/json'>
       {{ product.selected_or_first_available_variant | json }}
     </script>
     <div class="bis-product-button" data-product-name="{{ product.title }}" data-product_id="{{product.id}}"></div>
   </div>

Add it to your product page

1. Open your product template file, for example main-product.liquid, and find the code of the Add to cart button.

2. Paste this line where the button should appear, then click Save:

   {% render 'bis-product-button', product: product %}

   

Change how this button looks

In the app, go to Settings › Button Style, click Customize, and scroll to the custom button section. You can change its text, colors and hover colors.