Use Elementor to Create WordPress User Registration Forms
User registration is a very crucial aspect of a website. There is a no default widget to add user registration in Elementor but with MailOptin you can easily add user registration to any form on your website. To access the form widget on Elementor you will need to upgrade to the Pro version
How to Create a User Registration Form using Elementor
To create your user registration form using Elementor there are two things involved.
- The form itself
- MailOptin plugin
Elementor has no default widget to handle new user registration and so we will need MailOptin to take care of that for us.
Creating The Form
Create a page and edit with Elementor. Drag and drop the form widget from the widget sidebar. You will see the default form fields (Name, Email and Message). You can either add or remove fields to fit your new user registration requirements.
On each form field, you can change the field type, label, placeholder text; toggle the required option and column width. For user registration, you should include the Username and Password fields.
You can also add custom fields like Address or Social Media handle to the form.
Step Two – MailOptin Configuration
Under the “Action After Submit” Select MailOptin
Now expand the MailOptin tab and select “WordPress User Registration” under Select Email Service.
Next, pick the user role to assign to registered users under Select Email List.
The form fields should also be mapped to the user profile registration attributes. You can map the field attributes you have in your form and leave those not in use as “None”
You can also use the following actions, which can be performed after the User registers through your form:
Redirect: Using this option you can redirect the user after successful registration to a Thank You page or a login page. You can paste the required Page URL in the URL field under this option.
Email: This option will send an email to the User with a custom message. You can customize the email content under the Email section.
Finally, save the changes. Preview your page and you should see the registration form displayed.