Setting Up WooCommerce Custom Registration Forms Builder

Create Multiple Registration Forms

Adding New Registration Forms

Go to WooCommerce > Registration Forms to view a complete log of registration forms created. Choose to edit individual forms or create new forms by clicking on “Add New Form”. 

When adding a new registration form, you need to provide the following details:

Add Title: Add a unique title for future reference

Form Fields: 

You have two options to add fields. Click on:

  • “Add Default Field” to display a default billing or shipping field on the form
  • “Add Custom Field” to add a custom field to the registration form

Adding Default Fields

Click on “Add Default Field.”

Complete the following details:

  • Enable/Disable: Toggle to enable or disable the field
  • Required Field: Specify whether the field is required
  • Default Field: Select the default field to add to your form
  • Field Name/Meta Key: Enter the name/meta key of the field
  • Field Label: Enter the label of the field
  • Field Placeholder: Enter the placeholder of the field
  • Field Width: Choose the width of the field:
    • Full Width
    • Half Width

Adding Custom Fields

Click on “Add Custom Field.”

Complete the following details:

  • Enable/Disable: Toggle to enable or disable the field
  • Required Field: Specify whether the field is required
  • Show in Order Details: Choose “Yes” or “No”
  • Readonly Field: Specify whether the field is read-only (users cannot update it on the My Account page)
  • Field Label: Enter the label of the field
  • Field Name/Meta Key: Enter the name/meta key of the field
  • Field Type: Select the type of field
  • Field Placeholder: Enter the placeholder of the field
  • Field Width: Choose the width of the field:
    • Full Width
    • Half Width
  • Field Description/Message/Privacy Message: Provide a field description if needed
  • Is Field Dependable?: Choose “Yes” or “No”

Customizing the Form Submit Button

Form Submit: 

Configure the form submission settings as follows:

  • Button Text: Enter the text for the submit button
  • Button Position: Select the position of the submit button:
    • Left
    • Center
    • Right

Adding a Form Description

Form Description: 

You can add a form description to explain the purpose of the form, and you can also enter content to display before the form itself.

  • Form Description: Add a form description to explain the form
  • Form Content: Enter Content to show before the form

Configuring the User Roles

Accounts: 

User Roles Options: Choose from the two options:

  • Add User Roles Dropdown Field
  • Assign Default User Role

Default User Role: Select user roles to assign users on form submission. Available user roles include:

  • Administrator
  • Editor
  • Author
  • Contributor
  • Subscriber
  • Customer
  • Shop manager
  • Wholesale
  • B2B
  • Retailer

Approving User Registration

Form Controls: 

User Registration: Specify whether users will be automatically approved by default or if they will require manual approval by an administrator. Choose between:

  • Auto Approval 
  • Manually Approve by Admin

User Redirect: Select where to redirect users after successful registration

Personalize Email Templates

Form Emails: 

Configure email content for various scenarios:

  • New Account Email Content (Admin): Enter content to include in the new account admin email
  • New Account Email Content (Customer): Enter content to include in the new account email
  • Approve Account Email Content (Customer): Enter content to include in the approved account email
  • Disapprove Account Email Content (Customer): Enter content to include in the disapproved account email

Shortcode: [AF_REGISTRATION_FORM ID=”2001″]

Setting Up Google reCaptcha

To enhance security, you can set up Google reCaptcha for your registration forms. Navigate to WooCommerce > Settings > Registration Forms and provide the following details:

  • Google reCaptcha Site Key: Enter your Google reCaptcha Site Key
  • Google reCaptcha Secret Key: Enter your Google reCaptcha Secret Key