1. Documentation /
  2. User Registration for WooCommerce

User Registration for WooCommerce

Store Owner’s Guide

↑ Back to top

Installation Guide

↑ Back to top
  • Log in to your WordPress Admin Panel.
  • Navigate to the WordPress Admin Dashboard → Plugins → Add New.
  • Click on the Upload Plugin button on the top left corner of your screen.
  • Next, click the Choose file button in the below box.
  • Select the zip file that you have downloaded and upload it.
  • Click on the Activate Plugin button.

Getting Started

↑ Back to top

Registration Form

↑ Back to top
  • Navigate to WordPress Admin Dashboard → WooCommerce → Default Form.
  • Once you’re on the Default Form page, you’ll see a Shortcode on the right side of the page.
  • Once you’re on the  Default Form page, you’ll see a Shortcode on the right side of the page.
  • This shortcode will enable the User Registration functionality where pasted.
  • Copy the shortcode and navigate to WordPress Admin Dashboard → Pages → Add New.
  • A new page would open.
  • Add the Title of the page.
  • Click on the sign ➕ to add blocks.
  • Select the Shortcode element.
  • Once done, we can see that a shortcode [wc-user-registration-page] will be added to the page.
  • Click on the Publish button.
  • Now go back to the  Default Form page by navigating to WordPress Admin Dashboard → WooCommerce →  Default Form.
  • Once you’re on the  Default Form page, you’ll see three tabs on this page.
  1. General Settings
  2. Default Fields
  3. Extra Fields

General Settings

↑ Back to top
  • Navigate to the General Settings tab. (The Admin will be redirected to the General Settings tab by default when you’re on the Registration Form page).

Enable Billing Address from Default Fields

↑ Back to top
  • Enable this option to display the Billing Address on the User Registration page.

Enable Shipping Address from Default Fields

↑ Back to top
  • Enable this option to display the Shipping Address on the User Registration.

Display Extra Fields on the Registration Page

↑ Back to top
  • Enable this option to allow the dynamic form builder to display extra fields on the User Registration.

Display Extra Fields on My Account Page

↑ Back to top
  • Enable this option to allow the dynamic form builder to display extra fields on the My Account page.

Display Extra Fields on Checkout Page

↑ Back to top
  • Enable this option to allow the dynamic form builder to display extra fields on the Checkout page.

Enable Dropbox

↑ Back to top
  • Enable this option to send data to Dropbox.

Enable ReCaptcha

↑ Back to top
  • Enable this option to show ReCaptcha on the form.
  • Click on the Save changes button to apply your settings.

Default Fields

↑ Back to top
  • Navigate to the Default Settings tab.
  • There are two accordions in this tab.

Billing Address form Fields

↑ Back to top
  • Click on the Billing Address form Fields accordion to expand it.
  • Checkmark the Enable checkbox against the fields you want to display in the Billing Address section on the registration form.

Shipping Address form Fields

↑ Back to top
  • Click on Shipping Address form Fields accordion to expand it.
  • Checkmark the Enable checkbox against the fields you want to display in the Shipping Address section on the registration form.
  • Click on the Save changes button to apply your settings.

Front-End Impact:

  • On the website, go to the User Registration page.

NOTE: The fields selected in the Billing Address form Fields and Shipping Address form Fields accordion will only be displayed on the Registration form if the Enable Billing Address form Default Fields and Enable Shipping Address form Default Fields options are enabled in the General Settings tab.

Extra Fields

↑ Back to top
  • Navigate to the Extra Fields tab.
  • Once done, you’re on the Form Builder page.
  • This form allows you to drag and drop components on your Form.
  • Once you’ve added all the fields, click on the Save Changes button to save your form.

Front-End Impact:

On the website, go to the User Registration page.

User Roles

↑ Back to top
  • Navigate to WordPress Admin Dashboard → Users → User Roles.
  • Now you’re on the User Roles page.
  • There are two sections on this page.
  • On the left side of the page, you can Add New Role.
  • Enter the Name of the user role.
  • Enter the Slug of the user role.
  • Enter the Description of the user role.
  • Once done, click on the Add New Role button.
  • Once the User Role is successfully added, it will appear on the right side of the page.
  • Hover over the user role to view the suboptions.

Notifications

↑ Back to top
  • Navigate to WordPress Admin Dashboard → WooCommerce → Settings.
  • Navigate to the Email tab.
  • The Admin and User received the notification via email.
  • Once you’re on the Email tab, you’ll see three settings on this page.
  1. New Registration Request
  2. Request Registration Rejection
  3. Request Registration Approval

New Request

↑ Back to top
  • Click on the New Registration Request to open its settings.
  • There are two accordions in this tab.

Admin Notification

↑ Back to top
  • Click on the Admin Notification accordion to expand it.
  • Enable the Enable Notification toggle button to send an email to the Admin about the newly requested user role.
  • Set the Email Subject.
  • Set the Message.

User Notification

↑ Back to top
  • Click on the User Notification accordion to expand it.
  • Enable the Enable Notification toggle button to send the user an email about the registration requested.
  • Set the Email Subject.
  • Set the Message.
  • Click on the Save Changes button to apply your settings.

