Adding a Registration Form
Registration forms are an essential part of Ultimate Member and allow people to sign up to your site and become members. Ultimate Member allows you to create multiple registration forms (perfect if you have more than one user role for your site).
How to create a new registration form
To create a new registration form hover your mouse over the Ultimate Member link in the admin dashboard menu and select forms from the Ultimate Member sub-menu. This will take you to the forms page which gives you an overview of your forms. At the top of this page click the “add new form” button which will take you to the page where you will create your new registration form.
The first step to creating a new registration form is to give the form a title. The title is purely for identification purposes in the admin dashboard and will not appear anywhere on the frontend of your site.
Select form type
Below the form title you will see the select form type widget which is where you select the type of form you are wanting to create. The selected form type will have a blue background making it easily identifiable what type of form you are creating. Registration is the default selected form type so you won’t need to change anything here.
The form builder is where you will add the fields and design the layout of your registration form. If you need help or want to learn more about the form builder we have a separate document on how to use the Ultimate Member form builder.
What fields to include in the registration form
When creating a new registration form there are a couple of fields that you must add so that Ultimate Member can properly register the user with your WordPress site. You should add either the username field or the username/email field. This is important as WordPress requires each user to have a username. In addition to one of those two fields you should also add the password field so the user is able to login after successfully registering. Apart from those requirements you are free to add any other fields to the register form.
Assign role to form
Assigning a role to a form is easy and you can select a role by going to the customize this form widget situated on the right-hand side of the page. In this widget you can assign a role to this form. If you have not yet created a custom role then select roles from the Ultimate Member sub-menu tocreate a new user role. If you do not asign a role to this form, any users signing up using this form will automatically be assigned the default user role (member).
Below the create widget you will see the shortcode widget. This widget contains the shortcode which you should add to the page where you want the form to appear. Make sure to paste the shortcode in the text tab and not the visual tab to avoid any styling being applied to the shortcode.
Customize this form widget
The customize this form widget allows you to easily customize the form. In this widget you have the following options:
- Assign role to form – This option allows you to assign a role to the form which will give anyone signing up to your site via this form that role. If left as default users will be assigned the default role (set inuser tabin settings)
- Template – This option is intended for advanced usage and developers and you do not need to do anything with this option.
- Max Width (px)– With this option you can set a custom max width which will be applied on larger devices (mobile devices will have a 100% width). Make sure to enter the value without px at the end e.g 450px.
- Alignment– This option allows you to decide the alignment of the form on the page. You can choose to align the form to the left, center or right. By default the form will have center alignment.
- Field Icons– With this option you can select the apperance of font icons on the form. There are three options for you to select from: Show with labe l(default selection), inside text field , and turned off. Please note if you select inside text field only certain fields will be able to show icons. All fields are able to have an icon if you select to show them next to the label and you have given the field a label.
- Primary button text– With this option you can customize the text that appears inside the primary button. For registration forms the default text is “Register” but you can change this to anything you like.
- Primary button colors– The next three options allow you to apply custom colors to the primary button. Click the select color button to choose a custom color or enter a HEX value.
- Show secondary button– With this option you can decide whether or not to show the secondary button on the registration form. By default the secondary button is turned on. If you turn secondary button off, you will notice that the primary button becomes centered on form.
- Secondary button text– With this option you can customize the text that appears inside the secondary button. For registration forms the default text is “Login” but you can change this to anything you like.
- Secondary button colors– The next three options allow you to apply custom colors to the secondary button. Click the select color button to choose a custom color or enter a HEX value.