How to setup OTP Verification for Elementor Pro Form?

Pre-requisites : Download And Installation

• Download our miniOrange OTP Verification plugin and Elementor Pro plugin on your WordPress website.

Getting started with the setup

Let's explore how to set up the Elementor Pro Forms for the OTP Verification plugin.

OTP Verification on Elementor Pro Form

You can verify the users through the Phone or Email verification method.

• Go to the Forms tab in the OTP Verification plugin then search and select Elementor Pro Forms from the list.

Phone Verification
Email Verification

• Enable checkbox next to Elementor Pro Forms and enable Phone Verification.

• Go to the Pages option and click on the Edit with Elementor link.

• Add new Phone field if it doesn't already exist.
• Click on the Add Items button. Select Tel Type, Enter Label name and Placeholder name.
• Make sure to mark the field as required. Then click on the Update button.

• Go to the Advanced and note to the Phone ID.

• Go to the Additional Options from the left side. Customer can add the Form ID and Note it.

• Now go to the Forms Settings page and enter the Form ID and Phone field ID.
• After that click on the Save Settings button.

• Go to your Elementor Pro form page, fill all the required field and click on Send OTP button.
• OTP has been sent to your Phone. Enter the OTP in the field below to verify your phone.
• Then click on the Verify OTP button to verify your phone.

• You can see the phone is verified successfully and click on the Send button.

• Form will be submitted after successfully OTP verification.

• Enable checkbox next to Elementor Pro Forms and enable Email Verification.

• Go to the Pages option and click on the Edit with Elementor link.

• Add new Email field if it doesn't already exist.
• Click on the Add Items button. Select Tel Type, Enter Label name and Placeholder name.
• Make sure to mark the field as required. Then click on the Update button.

• Go to the Advanced and note to the Email ID.

• Go to the Additional Options from the left side. Customer can add the Form ID and Note it.

• Now go to the Forms Settings page and enter the Form ID and Email field ID.
• After that click on the Save Settings button.

• Go to your Elementor Pro form page, fill all the required field and click on Send OTP button.
• OTP has been sent to your email. Enter the OTP in the field below to verify your Email.
• Then click on the Verify OTP button to verify your email.

• You can see the email is verified successfully and click on the Send button.

• Form will be submitted after successfully OTP verification.

Change verification button text

You can change the text on the verification button.

• Go to the Form settings page.
• Enter the text you want to use for the verification button and click on the Save Settings button.

Advance Settings

• How to show country code drop-down on your form?
• How to change SMS and Email Template?
• How to change OTP Length and Validity Period?
• How to change the design of the OTP popup?