WordPress Registration Form Plugin (CMREG) - Use Case - How To Organize Multi-step Registration
Use Case - How To Organize Multi-step Registration
Note: This guide covers features from the Pro version of WordPress Registration Form Plugin - This document uses version 3.7.4
Introduction
WordPress Registration Form Plugin allows your users to login and register to your site via a beautiful pop-up. It also allows to turn the registration form into the multi-step process. It can be useful if you need users to provide a lot of information during the registration, and want to divide the process into a few steps instead of having a huge single form.
Use Case Front-End
![Front-end example - WordPress Plugin User Registration](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/66437c9e7987cf7a43f635ff/file-qdpSG36Qoc.gif)
Use Case Assumptions
In this example use case guide, we'll cover how to turn on the multi-step registration feature and how to configure the form fields. We consider that you have already bought the WordPress Registration Form Plugin, but not installed it.
It follows:
- Installing the plugin
- Quick recap
- Multi-step registration settings
- Assigning profile fields to specific registration steps
- End result
Installing the Plugin
The process is the same for all CM plugins.
![CreativeMinds Customer Account Dashboard - Downloads tab](https://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/5ea2abc604286364bc98ef13/file-FEHseeA7Qu.png)
- Download the plugin from your customer dashboard.
- Log in to WordPress and navigate to the WordPress Admin → Plugins settings.
- Click on Add New.
- Activate it and add the license.
Learn more: Getting Started - Plugin Overview
Quick Recap
In this use case guide we will consider only how to turn the registration form into multi-step process. So, we recommend you first to get to know how to configure the basic plugin settings and how the plugin works:
Multi-Step Registration Settings
First, navigate to Admin Dashboard → CM Registration Pro → Settings → Registration tab.
![Navigation to the registration settings - User Registration WordPress](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/6643487d340e4261ee1c4c2d/file-h3WBySdWNa.png)
Find the section Multi Step Registration. The options are:
![Multi-step registration settings - WordPress Login Plugin](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/6643650003646f27f5ad486a/file-TMa8yJsccg.png)
- Multi step - Choose Yes to enable the multi-step registration form.
- Name of multi step - Here you need to define the sections of the registration form. You need to give a name for each step, and these names can be optionally displayed on the front-end. It will also be used in the form builder, where you can assign each registration field to certain form section. You need to add a name of each section on a separate line.
- Progress bar - Choose Yes to enable the progress bar in the registration form.
- Breadcrumbs - Choose Yes to display tabs with each section name in the registration form.
- Navigation - Choose Yes to display navigation buttons (left and right) in the registration form.
Front-end example with notes:
![Front-end example with notes - WordPress Custom Login Form](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/66437670340e4261ee1c4c63/file-RhucT0mzpr.png)
For our use case we defined 3 registration step:
- Basic Info
- Personal Details
- Extra
We also enabled all options to display progress bar, breadcrumbs and navigation buttons. Here's an example of our configuration:
![Configuration example - WordPress Custom Login](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/664369cff8a4cf663fcc4d8f/file-2hgBsnCWSw.png)
Now click the button Save at the bottom of the page to save the changes:
![Saving the changes - WordPress Social Sign In Plugin](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/66432edd0aaf8a27e593c12b/file-9p015fr1BH.png)
Assigning Profile Fields to Specific Registration Steps
Next thing we need to do is to assign profile fields to certain steps of the registration form. To do this, navigate to Admin Dashboard → CM Registration Pro → Profile Fields.
![Navigation to the form builder - Social Login WordPress](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/66436b1803646f27f5ad4872/file-n9carBn2mZ.png)
There you will find a form builder. Here we already have a premade profile fields. Learn more about how to work with the form builder: WordPress Registration Form Plugin (CMREG) - How To - Improve the Registration Form With Custom Fields
![Form builder - WordPress Plugin User Registration](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/6643771f340e4261ee1c4c65/file-RxS9BLaF0Z.png)
Here you need to edit each field by clicking a pencil icon, and choosing the relevant multi-step option as shown on the screenshot below.
![Editing the field - User Registration WordPress](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/6643782cf8a4cf663fcc4da6/file-ORwNCtdEl8.png)
After you assigned each field to the needed step of the registration, click the button Save at the bottom.
![Saving the changes - WordPress Login Plugin](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/664378f203646f27f5ad488b/file-osAGeae94C.png)
The configuration is done. Now let's check the result on the front-end.
End Result
As a result, we have a registration form with 3 tabs, each has its own fields. The user can navigate between steps either by using navigation buttons below the form, or clicking on tabs above the form. The user can also see a progress bar above the breadcrumbs buttons.
Following instruction found in the plugin and guides you should be able to organize multi-step registration on your WordPress website.
Use Case Front-End
![Front-end example - WordPress Custom Login Form](http://d33v4339jhl8k0.cloudfront.net/docs/assets/558f9e89e4b01a224b42f278/images/66437c9e7987cf7a43f635ff/file-qdpSG36Qoc.gif)
![]() |
More information about the WordPress Registration Form Plugin Other WordPress products can be found at CreativeMinds WordPress Store |
![]() |
Let us know how we can Improve this Product Documentation Page To open a Support Ticket visit our support center |