How to setup Notify me button in Product page?

For setting up Notify me button in product page, You need to add custom code in your store.

Click on Snippet >> Select on Add a new Snippet >> enter the name "bis-product-button.liquid" in file name >> And click on enter button.

Enter the below code in file and save it.

<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>

Once the file is created then you need to call this file in product page on the place where you want to display notify me button.

Open main-product.liquid file or product template file and find add to cart button code and add below code on the place where you want to display the notify me button.

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

If you get any problem for setting this, then feel free to contact our support team at support@scriptengine.net, our team will help you to setup everything perfectly in your store.

How to style & design Product page Notify me button?

Go to Settings >> Button Style >> Click on Customize button >> go to Custom Button (Homepage, Collection page, etc..) >> Here you will able to change button text, its background & text color and hovering button color easily.