Country Code For Elementor Form Telephone Field
| 开发者 |
narinder-singh
satindersingh coolplugins |
|---|---|
| 更新时间 | 2025年9月9日 19:15 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.2 及以上 |
| WordPress版本: | 6.8.2 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Use Country Code for Elementor Form Telephone Field plugin to easily add an international country code dropdown with flags inside the phone field of your Elementor form.
👉 VIEW FREE DEMO - COUNTRY CODE FOR ELEMENTOR FORM
https://youtu.be/blGGyAti_AI
Upgrade to Cool FormKit to unlock more advanced features for Elementor forms - including range slider, signature field, conditional logic, calculator & more. Start building smarter forms with coolformkit today!
Free Plugin Features:
- Seamless Integration with Elementor Forms: This ultimate Elementor addon helps users enter valid mobile numbers by selecting the correct country dial code before typing their phone number. It ensures properly formatted data, improves form validation, and reduces errors in contact forms, booking forms, registration forms, and more.
- Show Only Selected Countries: Limit the dropdown to display only specific countries. For example, if you only want to show Canada, India, United States, and United Kingdom, simply enter their alpha-2 codes in the Tel field settings like:
ca,in,us,gb. - Exclude Specific Countries: Show all countries but hide a few by entering their alpha-2 codes (e.g.,
af,pkremoves Afghanistan and Pakistan). - Set a Default Country: Preselect a default country code when the form loads.
- Control Dial Code Visibility: Show or hide the dial code while users type their phone number.
- Strict Mode Validation: Enable strict mode to block invalid numbers or extra digits based on the selected country.
- Compatibility with Hello Plus: This addon also works with the Hello Plus form lite widget. If you are creating forms using Elementor Free with Hello Plus, you can still add an international dial code dropdown to the phone field using this ultimate addon.
- Auto Detect Country Code by User IP\ Automatically select the user’s country code in the phone field based on their IP address. You can enable this feature inside your Elementor form by using CoolFormKit pro version.
- Show Preferred Countries at Top\ By default, the dropdown lists countries alphabetically (A–Z). With this feature, you can pin specific countries (like India, US, UK) at the top for faster user selection.
- Show or Hide Country Flags\ Choose whether to display country flags alongside dial codes. For faster form loading, you can disable flags and only show the country dial codes.
- Country & State Field for Elementor Form\ Go beyond phone fields! With Cool FormKit Pro, you can add a Country + State dropdown field. Users first select a country, and then the state field updates dynamically with available states.
- Conditional Fields for Elementor Form\ Add conditional logic to Elementor form fields to show or hide inputs dynamically based on user choices. Make your forms smarter, cleaner, and easier to use.
- Form Input Masks for Elementor Forms\ Apply input masks so users enter properly formatted data like phone numbers, dates, credit cards, and more. Improves accuracy and reduces validation errors.
- Cool FormKit\ A complete form builder addon for Elementor Free & Pro. It extends Elementor Pro forms with advanced fields or provides a dedicated form builder widget if you’re on Elementor Free. Popular features include:
- Conditional Logic for Elementor Form Fields
- Range Slider for Elementor Form
- Signature Field for Elementor Form
- Select2 Field
- Image Radio & Checkbox Fields
- Rating Field for Elementor Form
- Calculator for Elementor
- Cloudflare Turnstile for Elementor Form
- hCAPTCHA for Elementor Form
- Loop Grid Extender for Elementor Pro\ Add ACF Repeater fields & advanced taxonomy filters inside Elementor Pro loop grids.
- AutoPoly – AI Translation for Polylang\ Instantly auto-translate Elementor pages using AI. Build multilingual websites faster with Polylang + AutoPoly.
- Timeline Widget for Elementor\ Display history, events, or milestones in beautiful vertical or horizontal timelines inside Elementor pages.
- Events Widgets for Elementor\ Add The Events Calendar widgets to Elementor — show events in grid, list, or carousel layouts with ease.
- LocoAI – Auto Translate for Loco Translate\ Translate WordPress plugins & themes automatically with AI. One-click string translation inside Loco Translate.
- intl-tel-input
- Website: https://intl-tel-input.com
- GitHub: https://github.com/jackocnr/intl-tel-input
- License: MIT License
安装:
- 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 developed by Cool Plugins.
- Alternatively, you can manually upload the plugin:
- Download and unzip the plugin.
- Upload the folder to /wp-content/plugins/ directory using FTP or File Manager.
- Note: This plugin extends the form widget provided by Elementor Pro or Hello Plus. Please ensure you have one of these installed and activated.
- Activate the Plugin:
- In your WordPress admin dashboard, go to Plugins → Installed Plugins.
- Find Country Code For Elementor Form Telephone Field and click Activate.
- Configure the Plugin:
- Edit any page with Elementor.
- Add a Form widget and include a Tel (Phone) Field.
- Enable the Country Code dropdown inside the Tel Field settings.
- Configure options so users can easily select their country code before entering their phone number.
屏幕截图:
常见问题:
Where do I report security bugs found in this plugin?
= 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. It ensures accurate and properly formatted phone number submissions, reducing errors.
= Can I set a default country code in the dropdown? =\
Yes, you can set any country as the default selected country code inside the plugin settings by entering that country’s alpha-2 code (e.g., in for India, ca for Canada).\
Find the full list of alpha-2 codes here: https://www.iban.com/country-codes
= Does this plugin work with Elementor Free or Elementor Pro? =\
Yes, it works with both Elementor Free and Elementor Pro. For Elementor Pro users, the country code dropdown integrates directly into the Pro form widget. Free version users can use it with Hello Plus form lite widget.
= Does it automatically detect the user’s country code? =\
Auto-detection of the user’s country code based on IP address is available in the Cool FormKit pro version. The free version does not include this feature.
= Can I hide the country flags and only show dial codes? =\
Yes, you can choose to hide country flags and display only the dial codes for minimal design or faster loading. (This feature is available in the Pro version via Cool FormKit.)
= Will it slow down my Elementor form or website? =\
No, the plugin is lightweight and optimized for performance. It only loads necessary CSS and JavaScript files on pages where the Elementor form is present.
= Can I show specific countries at the top of the dropdown? =\
Yes, you can set preferred countries in the settings so they always appear at the top of the dropdown for quick selection.
= Is this plugin GDPR-compliant? =\
Yes, the plugin is fully GDPR-friendly. It does not store, track, or share any user data.
= Do you offer more advanced features for Elementor form? =\
Yes! Upgrade to Cool FormKit to unlock advanced options like:
- Auto-detect country code
- Conditional form logic
- Calculator fields
- Rating fields
- Signature fields, and more. = Where can I get support if I face an issue? =\ You can open a support ticket on the WordPress.org support forum or visit our official support page.
更新日志:
1.4.5 | Sep 9, 2025
- Added: Added other plugin recommendations for Elementor users.
- Fixed: Security issues.
- Updated:- Internal links.
- Fixed: Security issues.
- Updated: Dashboard links.
- Improved: Dashboard links.
- Minor: Textual changes.
- Updated: Admin Dashboard enhancements.
- Tested up to: Elementor 3.30.3 and Elementor Pro 3.30.0.
- Added: Strict Mode.
- Added: Display options for the country field dial code — hide, show inline, or display separately.
- Tested up to: Elementor 3.29.0 and Elementor Pro 3.29.0.
- Minor: Textual changes.
- Fixed: Placeholder format issue.
- Added: Compatibility with Hello Plus Form.
- Improved: Exclude Country settings.
- Tested up to: Elementor 3.28.2.
- Improved: Exclude Country settings.
- Tested up to: Elementor 3.28.0 and Elementor Pro 3.28.0.
- Minor: Textual changes.
- Minor: Textual changes.
- Minor: Textual changes.
- Improved: Country flags now load via SVG for better performance and customization.
- Tested up to: Elementor 3.26.0.
- Fixed: Load text domain issue.
- Improved: Compatibility with Pro elements.
- Tested up to: WordPress 6.7 and Elementor 3.25.7.
- Improved: Phone number country-wise formatting.
- Minor: Localized error messages for translation.
- Added: Integrated new dashboard.
- Minor: Code improvements and textual changes.
- Added: Default country code feature.
- Improved: Minor code improvements and textual changes.
- Added: Include/Exclude country code feature.
- Added: Review notice and admin notice for the plugin.
- Improved: Overall plugin code.
- Added: intl-tel-input library source code files.
- Initial Release.
- Cool FormKit Build advanced forms in Elementor with Cool FormKit. Works with Elementor Free, Pro, and Hello Plus. Extend Elementor Pro Form widget or create full forms with Elementor Free.
- Conditional Fields for Elementor Form Apply advanced conditional logic to Elementor forms. Show or hide fields dynamically based on user input for smarter forms.