How to Add Custom User Registration Fields for WooCommerce

Customers’ personal information is collected through the registration form on any eCommerce site. In such situations where customer information is essential, your business may necessitate additional fields not included in the registration form. To address this issue, custom fields must be added to the registration page.

The registration form can be personalized in two ways. The first step is to use the quick and dependable WooCommerce plugin. You can also do it by implementing a program that demands technicality and time consumption. In this post, we have mentioned two methods to add custom user registration fields. Read below to find out the step by step procedure. 

Apply Custom User Registration Fields – Methods

There are two basic methods to apply custom user registration fields for WooCommerce.

  1. Custom User Registration Fields for WooCommerce by Addify
  2. Apply Custom User Registration Fields Programmatically

Method #1: Custom User Registration Fields for WooCommerce by Addify

Using the Custom User Registration Field plugin, you can now quickly add custom fields to your registration form in order to collect additional customer information. It assists you in adding multi-select choices, dropdown lists and more. Fill up the ‘My Accounts’ page with your new fields, and then choose whether they are mandatory or optional.

Installation

  1. To install this plugin, search the .zip file from your WooCommerce account and proceed with download.
  2. Visit the WordPress Admin Panel. Go to Plugins and choose Add New and then Upload Plugin.
  3. Choose the file you have downloaded.
  4. Select Install Now and then Activate.

Setup and Configuration

After activating the Custom User Registration Fields plugin, “Registration Fields” will appear in the WordPress Admin Panel. Hover over the registration fields to view the detailed settings.

Add New Registration Fields

To add new fields in your existing user registration form, navigate to “Registration Fields” and click on Add New Field. Select the field type and additional parameters such as:

  • Field Title
  • Placeholder
  • Field Description
  • Mark as Mandatory or Optional
  • Make Non-editable in “My Account”
  • Show field with full or half width
  • Add Custom CSS for Styling
  • User Role Dependency
  • Sort Field Order (Works for new custom fields only – See “Field Sorting” heading below for more details)

The non-editable feature in the My Account section limits customers to make changes after registration is complete. Additionally, field order can be sorted for new custom fields only.

Add Unlimited Fields

With this plugin, field status, sort order, and field type are all displayed in the grid view. Any field can be edited or deleted at any time.

Display User Role Dropdown

The user role dropdown can be displayed on the front end by going to registration fields > settings and selecting the user roles that you want to display. All third-party user role plugins, such as User Role Editor and Wpfront User Role Editor, are compatible with the User Registration Plugin.

Store administrators can allow customers to modify their user role from My Account page. After a successful registration, a user cannot change his/her role through My Account page and the manual validation will not operate.

Manage Approve New User Settings

With the help of this plugin, some user roles can be manually approved, while the remainder are left on auto-approval. All user roles can be selected if you want to manually verify all new customers. All new registrations will be validated even if the roles dropdown menu is deactivated.

It allows two options:

  • Enable Approve New User: The customer registers for normal registration process and waits for manual approval.
  • Enable Approve New User at Checkout Page: The customer will be automatically logged in after placing the order without being able to log in again unless the account status is approved by admin.

Manage Email Settings

WooCommerce Custom User Registration Fields provides ease for merchants to manage and customize email settings simply from the WooCommerce Admin Panel. Go to Settings and choose Email to proceed further. The content of emails can also be configured from the settings. 

  • Addify Registration New User Email Admin: Sent to the admin when a new user registers.
  • Addify Registration Update User Email Admin: Sent to admin when a user updates custom fields data from my account page.
  • Addify Registration New User Email to Customer: Sent to customers when a new user account is registered.
  • Addify Registration Pending User Email to Customer: Sent to users whose accounts are awaiting approval and currently, their status is pending. 
  • Addify Registration Approved User Email to Customer: Sent to customers when their account is approved.
  • Addify Registration Disapproved User Email to Customer: Sent to customers when their account is disapproved.

Registration Form Fields

As you apply the settings of the plugin, you’ll see the fields that are added to the WooCommerce registration form.

The Additional Fields become visible on the My Account page. You can choose from the user roles through which you want to use the account page. 

Technical Limitations of the Custom User Registration Fields

Some of the incompatibilities and technical limitations of the plugins are listed below:

  • While adding a new user registration field and sorting its order, the default fields are always displayed first and new custom fields are sorted after the default fields. 
  • A drop down menu for user roles will always be displayed after the default fields.
  • The new custom fields are open for sorting and are displayed after the user roles dropdown. 

Method #2: Apply Custom User Registration Fields Programmatically

Let’s take a look at the program-based implementation of Custom User Registration Fields for WooCommerce.

add_action( 'woocommerce_register_form_start', array($this, 'wooc_extra_register_fields') );

public function wooc_extra_register_fields() {?>

       <p class="form-row form-row-wide">

       <label for="reg_billing_phone"><?php _e( 'Phone', 'woocommerce' ); ?></label>

       <input type="text" class="input-text" name="billing_phone" id="reg_billing_phone" value="" />

       </p>

       <p class="form-row form-row-first">

       <label for="reg_billing_first_name"><?php _e( 'First name', 'woocommerce' ); ?><span class="required">*</span></label>

       <input type="text" class="input-text" name="billing_first_name" id="reg_billing_first_name" value="" />

       </p>

       <p class="form-row form-row-last">

       <label for="reg_billing_last_name"><?php _e( 'Last name', 'woocommerce' ); ?><span class="required">*</span></label>

       <input type="text" class="input-text" name="billing_last_name" id="reg_billing_last_name" value="" />

       </p>

       <div class="clear"></div>

       <?php

 }

Wrapping Up

We hope that the information provided in this post will assist you in successfully implementing and configuring the WooCommerce Custom User Registration Fields plugin in your store. Please don’t hesitate to get in touch with our support team if you have any questions or concerns.

Avail The Oppurtunity

Subscribe to Our Updates and Newsletters.