Skip to main content

Designing the sign-up form

Configure the storefront sign-up experience without changing theme code. Test the result on an out-of-stock product after saving each change.

Enable alert requests​

Open the sign-up form settings, open the … menu and enable the form.

Action to enable alert requests in the sign-up form settings

Choose modal or inline display​

Enable the modal option to show a Notify me when available button on out-of-stock products. Selecting the button opens the sign-up form in a dialog.

Notify me button on an out-of-stock product

Sign-up form displayed in a modal

Disable the option to display the form directly on the product page.

Inline sign-up form on a product page

The form also works in Quick View for out-of-stock products.

Back-in-stock sign-up option in Quick View

Replace the add-to-cart button​

By default, the alert button or form appears below the add-to-cart button. Enable Replace the add to cart button to hide the original button and use that position for the alert experience.

info

Some themes, including Cornerstone, hide the add-to-cart button when a product is out of stock. If the replacement option has no visible effect, your theme may need a template change so the original button remains in the page markup.

Collect customer details​

Choose whether to collect a first name, or both first and last names.

Name-field options for the sign-up form

Sign-up form showing customer name fields

Enable newsletter sign-up to ask for separate marketing consent. When a customer opts in, the app updates the BigCommerce newsletter-subscriber list. You can also export consented customers.

Change the text and button style​

Use the Form design section to edit customer-facing text.

Editable phrases in the form design settings

To match your theme, set the button class to an existing theme class. Cornerstone uses button button--primary by default. You can instead enable style overrides and set custom colours and border radius values.

Button class and colour settings

Exclude products​

Enter a comma-separated list of product SKUs where the sign-up form should remain hidden.

SKU exclusion field for the sign-up form

For a heavily customised theme, see Advanced sign-up form customisation.