Contents

How to set up OTP Verification for UserPro form?

UserPro offers beautiful front-end profiles, login and registration for WordPress. UserPro is packed with so many features and control, It is more than just a user profiles plugin. OTP Verification Plugin verifies Phone/Email of users by sending OTP Verification code before submitting UserPro Form. The purpose of this guide is to help you setup OTP Verification for your UserPro Form.

You can download miniOrange OTP Verification plugin using the following link:

Email Verification / SMS Verification / OTP Verification / OTP Authentication

by miniorange

OTP Verification on Email & SMS on all forms. WooCommerce SMS Notification. PasswordLess OTP Login. Custom Gateway for OTP Verification. 24/7 support

(361)

Tested with 6.4.1

Pricing

Follow these steps to setup OTP Verification on UserPro Form

1. Setup Phone Verification for UserPro Form

Go to the Forms tab in the OTP Verification plugin then search and select UserPro form from the list.

WordPress UserPro form - search UserPro Forms

Enable checkbox next to UserPro form.
Enable Phone verification and click on Click here to see your list of forms. (Note the UserPro form shortcode)

WordPress UserPro form- Click Click here

Select your UserPro form template from the list and click on the Edit link.

WordPress UserPro form - Redirect Forms page

Add the following short code just below your UserPro Form shortcode on the profile and registration pages. [mo_verify_phone_userpro]
Then click on the Update button.

WordPress UserPro form - click update-button

Now go to the Form Setting page and click on Click here to see your list of UserPro fields.

WordPress UserPro form - Note ajax call check

Redirect to the add new field page.
Go to the Phone Number field if it already exist and add the Ajax call check callback mo_phone_validation

WordPress UserPro form - Add ajax call check

Now go to the Form Settings page and note the Parameters as show in below.

Add new Verify Phone field if it doesn't already exist. Click on the Add New Field button and add the custom fields parameters.

Custom Field	Parameter
Field Title	`Verify Phone`
Field Type	`Text Input`
Unique Field Key	`verification_form`

Then click on the Publish button.

WordPress UserPro form - click publish button

Now confirm the added Verify Phone field.

WordPress UserPro form - See added Verify Phone

Drag and drop the field you added to the Registration fields.
Make sure to enable the field as required and click on the Save button to save your fields.

WordPress UserPro form - Drag and Drop fields

Go to the plugin settings page and click on Save Settings button.

WordPress UserPro form - click save settings button

Go to your UserPro form page, fill all the required field and click on Click Here to Verify Phone.
Enter the OTP received in the Enter Verify Phone Field and click on the Register button.

WordPress UserPro form - Click Register button

2. Setup Email Verification for UserPro Form

Go to the Forms tab in the OTP Verification plugin then search and select UserPro form from the list.

Enable checkbox next to UserPro form.
Enable Email verification and click on Click here to see your list of forms. (Note the UserPro form shortcode)

Select your UserPro form template from the list and click on the Edit link.

Add the following shortcode just below your UserPro Form shortcode on the profile and registration pages. [mo_verify_email_userpro]
Then click on the Update button.

Now go to the Form Setting page and click on Click here to see your list of UserPro fields.
Note the Parameters as show in below.

WordPress UserPro form - click click here link

Add new Verify Email field if it doesn't already exist. Click on the Add New Field button and add the custom fields parameters.

Custom Field	Parameter
Field Title	`Verify Email`
Field Type	`Text Input`
Unique Field Key	`verification_form`

Then click on the Publish button.

Now see the added Verify Email field.

Drag and drop the field you added to the Registration fields.
Make sure to enable the field as required and click on the Save button to save your fields.

Go to the plugin settings page and click on Save Settings button.

Go to your UserPro form page, fill all the required field and click on Click Here to Verify Email.
Enter the OTP received in the Enter Verify Email Field and click on the Register button.

3. Verify users after registration

Go to the Form settings page.
Enable the Verify users after registration option and click on the Save Settings button.

General Settings

For more information about WordPress OTP Verification

For more details and installation process of OTP verification check our plugins page

For more questions check our FAQ page

If you still have any question or further concerns, please feel free to drop an email to otpsupport@xecurify.com