Request Registration Rejection

↑ Back to top
  • Click on the Request Registration Rejection to open its settings.
  • There is only one accordion in this tab.

Request Rejection Notification

↑ Back to top
  • Enable the Enable Notification toggle button to send the user an email about the new requested user role.
  • Set the Email Subject.
  • Set the Message.
  • Click on the Save changes button to apply your settings.

Approve Registration Request

↑ Back to top
  • Navigate to the Approve Registration Request Settings.
  • There is only one accordion in this tab.

Request Approval Notification

↑ Back to top
  • Enable the Enable Notification toggle button to send the user an email about the new requested user role.
  • Set the Email Subject.
  • Set the Message.
  • Click on the Save changes button to apply your settings.

Settings

↑ Back to top
  • Navigate to WordPress Admin Dashboard → WooCommerce → Settings.
  • Once you’re on the Settings page, you’ll see the User Registration tab on this page.
  • There are Six subtabs inside the User Registration tab.
  1. General Settings
  2. User Settings
  3. User Approval
  4. Notifications
  5. Display
  6. Integrations

Accounts & Privacy Settings

↑ Back to top

In order to display the registration form and link on the “My Account page”, you have to follow these steps:

  • Navigate to the “Accounts & Privacy” subtab.
  • Go to the “Account Creation” settings.
  • Enable the “Allow customers to create an account on the “My Account” page option.
  • Click on the “Save” button.

General

↑ Back to top
  • Navigate to the General subtab under “User Registration” (The Admin will be redirected to the General subtab by default when you’re in the Woo Registration Settings tab).
  • Enable the Enable Registration Link toggle button on the My Account page to show a registration link.
  • Once done, two more options will appear.
  • Enter the Text for the registration link in the textbox.

Registration Page

  • Select the Registration page to be redirected when the user clicks on the Registration Link on the My Account page.

Front-End Impact:

  • Go to the website.
  • Go to the My Account page.
  • On the My Account page, a Registration Link will be mentioned.
  • Click on the Registration Link.
  • The user will be redirected to the page configured in the Registration Page option.

Registration Redirect

  • This option will allow you to redirect the user when the user clicks the Register button.
  • There are three sub-options available;
  • None
  • Page
  • URL

None

  • Select the None radio button if you don’t want to redirect the user anywhere.

Page

  • Select the Page radio button to redirect the user to a page.
  • Once done, an option will appear titled Select Page.
  • Select the page from the dropdown menu.

Front-End Impact

URL

  • Select the Page radio button to redirect the user to a URL.
  • Once done, an option will appear titled Enter URL.
  • Enter the respective URL in the textbox.

Front-End Impact

Override default registration form

  • Enable the toggle button to override the default woocommerce registration form to the custom form.

Disable Show Password

  • Enable the toggle button to hide the password icon for hide/ show password.

Front-End Impact

Before:

  • When the toggle button is disabled, the hide password icon is visible in the password textbox.

After:

  • The password icon is hidden in the password textbox when the toggle button is enabled.

Remove Data

  • Checkmark the checkbox to remove all user registration data upon plugin deletion.
  • Click on the Save changes button to apply your settings.

User Settings

↑ Back to top
  • Navigate to the User Settings subtab.

Enable Default User Role

  • Enable the Enable Default User Role toggle button to set a default user role for registering users.

Select User Role

  • Enable the Enable Default User Role toggle button to set a default user role for registering users.

Enable User Role Dropdown

  • Enable the Enable Default Role dropdown option to display the user roles on the User Registration page for the registered users.

Include User Roles

  • In this option, select the User Roles from the dropdown menu displayed on the User Registration page.

Front-End Impact:

NOTE: If no User Role is selected in the Include User Roles option, then no User Role will be displayed on the User Registration page.

  • Checkmark the checkbox to display the user roles dropdown list on the Checkout page for the registered users.

Front-End Impact:

  • A guest user will go to the Shop page on the website.
  • Click on the Add to Cart button against any product.
  • Now go to the Cart page.
  • On the Cart page, click on the Proceed to checkout button to go to the Checkout page.
  • Once you’re on the Checkout page, there’s a Create an account checkbox at the bottom of the page.
  • Checkmark on the Create an account checkbox.
  • Once done, a Select User Role option will appear.
  • Click on the dropdown menu to select the user role.

Display on My Account

  • Checkmark the checkbox to display the user roles dropdown list on the My Account page for registering users.

Front-End Impact:

  • A guest user will go to the My Account page on the website.
  • An option will appear, Select User Role in the Register section.

User Approval

↑ Back to top
  • Navigate to the User Approval subtab.

Enable Approve New User

  • Enable the Enable Approve New User toggle button to approve new user requests manually.

Exclude User Roles

  • In this option, select the user roles from the dropdown menu.
  • Those User Roles selected in this option will be auto-approved upon registration.

Custom message for account created

  • Set the custom message on approval of the new user role request.

Custom message for pending request

  • Set the custom message on a pending request.

