OTP Verification For Elementor Pro Form

HOW TO SETUP OTP VERIFICATION FOR YOUR ELEMENTOR PRO FORM

• Go to Forms Section in the plugin.

• Search and select Elementor Pro Form from the list. Enable its checkbox.

• Choose between Email or Phone Verification.
• Select the radio button next to Enable Phone Verification.

• Go to Elementor Pro Form page, then click on Additional Settings, setup your form ID and copy it.

• Paste this ID in the Form Settings.

• Go to your Elementor Pro Form page, take your Phone Field ID, and Verification Field ID and enter it in Form Settings.

• You can customize the Verification Button Text.

• Click on the Save Settings button.

• Navigate to the Elementor Pro Form, fill all the required details, and click on the Click Here To Send OTP button.

• Enter the received OTP and click on Send button.
li>
• Once You click on Send button, you will see successfully sent message.
li>

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.

HOW TO CHANGE THE DESIGN OF THE OTP POPUP

• Go to Pop-up Design Section in the plugin settings.

• Choose your Pop-up and modify the HTML, CSS and JavaScript to match your site branding/design.

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

• Go to the OTP Settings Section in the plugin.

• 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