OTP Verification For Elementor Pro Form


OTP Verification Plugin verifies Phone Number/Email of users by sending OTP Verification code before submission of Elementor Pro Form. The purpose of this guide is to help you setup OTP Verification for your Elementor Pro Form.


Download Elementor Plugin by clicking here.

HOW TO SETUP OTP VERIFICATION FOR YOUR ELEMENTOR PRO FORM

  • Go to Forms Section in the plugin.
  • OTP Verification Elementor Pro Form Section
  • Search and select Elementor Pro Form from the list. Enable its checkbox.
  • OTP Verification Select Elementor Pro Form
  • Choose between Email or Phone Verification.
  • Select the radio button next to Enable Phone Verification.
  • OTP Verification Elementor Pro Enable Phone Verification
  • Go to Elementor Pro Form page, then click on Additional Settings, setup your form ID and copy it.
  • OTP Verification Elementor Pro Form ID
  • Paste this ID in the Form Settings.
  • OTP Verification Elementor Pro Paste Form ID
  • Go to your Elementor Pro Form page, take your Phone Field ID, and Verification Field ID and enter it in Form Settings.
  • OTP Verification Elementor Pro Fields ID
  • You can customize the Verification Button Text.
  • OTP Verification Elementor Pro Verification Button Text
  • Click on the Save Settings button.
  • OTP Verification Elementor Pro Save Settings
  • Navigate to the Elementor Pro Form, fill all the required details, and click on the Click Here To Send OTP button.
  • OTP Verification Elementor Pro Fill Details to get OTP
  • Enter the received OTP and click on Send button.
  • li> OTP Verification Elementor Pro Send button
  • Once You click on Send button, you will see successfully sent message.
  • li> OTP Verification Elementor Pro Form Sent Successfully

HOW TO CHANGE THE BODY/TEXT OF THE SMS AND EMAIL GOING OUT

Yes, it is possible to customize both the Email and SMS OTP Message that goes out to your users. The steps vary depending on the plan you are on.

For miniOrange Gateway Plan:
  • If you are on the miniOrange Gateway Plan then click here and follow the steps given.
For Your Gateway Plan:
  • If you are on the Your Gateway Plan then just follow the steps given under the SMS/Email Config Tab of the plugin to customize the message going out in the Email or SMS.
  • OTP Verification Elementor Pro SMS Templste

HOW TO CHANGE THE DESIGN OF THE OTP POPUP

  • Go to Pop-up Design Section in the plugin settings.
  • OTP Verification Elementor Pro Pop-up design
  • Choose your Pop-up and modify the HTML, CSS and JavaScript to match your site branding/design.
  • OTP Verification Elementor Pro how to design the pop-up

HOW TO SHOW A COUNTRY CODE DROP-DOWN ON YOUR ELEMENTOR PRO FORM

  • Go to the OTP Settings Section in the plugin.
  • OTP Verification Elementor Pro OTP Settings
  • Under the Country Code section choose your Country which will be set as default.
  • Select the “Show a country code dropdown on the phone field.”option to show a country code drop-down on your form
  • OTP Verification Elementor Pro Change Country Code
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
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com