Configuring the User - Signup system page settings

The Signup system page is where new customers create an account on your storefront. Configuring its settings lets you control what the registration form looks like and what it asks for, so account creation matches your store's branding and feeds cleanly into the rest of your customer workflow, from login through ordering and order history.

In This Article

• Prerequisites
• Why use this feature?
• Step 1: Open the Signup Settings panel
• Step 2: Configure the signup form properties
• Step 3: Choose a layout style
• Step 4: Configure fonts and colors
• Step 5: Configure input field and button styling
• Step 6: Save and publish your changes
• Best Practices
• Troubleshooting
• FAQs
• Additional Resources

Prerequisites

Why use this feature?

The Signup page is the entry point for every new customer account on your store. These settings let you set the panel title and button label to match your store's voice, decide whether field-formatting hints are shown, and style the form's layout, fonts, colors, and buttons to match your storefront design.

reCAPTCHA verification is applied to every Signup form automatically, so bot and spam registrations are filtered out without any setup on your part. The account created here is what customers use to log in, place orders, request quotes, and view their order history going forward, so getting this form right sets the tone for a customer's first interaction with your store.

To configure the Signup system page settings:

Step 1: Open the Signup Settings panel

Website Editor → PAGES → User → Signup → Signup form widget → Signup Settings

1. Click on the PAGES button in the Website Editor Toolbar.

   

2. Click on the + icon at the left of the User tab to expand the User pages menu.

   

3. Click on the Signup page tab.

   
4. Mouse over the Signup form widget in the content area of the Signup page.
5. Click on the down arrow beside the lock icon.

6. Choose the Signup Settings item from the drop-down menu.

   

   The Signup Settings popup opens with the Signup Properties tab selected.

   

   The Signup Settings popup, opened from the Signup form widget.

Step 2: Configure the signup form properties

1. Enter a title for the form in the Panel title field.
2. Enter a title for the Signup form in the Panel title field.
3. Enter the text that will appear on the Submit Registration button.
4. Set the login form options.
   • Show Hints: tick this checkbox to display formatting instructions below each field.
   • Override Captcha: tick this checkbox if you want to override the "Force reCaptcha on registration" option set by the Fulfillment Center under Admin > Websites > Customer Options.
   • Show Captcha: when this checkbox is ticked, the Captcha tool will be displayed at the bottom of the Signup form to protect against bots and spammers. This checkbox will only be enabled if the Override Captcha checkbox is ticked.

Click OK once you're done.

---

Step 3: Choose a layout style

1. Click on the Design tab in the Signup popup.

   
2. Select a Signup Layout style:
   • Label Above: displays labels above fields in the signup form.
   • Label Left: displays labels to the left of fields in the signup form.

Step 4: Configure fonts and colors

Set the font and color for each text element on the form:

1. Configure the main heading font and color.
   1. Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Widget Panel Titles article for instructions.
   2. Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
2. Configure the Personal Details heading font and color.
   1. Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Widget Panel Titles article for instructions.
   2. Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
3. Configure the font and color for the field labels.
   1. Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Text article for instructions.
   2. Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.
4. Configure the font and color of the hint text.
   1. Click on the font name to configure the font style using the Font popup. See the Configuring Font Settings for Text article for instructions.
   2. Click on the color spot to choose a text color using the Color popup. See the Using the Color Popup article for instructions.

Step 5: Configure input field and button styling

1. Configure the style of the input fields.

   The procedure for configuring the input field is the same as in the Style Editor. See the Style Editor article for instructions.

2. Configure the submit button style.

   The procedure for configuring the submit button style is the same as for editing the button style in the Style Editor. See the Style Editor article for instructions.

3. Click OK to save the changes.

Step 6: Save and publish your changes

1. Click the Save button on the Page Settings Bar.

2. Click the Publish button at the right of the Page Settings Bar.

   Your Signup page settings go live for customers as soon as you publish.

Best Practices

• Keep the panel title and button label on-brand: these are often the first words a new customer reads on your site.
• Leave Show Hints on for stores with less tech-savvy customers, to reduce failed registration attempts from formatting errors.
• Match the Signup form's design to your storefront style so account creation feels like a continuation of the shopping experience, not a separate system.

Troubleshooting

Changes made in the Signup Settings popup aren't showing on the live site

Cause: The popup was saved with OK, but the page itself wasn't published.

Solution: After clicking OK, click Save and then Publish on the Page Settings Bar.

FAQs

Can I customize how the Signup form looks?

Yes. The panel title, button label, hints, layout, fonts, colors, and input/button styling are all still fully configurable.

What happens to the account after a customer signs up?

The account created here becomes the customer's login for your storefront, and is what your system uses to track their orders, quotes, and order history going forward.

Additional Resources

• Configuring the User - Store Signup system page settings
• Configuring the User - Forgot Password system page settings
• Customer Options
• Global Store Options