Custom message for rejected request

  • Set the custom message on the rejection of the new user role request.
  • Click on the Save changes button to apply your settings.

Notification

↑ Back to top
  • Navigate to the Notification subtab.
  • Notification emails are sent to the site admin when a user needs to be updated.

Send notification emails to all admins

  • Enable the Send notification emails to all admins toggle button to send the notification email to all users with admin access.
  • The default settings will be that only the site Administrator will notify a user awaiting approval.

Send admin notification emails to specific users

  • Enable the Send admin notification emails to specific users toggle button to send the email notification to specific users selected in the dropdown menu.
  • You can also add more than one user.
  • Click on the Save changes button to apply your settings.

Display

↑ Back to top
  • Navigate to the Display subtab.
  • Admin can add Custom CSS for User Registration.

Registration Page CSS

Form Display

There are two types of form display types available.

  • Flat 
  • Round 

Flat

  • When the Flat option is selected as the form display type.

Front-End Impact

Round

  • When the Round option is selected as the form display type.

Front-End Impact

Integrations

↑ Back to top
  • Navigate to the Integrations subtab.

Enable DropBox

  • In the Enable Dropbox option, click on the Connect button.
  • Click on the Continue button.
  • Click on the Allow button.
  • The Dropbox is now connected.
  • Click on the Disconnect button to disable sending data to Dropbox.

ReCaptcha Site Key

  • The Administrator will need the ReCaptcha Site Key in order to activate ReCaptcha.

ReCaptcha Secret Key

  • The Administrator will need the ReCaptcha Secret Key in order to activate ReCaptcha.
  • Once done, you’re on the Register a new site page.
  • In the reCAPTCHA type option, choose reCAPTCHA v2.
  • Choose the “I’m not a robot” Checkbox option.
  • Enter the required fields and click on the Submit button.
  • Once done, the SITE KEY and the SECRET KEY will appear.
  • Copy the SITE KEY and SECRET KEY and navigate back to the Integration tab.
  • Enter the SITE KEY and the SECRET KEY in the ReCaptcha Site Key option.
  • Click on the Save changes button.
  • A notification will appear once the settings are saved.

Requests

↑ Back to top
  • Navigate to WordPress Admin Dashboard → Users → Requests.
  • All the manual requests will appear on the Registration Requests page.
  • All the manual requests will appear on the Registration Requests page.
  • The user will go to the User Registration page.
  • The user will enter the required fields and credentials.
  • Once done, the user will click on the Register button.

Pending Request

↑ Back to top
  • An email will be launched once the user clicks the Register button and sent to the User and the Administrator.

Pending Request – User:

↑ Back to top

Pending Request – Administrator:

↑ Back to top
  • Now on the Registration Requests page, the Admin will receive the request of that particular user.
  • A notification will also appear on the WP Panel against the Request option.
  • The user will be in the Pending section on the Registration Requests page.

Approve Request

↑ Back to top
  • The Admin will click on the Approve button.
  • Once done, the user will be moved to the Approved section on the Registration Requests page.
  • Also, an email will be sent to the User regarding the Approval of their request.

Approval Request – User:

↑ Back to top

Reject Request

↑ Back to top
  • The Admin will click on the Deny button.
  • Once done, the user will be moved to the Denied section on the Requests page.
  • Also, an email will be sent to the User regarding the Rejection of their request.

Rejected Request – User:

↑ Back to top

Custom Forms

↑ Back to top
  • Navigate to WordPress Admin Dashboard → WooCommerce → Custom Forms.
  • Now you’re on the Custom Forms page.
  • Click on the Add New button.
  • Now you’re on the Click on the Add New Post page.
  • We can see that the UsernameEmail, and Password fields are added to the form by default.
  • Also, the Display User Role Dropdown radio button is selected by default in the User Role Options section.
  • In the User Role Options section, the Administrator can add multiple user roles to which the form would be displayed if the Display User Role Dropdown radio button is selected.
  • In the User Role Options section, the Administrator can only one user role to which the form would be displayed if the Assign Default User Role radio button is selected.
  • Once done, click on the Publish button.
  • Now navigate back to WordPress Admin Dashboard → WooCommerce → Custom Forms.
  • The custom form which was created will appear. 
  • All the forms will have their own unique Shortcode, which can be used to display the form.
  • Navigate to  WordPress Admin Dashboard → Pages → Add New.
  • A new page would open.
  • Add the Title of the page.
  • Click on the sign ➕ to add blocks.
  • Select the Shortcode element.
  • Now paste the shortcode.
  • Click on the Publish button.
  • Navigate to the page on the website where the shortcode was pasted.
  • A new user will enter the required credentials and click on the Register button.
  • Once registration is done, the Administrator will navigate to WordPress Admin Dashboard → Users → All Users.
  • Now you’re on the Users page.
  • The newly registered user will appear on this page.

NOTE: When the Display User Role Dropdown radio button is selected in the User Roles Options section, all the user roles will appear in a dropdown menu on Front-End.

  • While Registration, select the user role in the Select User Role option.
  • Also, note that the Select User Role is optional.
  • Suppose the user does not select any user role while registering.
  • In that case, the user role assigned to that user will be Customer.

