Search Results :

×

OTP Verification For Elementor Pro Form

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.


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.2

Learn More

1.  HOW TO SETUP OTP VERIFICATION FOR YOUR ELEMENTOR PRO WEBSITE BUILDER FORM

  • Go to Forms Section in our OTP Verification plugin.
  • OTP Verification Elementor Pro Form Section
  • Search and select Elementor Pro Form from the list.
  • OTP Verification Select Elementor Pro Form
  • Enable the checkbox next to Elementor Pro Form and choose between Email or Phone Verification.
  • For now let's select the radio button next to Enable Phone Verification.
  • Elementor Pro OTP Verification Enable Phone Verification
  • Go to Elementor Pro Form page, then click on Additional Options to setup your form ID and copy it.
  • OTP Verification Elementor Pro Form ID
  • Paste this ID in the Elementor Pro Form Settings.
  • OTP Verification Elementor Pro Paste Form ID
  • Go to your Elementor Pro Form page, take your Phone Field ID and enter it in Elementor Pro Form Settings.
  • OTP Verification Elementor Pro Fields ID
  • You can customize the Verification Button Text and click on the Save Settings button as shown in the screenshot below.
  • OTP Verification Elementor Pro Verification Button Text
  • 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 in Verification field and click on the Send button to submit the Elementor Pro Form.
  • OTP Verification Elementor Pro Send button
  • Once You click on Send button, you will see successfully sent message.
  • OTP Verification Elementor Pro Form Sent Successfully

2.  HOW TO CHANGE VERIFICATION BUTTON TEXT

  • Go to the Form settings.
  • Scroll down to the "Verification Button Text" field and enter the text you want to use for the verification button and Click on the "save settings" button.
  • OTP Verification Ultimate Member Profile Account Page Form Restrict To Use Same Phone Number

3.HOW TO CHANGE SMS AND EMAIL TEMPLATE

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.

    If you are on miniOrange Gateway Plan
  • If you are on miniOrange Gateway Plan,then Contact Us for SMS/Email connfiguration.
  • For Custom sms gateway
  • If you are on the Custom 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.

4.HOW TO CONFIGURE SMS GATEWAY

  • Go to the SMS/Email configuration section.
  • Select gateway request type.
  • Select sms gateway URL method and enter the gateway URL.
  • Then,Enter the phone no and save the gateway configuration.

5.  HOW TO CHANGE OTP LENGTH AND VALIDITY PERIOD

  • Go to OTP Settings Section in the plugin.
  • OTP Verification Classify Theme Registration OTP Settings
  • Look under OTP Properties section in the plugin to set your OTP Length and Validity period.
  • OTP Verification Classify Theme Registration OTP Properties Length Validity Period

6.  HOW TO CHANGE THE DESIGN OF THE OTP POPUP

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

7.  HOW TO SHOW A COUNTRY CODE DROP-DOWN

  • Go to the OTP Settings Section in the plugin.
  • OTP Verification Classify Theme Registration  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 Classify Theme Registration Change Country Code
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
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