Adding Country Code to Phone Number Fields

Hi there,

Good afternoon. I hope you’re doing great.

To add +1 to the phone field, first enable “Dev Mode” by going to Ninja Forms > Settings > Advanced Settings > Form Builder “Dev Mode”. Then, add a “Single Line Text” Field and navigate to Restrictions > Input Mask. Select Custom and enter the prefix +1 (***) ***-****, which ensures that +1 will always be present. You can customize the prefix by removing parentheses, spaces, or dashes. The * allows users to enter any number from 0 to 9. This setup should work as shown in the screenshot below.

–

.

If you want a more dynamic option that supports all country codes, consider using the third-party plugin Smart Phone Field add-on.

Give it a try, and let me know how that goes!

Regards,
Faisal (forum volunteer)

• This reply was modified 2 weeks, 1 day ago by Faisal Ahammad. Reason: Fixed the field name

Hi,

The Smart Phone Field plugin is supposed to be compatible with Ninja Forms. However, since it is a third-party plugin, it might not be explicitly mentioned in the Ninja Forms documentation or support pages.

Neither the Ninja Forms team nor I can provide detailed confirmation or support for that plugin. For the most accurate information and assistance, I recommend reaching out directly to the Smart Phone Field plugin support team through their official support page here: https://wordpress.org/support/plugin/smart-phone-field-for-wp-forms/

Let me know if you need help with anything else!

Best regards,
Faisal