NOTE: If the Administrator has not assigned any user role in the Assign Default User Role radio button in the User Roles Options section.

  • In this condition, any user will register using the Custom Form.
  • In that case, the user role assigned to that user will be None.

Dropbox 

  • Navigate to WordPress Admin Dashboard → WooCommerce → Custom Forms.
  • Now you’re on the Custom Forms page.
  • Hover over the form to view the suboptions.
  • Once done, click on the Edit button.
  • Now you’re on the Edit Custom Form page.
  • Navigate to the Dropbox section.
  • Checkmark the Enable Dropbox checkbox.
  • Once done, click on the Update button.

NOTE: Make sure that the Dropbox is connected in the Enable Dropbox option in Integrations subtab.

Also, make sure that the Enable Dropbox option is enabled from the General Settings tab in the Default Form tab.

  • Navigate to the WordPress Admin Dashboard → WooCommerce → Default Form.
  • Now you’re on the Users page.
  • Hover over the user to view the suboptions.
  • Once done, click on the Edit button.
  • Now you’re on the Edit User page.
  • Scroll down and navigate to the Integrations section.
  • In the Dropbox option, click on the Send User Data button.
  • Now go to your Dropbox account, which is connected to your website.
  • A folder will be created with the form name from which that respective user registered.
  • Click on the folder.
  • PDF file will be in the folder with the reference of that respective user.
  • Click on the PDF file.
  • The PDF file will contain details of the user which he filled in while registering using the custom form.

New Fields

↑ Back to top
  • Navigate to WordPress Admin Dashboard → WooCommerce → Custom Forms.
  • Now you’re on the Custom Forms page.
  • Hover over the form to view the suboptions.
  • Once done, click on the Edit button.
  • Now you’re on the Edit Custom Form page.
  • We can see that new fields are added to the form.

Day

↑ Back to top
  • Drag and drop the Day field from the All Fields section.
  • Once done, a popup will appear.

Display

  • In the Display tab, customize how the Day component would appear on the front-end.

Day

  • In the Day tab, customize how the Day field would appear on the front-end.
  • In the Type option, we have two types of display available for the Day field.
  • If the Administrator selects the Number in the Type option, the user can enter the day manually.
  • If the Administrator selects the Select in the Type option, the user can select the day from the dropdown menu where all the days will be present.
  • The Administrator can enter the placeholder text in the Placeholder option that will appear on the Day field.
  • Checkmark the Hidden checkbox to hide the Day field.
  • Checkmark the Day First checkbox to move the Day field before the Month field.

Month

  • In the Month tab, customize how the Month component would appear on the front-end.
  • In the Type option, we have two types of display available for the Month field.
  • If the Administrator selects the Number in the Type option, the user can enter the month manually.
  • If the Administrator selects the Select in the Type option, the user can choose the month from the dropdown menu where all the days will be present.
  • Checkmark the Hidden checkbox to hide the Month field.
  • The Administrator can enter the placeholder text in the Placeholder option that will appear on the Month field.

Year

  • In the Year tab, customize how the Year field would appear on the front-end.
  • In the Type option, we have two types of display available for the Year field.
  • If the Administrator selects the Number in the Type option, the user can enter the year manually.
  • If the Administrator selects the Select in the Type option, the user can choose the year from the dropdown menu where all the days will be present.
  • The Administrator can set the Minimum Year and Maximum Year of the Year field.
  • Checkmark the Hidden checkbox to hide the Year field.
  • The Administrator can enter the placeholder text in the Placeholder option that will appear on the Year field.

Data

  • In the Data tab, the Administrator can see how all the fields will appear on the front-end.
  • Enter the data in the fields and it will appear in the Preview section.

Validation

  • In the Validation tab, set the validation on the fields which would appear on the front-end.
  • Checkmark the Required checkbox against the fields to apply validation on that field.
  • Once done, a * would appear on that respective field.
  • The Administrator can set the Minimum Day and Maximum Day.
  • In the Validate On option, we have two options available.
  • If the Administrator selects the Change in the Validate On option, the validation will appear immediately until all the required fields are not filled in that specific component.

Front-End Impact

  • If the Administrator selects the Blur in the Validate On option, the validation will appear when the user switches to another component and fills in the fields of that component.

Front-End Impact

Conditional

  • In the Conditional tab set the conditions according to your requirements.
  • Once done, click on the Save button.
  • Once done, click on the Update button.

Front-End Impact

  • Navigate to the form on the website.
  • Enter the fields required for registration.
  • Once done, click on the Register button.
  • Once done, navigate to the Navigate to WordPress Admin Dashboard → WooCommerce → Default Form.
  • Now you’re on the Users page.
  • The user who recently registered will appear on this page.
  • Hover over that user to view the suboptions.
  • Once done, click on the Edit button.
  • Now you’re on the Edit User page.
  • Scroll down and navigate to the Extra Fields section.
  • The Day field will appear with the data filled in by the user while registering.

Survey

