Use Elementor to Create WordPress User Registration Forms

User registration is a very crucial aspect of a website. There is 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

There are two things involved in creating your user registration form using Elementor.

• The form itself
• MailOptin plugin

Step One.

Elementor does not have a default widget for handling new user registration, so we will need MailOptin to do 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 add or remove fields to fit your new user registration requirements.

You can change the field type, label, and placeholder text on each form field, 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.

Field Mapping

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: After successful registration, you can redirect the user to a Thank You page or a login page. You can paste the required page URL in the URL field using this option.

Email: This option will send the user an email 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.