--- title: "Phone Number Field - Convert Forms" description: "Collect phone numbers with automatic formatting and country detection." url: "https://www.tassos.gr/docs/convert-forms/fields/phone-number" date: "2026-04-05T03:16:56+00:00" language: "en-GB" --- [ Home ](https://www.tassos.gr/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=1088) / [ Convert Forms ](https://www.tassos.gr/index.php?option=com_content&view=category&id=43) / [ Field Types ](https://www.tassos.gr/index.php?option=com_content&view=category&id=62) # Phone Number Field ## Collect phone numbers with automatic formatting and country detection. ![Phone Number Field](https://www.tassos.gr/media/template/products/convert_forms/phone_number.svg) Convert Forms Phone Number field provides a user-friendly experience for capturing phone numbers. Users can easily input their telephone numbers with the option to enable a country selector and its corresponding calling code. Whether you must collect contact information, validate user registrations, or streamline communication, this versatile field ensures accurate and seamless phone number input for various form use cases. ## [How to add a Phone Number field to your Joomla Forms](#add) You can easily add a Phone Number field in your form by following the steps listed below: **Step 1: Click on "Add Field"** To view all the available fields, click the "Add Field" button. ![View all available Convert Forms Fields](https://www.tassos.gr/images/cf-field-add.png) **Step 2: Add the Phone Number field** Click the "Phone Number" button to add the field to your form. ![Add Phone Number Convert Forms Field](https://www.tassos.gr/images/cf-field-add-phone-number.png) **Step 3: Customize the Phone Number field** Once the field has been added to your form, you can customize it via the settings provided to fit your needs. ![Configure the Phone Number field](https://www.tassos.gr/images/cf-phone-number-field-edit.png) Below, you can find all the available field settings. ## [Field Settings](#settings) The settings available for the Phone Number field can be seen below: | Name | Description | |---|---| | Display Country Code Selector | Enable to display a country code selector where users can select their country and display its calling code. | | Default Country Code | Select whether: - To automatically detect the visitor's country - A specific country will be selected - Or set a custom country code. Smart Tags are allowed. | | Select Country | Select the default country from the list. | | Country Code | Set the country code. You can also use Smart Tags. | ## [Frequently Asked Questions](#faq) ### [How can I display a country phone format while the user is typing?](#how-can-i-display-a-country-phone-format-while-the-user-is-typing) Since many countries support different phone number formats, having a fixed input mask is impossible to ensure the user types in the correct format. However, we plan on setting the default placeholder to a phone number format per country which will help your users type their phone numbers. ## [How can I pre-populate the phone number?](#how-can-i-pre-populate-the-phone-number) To pre-populate the phone number, go to Default Value and set it to any phone number you desire. **Note:** This will only set the phone number input field and not the calling code. To also set the calling code value, select **Set Country Code** under *Default Country Code* and type in the default country code. You can also use Smart Tags here. Last updated on Sep 10th 2025 14:09 ## Schema ```json { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.tassos.gr" }, { "@type": "ListItem", "position": 2, "name": "Home", "item": "https://www.tassos.gr/docs" }, { "@type": "ListItem", "position": 3, "name": "Convert Forms", "item": "https://www.tassos.gr/docs/convert-forms" }, { "@type": "ListItem", "position": 4, "name": "Field Types", "item": "https://www.tassos.gr/docs/convert-forms/fields" }, { "@type": "ListItem", "position": 5, "name": "Phone Number Field", "item": "https://www.tassos.gr/docs/convert-forms/fields/phone-number" } ] } ``` ```json { "@context": "https://schema.org", "@type": "Article", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.tassos.gr/docs/convert-forms/fields/phone-number" }, "headline": "Phone Number Field", "image": { "@type": "ImageObject", "url": "https://www.tassos.gr/" }, "publisher": { "@type": "Organization", "name": "Tassos", "logo": { "@type": "ImageObject", "url": "https://www.tassos.gr/https://www.tassos.gr/media/brand/logo-text.png" } }, "author": { "@type": "Person", "name": "Stergos Zamagias", "url": "https://www.tassos.gr/docs/convert-forms/fields/phone-number" }, "datePublished": "2023-06-26T12:50:56+03:00", "dateCreated": "2023-06-26T12:50:56+03:00", "dateModified": "2025-09-10T14:01:32+03:00" } ``` ```json { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "How can I display a country phone format while the user is typing?", "acceptedAnswer": { "@type": "Answer", "text": "Since many countries support different phone number formats, having a fixed input mask is impossible to ensure the user types in the correct format. However, we plan on setting the default placeholder to a phone number format per country which will help your users type their phone numbers." } }, { "@type": "Question", "name": "How can I pre-populate the phone number?", "acceptedAnswer": { "@type": "Answer", "text": "To pre-populate the phone number, go to Default Value and set it to any phone number you desire. Note: This will only set the phone number input field and not the calling code. To also set the calling code value, select Set Country Code under Default Country Code and type in the default country code. You can also use Smart Tags here." } } ] } ```