↑ Back to top
  • Drag and drop the Survey field from the All Fields section.
  • Once done, a popup will appear.
  • A popup will appear on the Day component.

Display

  • In the Display tab, customize how the Survey component would appear on the front-end.

Data

  • In the Data tab, the Administrator can see how all the fields will appear on the front-end.
  • In the Questions section, enter the question in the Label column.
  • The Value column will be automatically added when the question is added in the Label column.
  • In the Tooltip column, enter the help message.
  • To add more questions, click on the ➕ Add Another button.
  • The Tooltip help message which appears when a cursor is positioned over a tooltip icon.
  • In the Values section, enter the values in the Label column.
  • The Value column will be automatically added when the value is added in the Label column.
  • In the Tooltip column, enter the help message.
  • To add more questions, click on the ➕ Add Another button.

Validation

  • In the Validation tab, set the validation on the component which would appear on the front-end.
  • Checkmark the Required checkbox to apply on the Survery.
  • Once done, a * would appear on the Survey component.

Conditional

  • In the Conditional tab set the conditions according to your requirements.
  • Once done, click on the Save button.
  • Once done, click on the Update button.

Front-End Impact

  • Navigate to the form on the website.
  • Enter the fields required for registration.
  • Once done, click on the Register button.
  • Once done, navigate to the Navigate to WordPress Admin Dashboard → WooCommerce → Default Form.
  • Now you’re on the Users page.
  • The user who recently registered will appear on this page.
  • Hover over that user to view the suboptions.
  • Once done, click on the Edit button.
  • Now you’re on the Edit User page.
  • Scroll down and navigate to the Extra Fields section.
  • The Survey field will appear with the data filled in by the user while registering.

Signature

↑ Back to top
  • Drag and drop the Signature field from the All Fields section.
  • Once done, a popup will appear.
  • A popup will appear on the Signature component.

Display

  • In the Display tab, customize how the Signature component would appear on the front-end.

Data

  • In the Data tab, the Administrator can see how all the fields will appear on the front-end.
  • Enter the data in the fields, and it will appear in the Preview section.

Validation

  • In the Validation tab, set the validation on the component which would appear on the front-end.
  • Checkmark the Required checkbox to apply on the Signature.
  • Once done, a * would appear on the Signature component.

Conditional

  • In the Conditional tab, set the conditions according to your requirements.
  • Once done, click on the Save button.
  • Once done, click on the Update button.

Front-End Impact

  • Navigate to the form on the website.
  • Enter the fields required for registration.
  • Once done, click on the Register button.
  • Once done, navigate to the Navigate to WordPress Admin Dashboard → WooCommerce → Default Form.
  • Now you’re on the Users page.
  • The user who recently registered will appear on this page.
  • Hover over that user to view the suboptions.
  • Once done, click on the Edit button.
  • Now you’re on the Edit User page.
  • Scroll down and navigate to the Extra Fields section.
  • The Signature field will appear with the data filled in by the user while registering.

File

↑ Back to top
  • Drag and drop the File field from the All Fields section.
  • Once done, a popup will appear.
  • A popup will appear on the File component.

Display

  • In the Display tab, customize how the Signature component would appear on the front-end.

File

  • In the File tab, the Administrator can set the File PatternFile Minimum Size, and File Maximum Size.
  • If we click on the Display as image(s) checkbox, then a new option will appear titled as Image Size.
  • Once enabling the Display as image(s) checkbox, instead of a list of linked files, images will be rendered in the view.
  • The image size for previewing images in the Image Size option.

Data

  • In the Data tab, a Multiple Values checkbox is present. Checkmark the Multiple Values checkbox.
  • Once done, it will allow multiple values to be entered for this field.

Validation

  • In the Validation tab, set the validation on the component which would appear on the front-end.
  • Checkmark the Required checkbox to apply on the File.
  • Once done, a * would appear on the File component.

Conditional

  • In the Conditional tab, set the conditions according to your requirements.
  • Once done, click on the Save button.
  • Once done, click on the Update button.

Front-End Impact

  • Navigate to the form on the website.
  • Enter the fields required for registration.
  • Once done, click on the Register button.
  • Once done, navigate to the Navigate to WordPress Admin Dashboard → WooCommerce → Default Form.
  • Now you’re on the Users page.
  • The user who recently registered will appear on this page.
  • Hover over that user to view the suboptions.
  • Once done, click on the Edit button.
  • Now you’re on the Edit User page.
  • Scroll down and navigate to the Extra Fields section.
  • The Signature field will appear with the data filled in by the user while registering.

reCAPTCHA

↑ Back to top
  • Checkmark the Enable ReCaptcha checkbox in the ReCaptcha section.

NOTE: Make sure that the Site Key and Secret Key are entered in the ReCaptcha Site Key and ReCaptcha Secret Key option in the Integrations subtab.

Also, ensure that the Enable ReCaptcha option is enabled from the General Settings tab in the Default Form tab.

Front-End Impact

  • Navigate to the form on the website.
  • The reCAPTCHA at the bottom of all fields on the registration form.

Form Type

