Search Results :

×
Sign Up Contact Us

How to setup OTP Verification for Elementor Pro Form?

What is the use of Elmentor Pro?

Elementor Pro helps you to design every corner of your website. Using Elementor Pro you can build professional website from beginning till end. Elementor Pro provides you the flexibility to design your themes as well. It is a complete website builder tool. OTP Verification Plugin allows you to verify the Phone Number/Email of the users before submitting the Elementor Pro Form on WordPress. The purpose of this guide helps you to enable the OTP Verification for Elementor Pro Website Builder.

Webinar Registration Join the Webinar

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 Elementor Pro Form

1. Setup Phone Verification for Elementor Pro Form

  • Go to the Forms tab in the OTP Verification plugin then search and select Elementor Pro Forms from the list.
    • Elementor Pro Form - search Elememntor Pro form
  • Enable checkbox next to Elementor Pro Forms and enable Phone Verification.
    • Elementor Pro Form - enable Elementor Pro form
  • Go to the Pages option and click on the Edit with Elementor link.
    • Elementor Pro Form - Redirect Pages
  • 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.
    • Elementor Pro Form - click Update button
  • Go to the Advanced and note to the Phone ID.
    • Elementor Pro Form - Note Phone field ID
  • Go to the Additional Options from the left side. Customer can add the Form ID and Note it.
    • Elementor Pro Form - Note Phone ID
  • Now go to the Forms Settings page and enter the Form ID and Phone field ID.
  • After that click on the Save Settings button.
    • Elementor Pro Form - Click 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.
    • Elementor Pro Form - Click send OTP button
  • You can see the phone is verified successfully and click on the Send button.
    • Elementor Pro Form - Click send button
  • Form will be submitted after successfully OTP verification.

2. Setup Email Verification for Elementor Pro Form

  • Go to the Forms tab in the OTP Verification plugin then search and select Elementor Pro Forms from the list.
    • Elementor Pro Form - Elementor Pro form
  • Enable checkbox next to Elementor Pro Forms and enable Email Verification.
    • Elementor Pro Form - enable Elementor Pro form
  • Go to the Pages option and click on the Edit with Elementor link.
    • Elementor Pro Form - Redirect All Pages
  • 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.
    • Elementor Pro Form - click Update button
  • Go to the Advanced and note to the Email ID.
    • Elementor Pro Form - Note email field ID
  • Go to the Additional Options from the left side. Customer can add the Form ID and Note it.
    • Elementor Pro Form - note form ID
  • Now go to the Forms Settings page and enter the Form ID and Email field ID.
  • After that click on the Save Settings button.
    • Elementor Pro Form - Click 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.
    • Elementor Pro Form - click send OTP button
  • You can see the email is verified successfully and click on the Send button.
    • Elementor Pro Form - Click send button
  • Form will be submitted after successfully OTP verification.

3. Change verification button text

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

For more information Click here

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

Hello there!

Need Help? We are right here!

support