Advanced sign up form customization

You can customize the sign-up form design from within our app. If further customizations are required, we provide a mechanism to make changes through JS. 

Add JS config

On page load, any settings configured in admin are output onto the window.BISAData object. 

You may customize this configuration by adding a new essential script to the Head of the page in Script Manager. 

The following example can be used to override the modal heading when a customer successfully unsubscribes.

<script>
    window.BISAData = window.BISAData || {};
    window.BISAData.unsubscribe_success_heading = "You've successfully unsubscribed".
</script>

Customize Unsubscribe Modals

When a customer unsubscribe link in an email, there are redirected to your store. A modal is shown to confirm the unsubscription. 

To customize the display of the modal, you can add the following to a script in the header.

<script>
    window.BISAData = window.BISAData || {};
    window.BISAData.unsubscribe_success_heading = "Success";
    window.BISAData.unsubscribe_success_message = "You have been unsubscribed from back in stock alerts.";
    window.BISAData.unsubscribe_failure_heading = "There was a problem";
    window.BISAData.unsubscribe_failure_message = "Something went wrong when unsubscribing you from back in stock alerts."
    window.BISAData.unsubscribe_button_label = "Continue";
</script>

Manually show back in stock form

In instances where the product page is heavily customised, you may find the need to manually trigger the form display for a particular product or product variant. 

This can be achieved after the page has loaded with the following code snippet if the product ID was 97, e.g. on button click.

window.BISAData.forceShowFormForProduct({id: 97});

For a product variant, please pass by product ID and variant ID.

window.BISAData.forceShowFormForProduct({id: 97, variantId: 134});

Full list of configuration options

The following is a full list of configuration options that can be defined on