↑ Back to top
  • In the Form Type section, there are two options available.
  • Simple
  • Multi Step

Simple

↑ Back to top
  • When the Administrator selects the Simple option in the Form Type section, the form would be based on one page only and all the fields will be displayed on it.

Front-End Impact

  • Navigate to the form on the website.
  • All the fields will appear only on one page.

Multi Step

↑ Back to top
  • When the Administrator selects the Multi Step option in the Form Type section, the form will be displayed on multiple pages, and all the fields will be displayed on the pages on which they were placed.
  • When the Administrator selects the Multi Step option in the Form Type section, a page tab will appear at the top of the page. This will indicate on which page you’re. 
  • You can add pages by clicking on the +Page button.
  • Once the page is added, click on Page 2 to navigate to it.
  • Now you’re on the Page 2.
  •  Drag and drop components on Page 2 from the All fields section.
  • Click on the Update button to save changes.

Front-End Impact

  • Navigate to the form on the website.
  • All the pages will appear with all the fields configured in them.
  • Fill in the required fields on Page 1.
  • Once done, click on the Next button to navigate to Page 2.
  • Fill in the required fields on Page 2.
  • Once done, click the Register button.
  • Once done, navigate to the Navigate to WordPress Admin Dashboard → WooCommerce → Default Form.
  • Now you’re on the Users page.
  • The user who recently registered will appear on this page.
  • Hover over that user to view the suboptions.
  • Once done, click on the Edit button.
  • Now you’re on the Edit User page.
  • Scroll down and navigate to the Extra Fields section.
  • All the data which was entered on Page 1 will appear.
  • Click on the Next button.
  • All the data which was entered on Page 2 will appear.

Invitation Code Feature

↑ Back to top

Go to: Admin Dashboard > WooCommerce > Default Form.

Enable Invitation Code

↑ Back to top
  • Enable this option to show the Invitation Code on the form. This will permit users to register using an invitation code.
  • The Make Invitation Code Required option will appear on enabling the Enable Invitation Code option.

Make Invitation Code Required

↑ Back to top
  • Enable this option to make the Invitation Code required on the form.

Please Note: This error message will appear if the Make Invitation Code Required option is enabled and the user doesn’t enter the invitation Code.

Front-End Impact (My Account Page)

Front-End Impact (Default Form Page)

Front-End Impact (Custom Form Page) 

  • An Invitation Code and All Codes options will appear in the WP Admin Panel once you click the Save button.
  1. Navigate to the Invitation Code option in the WP Admin Panel.

Add Codes

↑ Back to top
  • The invitation codes can be generated Manually or Automatically; each option has its configuration settings to achieve the desired results.

Add Codes – Generate Manually

  1. In the Add Codes tab, go to the Generate Manually sub-tab.
  2. In the Add Codes textbox, you can enter your invitation code (one line for each Invitation code).
  3. Set the Usage Limit.
  4. Set the Expiry Date.
  5. Click the Save Changes button.
  • Once the operation is successful, you’ll receive a notification labeled as (Number of Code Quantity set) Invitation Code Successfully added. According to the above image, the notification would be 2 Invitation Codes Added Successfully.

Go to Admin Dashboard > WooCommerce > All Codes.

  • All the invitation codes are present here with all the details like ExpiryUses RemainingStatus, and Actions
  • We can EditDelete, and Change the Status of the Invitation Code.
  • We can Activate and Deactivate the Invitation Code from the Actions column.

Add Codes – Generate Automatically

  1. In the Add Codes tab, go to the Generate Automatically sub-tab.
  2. Set the Code Prefix.
  3. Set the Code Suffix.
  4. Set the Usage Limit.
  5. Set the Expiry Date.
  6. Click on the Generate Codes button.
  • Once the operation is successful, you’ll receive a notification labeled as (Number of Code Quantity set) Invitation Code Successfully added. According to the above image, the notification would be 5 Invitation Codes Added Successfully.
  • Go to Admin Dashboard > WooCommerce > All Codes.
    • All the invitation codes are present here with all the details like ExpiryUses RemainingStatus, and Actions (Where we can EditDelete, and Change the Status of the Invitation Code [Activate and Deactivate]) section.

Import Code Tab

↑ Back to top

Download Sample CSV File

  • The invitation codes can be imported via a CSV file.
  • You can download the sample file to get familiar with the CSV file format from the Download Sample CSV hyperlink.
  • Once the CSV file is downloaded, open it to view the format.

Import CSV File

  1. Go to Admin Dashboard > WooCommerce > Invitation Code.
  2. Navigate to the Import Codes tab.
  3. Select a CSV file.
  4. Click on the Import button.
  • Once the operation is successful, you’ll receive a notification labeled as (Number of Invitation Codes) Invitation Codes in CSV Successfully Imported. According to the CSV file, the notification would be 3 Invitation Codes in CSV Successfully Imported.
  • Go to Admin Dashboard > WooCommerce > All Codes.
  • Now you’re on the All Codes page.
  • We can see that the Invitation Codes are imported with all the details.
  1. Click on the Edit button in the Actions column.
  1. Now we’re on the Edit Invitation Code page.
  2. We can Edit the Title, Invitation Code, Uses Left, Usage Limit, Expiry Date, and Status.
  3. Also, the Invitation Code used by the users will appear on that specific Edit Invitation Code page.
  • We cannot activate the Invitation Codes that are Expired from the actions column.
  • Click on the Edit option in the Actions column.
  • Expired invitation codes will be changed only via the Edit Invitation Code page.
  • Since invitation codes expire after a specific date, when updating the Invitation code, if the admin does not change the Expiry Date field, the Expiry Date field will turn red as a validation error to update it. 

