Phone Field Overview

This guide focuses on the JetFormBuilder Phone Field overview — discover more about the field’s format and style settings.

Before the update, “Tel” was an option for the Text Field Type and did not have many settings. With the JetFormBuilder 3.6.0 release, the Phone becomes a separate field with the advanced settings on the backend and a stylish view on the front end for your  WordPress forms created with the JetFormBuilder plugin.

Table of Contents:

General Settings

The General tab presents all the same settings as for any other form field. Here, the following fields can be set:

phone field general settings
  • FIELD LABEL — is a field for a name that appears above the field bar and is visible to users. Usually, it shows the users what kind of information this field requires;
  • FORM FIELD NAME — is a field for a name that is visible only when editing the form and is used as an ID for the form field. Usually, it originates from the FIELD LABEL.
NOTE

Be aware that you can use only Latin letters for the FORM FIELD NAME. Numbers, hyphens, and underscores are also acceptable, but do not leave spaces. If you want to use two words to name the field, divide them with an underscore or hyphen.

  • FIELD DESCRIPTION — is a field for the description, if it is needed to give the user some additional explanations about how to fill in the field. The text inserted into this text bar will appear under the field.

Value Settings

The Value settings tab has two optional setting fields for completion.

phone field value settings
  • DEFAULT VALUE — is a field for data to be shown automatically. Although it can be changed by the user who completes the form;
  • Add Dynamic Value — is a button that allows adjusting the value displayed under specific conditions. Once pressed, the Edit Dynamic Value pop-up appears.

The Edit Dynamic Value pop-up contains the following fields:

edit dynamic value popup
  • VALUE TO SET — a value that will be put in the field once the required conditions are met;
  • APPLY TYPE — a selector for the dynamic behavior. Among the options are “On change conditions result,” “Once,” or “Always”;
  • FIELD — a drop-down list with fields from the current form that should be compared;
  • OPERATOR — a comparison operator that will be a binding for the selected FIELD and VALUE TO COMPARE options;
  • VALUE TO COMPARE — a field for the name of the value to compare;
  • Add New Condition — a button that opens one more settings repeater for setting a new condition;
  • Set value only if field is empty — a toggle that makes the dynamic value feature work only if the FIELD is empty.

After finishing with the dynamic value settings, the “Update” button should be clicked.

Field Settings

In the Field settings tab, you find the settings and rules for the Phone.

phone field settings
  • DEFAULT COUNTRY — is a field that allows entering the country whose code needs to be displayed by default in the form field. The “auto” option is selected by default, which means that the country will be determined by the user’s IP. Otherwise, enter the ISO country code (two uppercase letters of the needed country, e.g., “UA” for Ukraine, “GB” for Great Britain, “US” for the USA, and so on);
  • PREFERRED COUNTRIES — is a field where the ISO countries’ codes that need to appear first in the options list can be entered. The countries’ codes should be entered separated by commas: “US, GB, UA”;
  • ONLY COUNTRIES — is a field where the ISO codes of the needed countries, separated by commas, can be entered: “US, CA, MX” in case there is a need to limit the countries’ options in the dropdown;
  • EXCLUDE COUNTRIES — is a field where the ISO codes of these countries, separated by commas: “US, BY, CN”, can be entered to hide some countries from the dropdown;
  • Separate Dial Code — is the toggle that allows displaying the international country code separately from the number;
  • SAVE FORMAT — is a dropdown with two options for saving the entered phone number: 
    • E.164 — is the recommended option, which saves the number in the +[country code][number] format using numbers only. For example, “+380991234567”;
    • International — is the option that allows saving the form number in the +[country] [formatted number] format using spaces or hyphens. For example, “+380 99 123 4567”, “+1 201-555-3333.”

Additional Settings Tab

In the Additional Settings section, two fields are presented:

phone field additional settings
  • Use Global ipinfo.io Token — is a toggle that allows using the global ipinfo.io API Token set in WordPress Dashboard > JetFormBuilder > Settings > Ipinfo API directory. Sign in at ipinfo.io and get the API token. When the toggle is enabled, no other fields are available in this section; 
  • IPINFOIO API TOKEN — is a field for the API token for IP-based country detection.

Validation Messages Settings

The Validation Messages section allows setting the custom messages:

phone validation message settings
  • REQUIRED FIELD MESSAGE — is a field for setting up the desired message to notify users that the required Phone Field is empty; 
  • INVALID PHONE MESSAGE —  is a field for setting up the desired message to notify users that the Phone Field has an invalid format.

Advanced Settings

The Advanced Settings tab has an additional set of settings for the field. More information about it can be found in the Advanced settings section article.

phone field advanced settings

Style Settings

The Block Style section is available in the editing window. The styling settings included here are Alignment, Border, Color, Margin, Padding, and Typography.

phone field style settings

FAQ

How does the Phone Field in JetFormBuilder detect the user’s country?

By default, the Phone Field uses IP-based detection to automatically select the user’s country. This works when the DEFAULT COUNTRY option is set to “auto.” You can improve accuracy by adding an API token from ipinfo.io.

What is the best format to save phone numbers in JetFormBuilder?

The recommended format is E.164, as it stores phone numbers in a clean, standardized format (e.g., “+441234567890”). This ensures better compatibility with integrations, validation, and international use.

Can I limit the list of countries available in the Phone Field?

Yes, you can control the country list using the ONLY COUNTRIES or EXCLUDE COUNTRIES settings. This is useful if your form targets users from specific regions.

How do I prioritize certain countries in the dropdown list?

Use the PREFERRED COUNTRIES setting and enter ISO country codes (e.g., “GB, US, CA”). These countries will appear at the top of the dropdown for quicker access.

How do I set a default country manually instead of auto-detection?

You can enter the ISO country code (e.g., “GB, US, UA “) in the DEFAULT COUNTRY field. This will override automatic detection and set a fixed country for all users.

Is the Phone Field better than using a Text Field with “Tel” type?

Yes. The dedicated Phone Field provides advanced features like country selection, validation, formatting, and improved user experience, which were not available in the basic “Tel” Text Field.

That’s all about the Phone Field available with the JetFormBuilder plugin for your WordPress forms.

Related Docs