Adding and Editing Fields in the Account Signup Form

When creating an account or checking out of your store, customers are required to enter some basic account and address information. These fields can be changed to display a different label, show default or example text, or have their order rearranged.

The account sign-up form as it appears on a storefront (Classic Next theme)

Depending on your business, adding to or changing your store's default form fields can help you learn more about your customers and improve your workflow. For example, many merchants commonly add a "How did you hear about us?" field to help track marketing efforts. You can also use custom fields to survey and collect additional information about your customers, like their annual household income, communications preferences, or the number of people employed by their company.

Go to Advanced SettingsAccount Signup Form to access and change your store's account sign-up and address forms.

 

Did you know? Unless you're logged in as the store owner, your control panel user must have permissions enabled to manage, add, edit, and delete form fields.

Account Signup Fields

BigCommerce stores allow customers to create an account to encourage shoppers to return by making the checkout process faster.

There are three built-in required customer account sign-up fields:

  • Email Address
  • Password
  • Confirm Password

These default fields cannot be removed and are necessary for the customer account functionality to work. You may rename them, if necessary. Additional form fields, both required and not required, may be added to the account sign-up form.

Account sign-up fields

Address Fields

Customers with an account are able to save their address information in your store, so that the next time they visit, they do not have to enter it again.

The same form is used for both the billing and shipping address, though the data they provide for each can be different from one another.

There are eight built-in required address fields:

  • First Name
  • Last Name
  • Phone Number
  • Address Line 1
  • Suburb/City
  • Country
  • State/Province
  • Zip/Postcode

These fields cannot be removed, and are necessary for shipping functionality to work. You may rename them, if necessary. Additional form fields, both required and not required, may be added to the address form.

These fields are not required; they cannot be removed, but can be renamed, if necessary:

  • Company Name
  • Address Line 2

Address fields

Adding Fields

1. Go to Advanced SettingsAccount Signup Form, then click the Create a New Field drop-down.

Create a New Field dropdown showing different field types

2. Select which type of field to create.

3. In the popup window that appears, the Field Name is the customer-facing label that appears to the left of that field on the storefront.

You may also designate a Default Value, if you'd like the field to be pre-filled with a call-to-action or example input data.

In our example, we've added a text field for "Pet Name" to the address form, and made its default value "Enter your pet's name here".

Edit a text field popup showing field details

User-added image

Required specifies if this particular field must be filled, selected or checked before submitting the form. By default, required fields appear with a red asterisk (*) on the storefront.

You can rearrange fields by selecting and dragging them up or down in the list.

Field Types

  • Checkboxes — creates one or more checkbox fields
  • Date Field — allows a customer to specify a date. You can specify a date range from which to choose from.
  • Multiline Text Field — a larger text field for inputting larger amounts of data
  • Numbers Only — similar to a regular text field, but validates for numbers only. You may specify a valid number range for the customer to input.
  • Password Field — a text field that hides the data typed on the customer's screen for security purposes
  • Radio Buttons — multiple choice option that presents all values. A customer selects their desired value by filling in the circle to the left of it.
  • Text Field — a simple text field, like First Name
  • Pick List — a multiple choice option that presents values in a dropdown menu. This can help to save screen real-estate for lists with many values.

Advanced Settings

All form fields can have a custom CSS Class Name and/or Inline CSS Style applied. Some form field types also include settings for determining Field Size and Maximum Field Length.

 

These advanced styling fields are supported on Blueprint themes only. Field styling on Stencil themes can be accomplished through customization.

To access these:

1. Go to Advanced SettingsAccount Signup Form.

2. If you're accessing an address field, click the Address Fields tab. If not, move on to step 3.

3. Click the Action icon, then Edit on the field you want to change.

Action menu for a text field showing Edit

4. Click the Advanced tab, and make your desired adjustments.

5. Save your changes.

Deleting Fields

Check the box(es) next to the field you want to delete, then click Delete Selected.

User-added image

You can also select delete from the Action dropdown selector to the right of each field. Default fields cannot be deleted.

User-added image

Was this article helpful?