Email Code Tab

↑ Back to top
  • The invitation codes can be sent via email to get registered.
  • The Registration Page field has the flexibility to choose the registration page that has been added, which can be selected from the dropdown menu. The email body will be added with a link to redirect to the respective page for registration.
  • The Invitation Code field will display all the active invitation codes. Select any one invitation code sent to the user via email.
  • Enter the email address to whom you want to send the invitation code in the User Email field. You can enter more than one email address by adding a comma between the email addresses.
  • Set the subject in the Email Subject field.
  • Set the message in the Email Message field.
  • A toggle is given in the HTML Email field to enable sending the email in rich HTML format.
  • We can see that the user receives the Invitation Code, and a hyperlink is present, which will redirect the user to the selected page when clicked. 
  • Click the Send Email button to send the email to your respective users.
  • Once the operation is successful, you’ll receive a notification labeled as (Number of Email Addresses entered) Emails successfully sent. According to the above image, the notification would be 2 Emails successfully sent.
  • The user will receive the email with all the configured details like subject, Registration Page, Invitation code, etc.
  • The user will click on the URL mentioned in the email to get registered.
  • Once done, the user would be redirected to the Registration page and enter his credentials and the Invitation Code mentioned in the email.
  • For a specific form, we can add the Enable Invitation Code option in each form. Once this option is enabled, the Invitation Code option will appear on the form. 
  • Checkmark the Enable Invitation Code checkbox in the Invitation Code section.
  • Checkmark the Make Invitation Required checkbox in the Invitation Code section.

Please Note: Checkmark the Make Invitation Required checkbox in the Invitation Code section to make the Invitation Code mandatory in each custom form.

  • Once done, An Invitation Code option will appear on the form page.
  • The users who registered using the Invitation Code via email will be Auto-Approved regardless of their selected User Role.
  • Also, the Status column is now available in the Registration Requests section.

Block Users Feature 

  1. Go to Admin Dashboard > WooCommerce > Settings.
  2. In the User Registration tab, go to the User Approval sub

Enable Whitelist

↑ Back to top
  • On enabling the Enable Whitelist option, the Whitelist Domain List option will appear. When adding, the domains to be automatically approved will be specified in the whitelist tab.

Whitelist Domain List

↑ Back to top
  • Enter the specific domains you want to auto-approve the requests from the email address containing the specified domain name in the Whitelist Domain List textbox.

Enable Blacklist

↑ Back to top
  • On enabling the Enable Blacklist option, the Blacklist Domain List option will appear. 
  • The registration requests can be restricted based on the domain name the email address contains, adding them to the blacklist tab to reject the registration request from the specified domains given in the blacklist.

Blacklist Domain List

↑ Back to top
  • Enter the specific domains you want to reject requests from the email address containing the specified domain name in the Blacklist Domain List textbox.

Approve New User Notifications

↑ Back to top
  1. Custom message for account created
  • Enter the message in the Custom message for account created option, which will be displayed when a user account creation operation is successful. This message will appear for all the users mentioned in the Whitelist Domain.
  1. Custom message for pending request
  • Enter the message in the Custom message for pending request option, which will be displayed when a user retries to enter using his credentials but his request has yet to be approved.
  1. Custom message for rejected request
  • Enter the message in the Custom message for rejected request option, which will be displayed when a user account creation operation is unsuccessful. This message will appear for all the users mentioned in the Blacklist Domain.

Front-End Impact (Whitelist Domains)

  • A user registers using a domain mentioned in the Whitelist Domains section.
  • Once the operation is successful, a notification will appear, which is mentioned in the Custom message for account created option. 

Front-End Impact (Blacklist Domains)

  • A user registers using a domain that is mentioned in the Blacklist Domains section.
  • Once the operation is successful, a notification will appear, which is mentioned in the Custom message for rejected request option.

Front-End Impact (Custom message for pending request)

  • Upon clicking the register button, a personalized message will display on the front end, and the user’s registration request will be transmitted to the admin for approval.

Restrict User Role From The Selected Pages Feature 

  1. Go to Admin Dashboard > WooCommerce > settings.
  2. Navigate to the Settings sub-tab in the User Registration tab.

Restrict User Role from the Selected Pages

  • In the Restrict User Role from the Selected Pages option, the administrator can restrict pages from specific user roles.
  • Select the User roles that will be restricted to visiting the selected pages.
  • Select the Pages that will be restricted for the selected user roles.
  • Click on the PLUS (+) icon to add another row where the Administrator can select more pages and user roles according to their requirement.

