Search Results :

×

OTP Verification For Ninja Forms ( Above Version 3.0 )

OTP Verification For Ninja Forms ( Above Version 3.0 )



Ninja Forms is a drag-and-drop form builder used to create forms of your WordPress site. OTP Verification Plugin verifies Phone/Email of users by sending OTP Verification code before submitting Ninja Forms. The purpose of this guide is to help you setup OTP Verification for your Ninja Forms ( Above version 3.0 ).



1.  HOW TO SETUP EMAIL VERIFICATION FOR NINJA FORM (ABOVE VERSION 3.0)

  • Go to Forms Section in the plugin.
  • Ninja Forms ( Above version 3.0 ) Form Section
  • Search and Select Ninja Forms ( Above version 3.0 ) from the list.
  • Ninja Forms ( Above version 3.0 ) Select Form
  • Enable checkbox next to Ninja Forms ( Above version 3.0 )
  • Choose Email Verification.
  • Ninja Forms ( Above version 3.0 ) email phone
  • Click on "Click here" to see your list of forms.
  • OTP Verification List of forms
  • Select your "Form" from the list (Note the Form ID).
  • Click on "Edit" link of your form to add new field.
  • Ninja Forms ( Above version 3.0 ) new Phone Field
  • Add new field Email field if it doesn't already exist.
  • Enable Developer Mode.
  • Enter the Name and Description of your new field.
  •  Note the Field Key of the email field.
  • Ninja Forms ( Above version 3.0 ) Description of field
  • Add a single line text field where users will enter the verification code.
  • Make sure to mark the field as required.
  • Note the Field Key of the verification field. Save your form.
  • Ninja Forms ( Above version 3.0 ) text field ID
  • Go back to plugin settings and enter the FormID,Email Field key and a Verification Field key.
  • You will get the form id and field keys from steps given above.
  • After that click on Save Settings button.
  • Ninja Forms ( Above version 3.0 ) field key
  • Go to your Ninja form Page. Fill all the fields of the form and click on Click Here to send OTP.
  • Ninja Forms ( Above version 3.0 ) Enter OTP Send OTP
  • Enter the OTP received and click on Submit button.

2.  HOW TO SETUP PHONE VERIFICATION FOR NINJA FORM (ABOVE VERSION 3.0)

  • Go to Forms Section in the plugin.
  • Ninja Forms ( Above version 3.0 ) Form Section
  • Search and Select Ninja Forms ( Above version 3.0 ) from the list.
  • Ninja Forms ( Above version 3.0 ) Select Form
  • Enable checkbox next to Ninja Forms ( Above version 3.0 )
  • Choose Phone Verification.
  • Ninja Forms ( Above version 3.0 ) email phone
  • Click on "Click here" to see your list of forms.
  • OTP Verification List of forms
  • Select your "Form" from the list (Note the Form ID).
  • Click on "Edit" link of your form to add new field.
  • Ninja Forms ( Above version 3.0 ) new Phone Field
  • Add new field Phone field if it doesn't already exist.
  • Enable Developer Mode.
  • Enter the Name and Description of your new field.
  •  Note the Field Key of the phone field.
  • Ninja Forms ( Above version 3.0 ) Description of field
  • Add a single line text field where users will enter the verification code.
  • Make sure to mark the field as required.
  • Note the Field Key of the verification field. Save your form.
  • Ninja Forms ( Above version 3.0 ) text field ID
  • Go back to plugin settings and enter the FormID,Phone Field key and a Verification Field key.
  • You will get the form id and field keys from steps given above.
  • After that click on Save Settings button.
  • Ninja Forms ( Above version 3.0 ) field key
  • Go to your Ninja form Page. Fill all the fields of the form and click on Click Here to send OTP.
  • Ninja Forms ( Above version 3.0 ) Enter OTP Send OTP
  • Enter the OTP received and click on Submit button.

3.  HOW TO CHANGE VERIFICATION BUTTON TEXT

  • Enter the text you want to show in your verification button in the highlighted text box given below.
  • Ninja Forms ( Above version 3.0 ) Verification Button Text
  • You will get verification button with your input text.
  • Ninja Forms ( Above version 3.0 ) Verification Button

4.  HOW TO CHANGE OTP LENGTH AND VALIDITY PERIOD

  • Go to OTP Settings Section in the plugin.
  • Ninja Forms ( Above version 3.0 )change otp length and validity period
  • Look under OTP Properties section in the plugin to set your OTP Length and Validity period.
  • Ninja Forms ( Above version 3.0 )change otp length and validity period

5.  HOW TO CONFIGURE SMS GATEWAY

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.

6.  HOW TO CHANGE THE DESIGN OF THE OTP POPUP?

  • Go to Pop-up Design Section in the plugin settings.
  • Ninja Forms ( Above version 3.0 )change design of the popup
  • Choose your Pop-up and modify the HTML, CSS and JavaScript to match your site branding/design.
  • Ninja Forms ( Above version 3.0 )change design of the popup

7.  HOW TO SHOW A COUNTRY CODE DROP-DOWN ON YOUR NINJA FORM (ABOVE VERSION 3.0)

  • Go to the OTP Settings Section in the plugin.
  • Ninja Forms ( Above version 3.0 ) 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
  •  Ninja Forms ( Above version 3.0 ) 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