Configuring the User - Signup system page settings

In the Signup page, accessed via the PAGES tab of the Website Editor under the SYSTEM PAGES section, you can edit the settings of the Signup form. These settings allow you to configure the options of the Signup form.

In this article, you will learn how...

• To configure the Signup system page settings
• To configure the design settings for the signup form

To configure the Signup system page 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 will be displayed, with the Signup Properties Tab selected.

   
7. Configure the Signup form.
   1. Enter a title for the Signup form in the Panel title field.
   2. Enter the name that will appear on the Submit Registration button.
   3. Set the login form options.
      • Show Hints: when this checkbox is ticked, instructions about the formatting required will be displayed 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.
8. Click OK.
9. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.

To configure the design settings for the signup form:

1. Click on the Design tab in the Signup popup.
   
2. Select a Signup Layout style for the form.
   • Label Above: displays labels above fields in the signup form.
   • Label Left: displays labels to the left of fields in the signup form.
3. Configure the main heading font and color.
   1. Click on the font name to configure the font style using the Font popup. Click here for instructions.
   2. Click on the color spot to choose a text color using the Color popup. Click here for instructions.
4. Configure the Personal Details heading font and color.
   1. Click on the font name to configure the font style using the Font popup. Click here for instructions.
   2. Click on the color spot to choose a text color using the Color popup. Click here for instructions.
5. Configure the font and color for the field labels.
   1. Click on the font name to configure the font style using the Font popup. Click here for instructions.
   2. Click on the color spot to choose a text color using the Color popup. Click here for instructions.
6. Configure the font and color of the hint text.
   1. Click on the font name to configure the font style using the Font popup. Click here for instructions.
   2. Click on the color spot to choose a text color using the Color popup. Click here for instructions.
7. Configure the style of the input fields.

   The procedure for configuring the input field is the same as in the Style Editor. Click here for instructions.

8. 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. Click here for instructions.

9. Click OK to save the changes.
10. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.