Please Note: We cannot select the User Roles chosen already in another row, but Pages can be selected in another row.

  • On clicking the PLUS (+) icon, we can see that another row has been added.
  • Click on the Trash icon to delete that specific row.
  • On clicking the Trash icon, the specific row is deleted.

Custom messages for users restricted from selected pages

  • Navigate to the Custom message for Users Restricted from Selected Pages option, which allows the Administrator to show a specific message to the user that is restricted from specific pages.
  • Enter the custom message that will be displayed to the restricted users when they visit restricted pages.

Front-End Impact

  • Some of the user roles are restricted, as can be seen from the above settings.
  • After the user has registered with a restricted user role, they will be restricted from accessing specific pages as per the settings mentioned above.
  • Once the restricted user navigates to the restricted page, an error message will appear on the front end.

Role Based Redirection Feature 

  1. Go to Admin Dashboard > WooCommerce > Settings.
  2. In the User Registration tab, go to the General sub-tab.

Registration Redirect

  • This Registration Redirect option will allow you to redirect the user when the user clicks the Register button.
  • In this option, we have two radio button sub options.
  • Global Based Redirection.
  • User Role Based Redirection.

Registration Redirect Mode

  • This Registration Redirect Mode option will allow you to select the mode in terms of redirection of the user when the user clicks the Register button.
  • In this option, we have three radio button sub-options.
  • None
  • Page
  • URL

Please Note: The Registration Redirect and Registration Redirect Mode options are dependent on each other.

Please Note: The Registration Redirect option works only in Default Form.

Global Based Redirection

↑ Back to top
  • When Global-based Redirection is selected, a Registration Redirect Mode option will appear with the following radio button options.
    • None
    • Page
    • URL

Please Note: This is the Default Process, which is already working. Now we just have to make it a sub-option of the Global Based Redirection option.

NONE

  • Select the None radio button if you don’t want to redirect the user anywhere.

PAGE

  • Select the Page radio button to redirect the user to a page.
  • Once done, an option will appear titled Select Page.
  • Select the page from the dropdown menu.

Front-End Impact

  • As it can be observed from the above settings, the Page radio button is chosen, resulting in a redirection of the user to the Thank you Page on the front end. 

 URL

  • Select the URL radio button to redirect the user to a URL.
  • Once done, an option will appear titled Enter URL.
  • Enter the respective URL in the textbox.

Front-End Impact

  • As can be observed from the above settings, the URL radio button is chosen, resulting in redirection of the user to the desired URL link on the front end.

User Role-Based Redirection

↑ Back to top
  • When User Role-based Redirection is selected, a Registration Redirect Mode option will appear with the following radio button options.
    • None
    • Page
    • URL

NONE

  • Select the None radio button if you don’t want to redirect the user anywhere.

PAGE

  • Select the Page radio button to redirect the user roles to a page.
  • Once done, an option will appear titled Select Page and User Role.
  • Select the User roles, we can select multiple user roles.
  • Select the Page from the dropdown menu.
  • After each row, we have a Plus (+) icon and a Trash icon.
  • Click on the PLUS (+) icon to add another row where the Administrator can select more pages and user roles according to their requirement.
  • On clicking the PLUS (+) icon, we can see that another row has been added.
  • Click on the Trash icon to delete that specific row.
  • On clicking the Trash icon, the specific row is deleted.

Front-End Impact

  • As it can be observed from the above settings, the Page radio button is chosen, resulting in the redirection of the user to the Thank you Page on the front end. The user has registered as a subscriber.

URL

  • Select the URL radio button to redirect the user roles to a page.
  • Once done, an option titled Enter URL and Select User role will appear.
  • Select the User roles; we can select multiple user roles.
  • Enter the respective URL in the textbox.
  • After each row, we have a Plus (+) icon and a Trash icon.
  • Click on the PLUS (+) icon to add another row in which the Administrator can add more URLs and select user roles according to their requirement.
  • On clicking the PLUS (+) icon, we can see that another row has been added.
  • Click on the Trash icon to delete that specific row.
  • On clicking the Trash icon, we can see that the specific row has been deleted.

Front-End Impact

  • As it can be observed from the above settings, the URL radio button is chosen, resulting in redirection of the user to the desired URL link on the front end. The user has registered as a customer.

Please Note: We cannot select the User Roles chosen already in another row.

Make Default Fields Required Checkbox Add Feature 

  1. Navigate to the Default Form option on the WP Admin Panel.
  1. Navigate to the Default Fields tab.
  2. Click on the Billing Address form Fields and Shipping Address form Fields.

Billing Address Form Fields

↑ Back to top
  • Click the Required checkbox after every desired field in the Shipping Address form Fields.

Front-End Impact

  • All the Required checkboxes marked in the Back-end settings are now visible on the Front-end.

Shipping Address Form Fields

↑ Back to top
  1. Go to: Admin Dashboard > WooCommerce > Default Form.
  2. Navigate to the Default Fields subtab.

Front-End Impact

  • All the Required checkboxes marked in the Back-end settings are now visible on the Front-end.