=== Country Code For Elementor Form Telephone Field ===
Contributors: narinder-singh,satindersingh,coolplugins
Tags: elementor, form, elementor-form, country code
Requires at least: 5.0
Tested up to: 6.8.1
Requires PHP: 7.2
Stable tag: 1.3.12
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Guide your visitors to select their country code while entering their mobile number, ensuring accurate and properly formatted data submissions.
== Description ==
https://www.youtube.com/watch?v=blGGyAti_AI&feature=youtu.be
Improve your Elementor forms with the **Country Code for Elementor Form Telephone Field** plugin! This essential addon makes mobile number entry easy and accurate.
Guide your visitors to select their country code while entering their mobile number, ensuring correctly formatted data submissions every time.
Now, users can easily pick their country code, ensuring their phone numbers are entered correctly.
Check Free Demo
### Key Features:
- **Seamless Integration**: Add country code selection directly into Elementor forms.
- **User-Friendly**: Simplify phone number input with guided country code selection.
- **Customizable**: Display only specific countries in the country code dropdown.
- **Selective Exclusion**: Remove specific countries from the country code dropdown.
- **Enhanced Usability**: Improve form usability and data accuracy with precise formatting.
- **Default Setting**: Set a default country code for convenience.
- **Compatibility with Hello Plus**: Country Code For Elementor Form Telephone Field is now fully compatible with Hello Plus, making it easy to add a country code dropdown to telephone fields in Hello Plus forms built inside Elementor.
Upgrade your Elementor forms today and optimize user submissions with the **Country Code for Elementor Form Telephone Field** plugin!
### A PLUGIN BY COOL PLUGINS
**[Cool FormKit For Elementor Forms](https://coolplugins.net/cool-formkit-for-elementor-forms/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get-pro&utm_content=buy-coolformkit)**
Add advanced fields and features to Elementor form widget, like **conditional fields**, **range sliders** and **country code**. Upgrade your form building experience with **Cool FormKit**.
**[Conditional Fields for Elementor Form – Display Conditions](https://wordpress.org/plugins/conditional-fields-for-elementor-form/#description)**
*This is an addon for Elementor that helps you apply conditional logic to Elementor form fields. You can hide or show fields based on the input values from other form fields.*
**[Timeline Widget for Elementor](https://cooltimeline.com/plugin/timeline-widget-pro/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=timeline-widget)**
*Use this plugin to showcase your history in a stylish vertical or horizontal timeline layout on Elementor pages.*
**[Events Widgets for Elementor](https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=events-widgets)**
*This provides **The Events Calendar** plugin widgets for Elementor, allowing you to easily display events in a grid, list, or carousel format on Elementor pages.*
Third Party library & License Information
* **intl-tel-input:-**
[https://intl-tel-input.com/)
* **International Telephone Input Github:-** [https://github.com/jackocnr/intl-tel-input](International Telephone Input Github)
== Screenshots ==
1. Country Code For Elementor Form Telephone Field Previews.
1. Country Code For Elementor Form Telephone Field Settings configuration.
== Frequently Asked Questions ==
** What does the Country Code for Elementor Form Telephone Field plugin do?**
This plugin allows users to select their country code when entering their mobile number in Elementor forms, ensuring accurate and properly formatted phone number submissions.
** How do I integrate the country code selection into my Elementor forms?**
The plugin seamlessly integrates into your Elementor forms, adding a dropdown menu for country code selection next to the telephone field.
** Can I customize which countries appear in the country code dropdown?**
Yes, you can choose to display only specific countries or exclude certain countries from the dropdown menu.
** Is it possible to set a default country code for the telephone field?**
Yes, you can set a default country code to be pre-selected for users, making the form-filling process quicker.
** How does this plugin enhance form usability and data accuracy?**
By guiding users to select their country code, the plugin ensures phone numbers are entered in the correct format, reducing errors and improving data accuracy.
** Will this plugin slow down my Elementor forms?**
No, the plugin is designed to integrate smoothly without affecting the performance or speed of your Elementor forms.
** Is technical support available for this plugin?**
Yes, technical support is available to help with any issues or questions you may have regarding the plugin.
** Can this plugin be used on multiple Elementor forms on my website?**
Yes, you can use the Country Code for Elementor Form Telephone Field plugin on multiple forms across your website.
** Is the plugin compatible with other Elementor addons?**
Yes, the plugin is designed to work seamlessly with other Elementor addons, ensuring compatibility and smooth integration.
** How do I update the plugin to the latest version?**
You can update the plugin through your WordPress dashboard, where you'll be notified when a new version is available. Simply follow the update prompts to install the latest version.
** How can I add a country code to the phone field in Elementor Free? **
Use the Country Code For Elementor Form Telephone Field plugin to add a country code dropdown to tel fields in Elementor Free forms. This helps users enter their numbers correctly, without the need for Elementor Pro.
== Installation ==
1. **Install the Plugin:**
- In your WordPress admin dashboard, go to **Plugins >> Add New**.
- Search for "Country Code For Elementor Form Telephone Field" and install the plugin by Cool Plugins.
- Alternatively, you can install the plugin manually by uploading the unzipped plugin folder to the **/wp-content/plugins** directory.
- **Note:** Ensure you have the **Elementor PRO** plugin installed to use this plugin's features.
2. **Activate the Plugin:**
- In your WordPress admin dashboard, go to **Plugins >> Installed Plugins**.
- Find **Country Code For Elementor Form Telephone Field** and click **Activate**.
3. **Configure the Plugin:**
- Edit a page with Elementor.
- Add a form and include a Tel Field.
- Enable the Country Code field within the Tel Field settings.
- Configure it to guide users in selecting their country code effortlessly.
== Upgrade Notice ==
== Changelog ==
= Version 1.3.12 | May 21, 2025 =
Added:- Strict Mode.
Added:- Added display options for the country field dial code — users can now choose to hide it, show it inline, or display it separately.
Tested upto:- Elementor Version 3.29.0.
Tested upto:- Elementor Pro Version 3.29.0.
= Version 1.3.11 | Apr 24, 2025 =
Minor:- Textual Changes.
Fixed:- Placeholder format issue.
= Version 1.3.10 | Apr 1, 2025 =
Added:- Compatibilty with Hello Plus Form
Tested upto:- Elementor Version 3.28.2
Improved:- Exclude Country Settings.
= Version 1.3.9 | Mar 21, 2025 =
Improved:- Exclude Country Settings.
Tested upto:- Elementor Version 3.28.0.
Tested upto:- Elementor Pro Version 3.28.0.
= Version 1.3.8 | Feb 11, 2025 =
Minor:- Textual Changes.
= Version 1.3.7 | Feb 06, 2025 =
Minor:- Textual Changes.
= Version 1.3.6 | Feb 06, 2025 =
Minor:- Textual Changes.
= Version 1.3.5 | Dec 21th, 2024 =
Improved:- Country flags are now loaded via SVG for better performance and customization.
= Version 1.3.4 | Dec 18th, 2024 =
Tested upto:** Elementor Version 3.26.0
= Version 1.3.3 | Dec 12th, 2024 =
Fixed: Load text domain issue fixed.
Improved:- Compatible with pro elements.
= Version 1.3.2 | Nov 19th, 2024 =
Tested upto:** WordPress 6.7 and Elementor Version 3.25.7.
= Version 1.3.1 | Sep 4th, 2024 =
Improved:- Phone number country-wise formatting.
Minor:- Error messages are localized for translation.
= Version 1.3 | June 17th, 2024 =
Added:- Integrated new dashboard.
Minor:- code improvements and textual changes
= Version 1.2.0 | May 28th, 2024 =
Added:- Default country code feature.
Improved: Minor code improvements and textual changes
= Version 1.1.0 | May 24th, 2024 =
Added:- Integrated include/exclude country code feature.
Added:- Review notice and admin notice for the plugin.
Improved:- Improved Overall plugin code.
= Version 1.0.1 | May 20th, 2024 =
Added:- intl-tel-input library source code files
= Version 1.0.1 | May 20th, 2024 =
Added:- intl-tel-input library source code files
= Version 1.0.0 | May 1st, 2024 =
- Initial Release-