Satinder Singh

CoolHappy

Cool Plugins

Use <a href="https://coolplugins.net/product/country-code-for-elementor-form-telephone-field/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_name" rel="nofollow ugc">Country Code for Elementor Form Telephone Field</a> plugin to easily add an international country code dropdown with flags inside the phone field of your Elementor form.
👉 <a href="https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=view_demo#demo-form" rel="nofollow ugc">VIEW FREE DEMO – COUNTRY CODE FOR ELEMENTOR FORM</a>
<iframe loading="lazy" title="How to add country code dropdown to Tel Field in Elementor Forms" width="750" height="422" src="https://www.youtube.com/embed/blGGyAti_AI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Upgrade to <a href="https://coolformkit.com/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=below_video" rel="nofollow ugc">Cool FormKit</a> to unlock more advanced features for Elementor forms – including <a href="https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">range slider</a>, <a href="https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">signature field</a>, <a href="https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">conditional logic</a>, <a href="https://coolformkit.com/features/calculator-for-elementor/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">calculator</a> & more. Start building smarter forms with coolformkit today!
<h3>Free Plugin Features:</h3>
<ul>
<li>
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.
</li>
<li>
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 <a href="https://www.iban.com/country-codes" rel="nofollow ugc">alpha-2 codes</a> in the Tel field settings like: <code>ca,in,us,gb</code>.
</li>
<li>
Exclude Specific Countries: Show all countries but hide a few by entering their alpha-2 codes (e.g., <code>af,pk</code> removes Afghanistan and Pakistan).
</li>
<li>
Set a Default Country: Preselect a default country code when the form loads.
</li>
<li>
Control Dial Code Visibility: Show or hide the dial code while users type their phone number.
</li>
<li>
Strict Mode Validation: Enable strict mode to block invalid numbers or extra digits based on the selected country.
</li>
<li>
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.
</li>
</ul>
<h3>Upgrade for More Features</h3>
<ul>
<li>
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.
</li>
<li>
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.
</li>
<li>
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.
</li>
<li>
<a href="https://coolformkit.com/features/country-and-state-field-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=pro_features" rel="nofollow ugc">Country & State Field for Elementor Form</a> 
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.
</li>
</ul>
👉 <a href="https://coolformkit.com/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">GET COOL FORMKIT PRO</a>
<h3>More Essential Addons for Elementor Form</h3>
<ul>
<li>
<a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons" rel="nofollow ugc">Conditional Fields for Elementor Form</a> 
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.
</li>
<li>
<a href="https://wordpress.org/plugins/form-masks-for-elementor/" rel="ugc">Form Input Masks for Elementor Forms</a> 
Apply input masks so users enter properly formatted data like phone numbers, dates, credit cards, and more. Improves accuracy and reduces validation errors.
</li>
<li>
<a href="https://coolformkit.com/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons" rel="nofollow ugc">Cool FormKit</a> 
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:
<ul>
<li><a href="https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">Conditional Logic for Elementor Form Fields</a> </li>
<li><a href="https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">Range Slider for Elementor Form</a> </li>
<li><a href="https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">Signature Field for Elementor Form</a> </li>
<li><a href="https://coolformkit.com/features/select2-field-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">Select2 Field</a> </li>
<li><a href="https://coolformkit.com/features/image-radio-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">Image Radio & Checkbox Fields</a> </li>
<li><a href="https://coolformkit.com/features/rating-field-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">Rating Field for Elementor Form</a> </li>
<li><a href="https://coolformkit.com/features/calculator-for-elementor/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">Calculator for Elementor</a> </li>
<li><a href="https://coolformkit.com/features/cloudflare-turnstile-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">Cloudflare Turnstile for Elementor Form</a> </li>
<li><a href="https://coolformkit.com/features/hcaptcha-for-elementor-form/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">hCAPTCHA for Elementor Form</a> </li>
</ul>
</li>
</ul>
👉 <a href="https://coolformkit.com/features/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">VIEW ALL FEATURES</a>
<h3>Other Popular Addons for Elementor</h3>
Enhance your website-building workflow with these other ultimate Elementor addons by Cool Plugins:
<ul>
<li>
<a href="https://wordpress.org/plugins/loop-grid-extender-for-elementor-pro/" rel="ugc">Loop Grid Extender for Elementor Pro</a> 
Add ACF Repeater fields & advanced taxonomy filters inside Elementor Pro loop grids.
</li>
<li>
<a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">AutoPoly – AI Translation for Polylang</a> 
Instantly auto-translate Elementor pages using AI. Build multilingual websites faster with Polylang + AutoPoly.
</li>
<li>
<a href="https://cooltimeline.com/plugin/timeline-widget-pro/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Timeline Widget for Elementor</a> 
Display history, events, or milestones in beautiful vertical or horizontal timelines inside Elementor pages.
</li>
<li>
<a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Events Widgets for Elementor</a> 
Add The Events Calendar widgets to Elementor — show events in grid, list, or carousel layouts with ease.
</li>
<li>
<a href="https://locoaddon.com/?utm_source=ccfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">LocoAI – Auto Translate for Loco Translate</a> 
Translate WordPress plugins & themes automatically with AI. One-click string translation inside Loco Translate.
</li>
</ul>
<h4>Third-Party Libraries & License Information</h4>
This plugin makes use of the following third-party library:
<ul>
<li>intl-tel-input
<ul>
<li>Website: <a href="https://intl-tel-input.com" rel="nofollow ugc">https://intl-tel-input.com</a> </li>
<li>GitHub: <a href="https://github.com/jackocnr/intl-tel-input" rel="nofollow ugc">https://github.com/jackocnr/intl-tel-input</a> </li>
<li>License: <a href="https://github.com/jackocnr/intl-tel-input/blob/master/LICENSE" rel="nofollow ugc">MIT License</a></li>
</ul>
</li>
</ul>

Country Code For Elementor Form Telephone Field

Add a country code dropdown with flags to Elementor form phone field for valid international numbers. Also works with Hello Plus form widget.

Rodrigo Bogdanowicz

Input Mask For Elementor Form Fields is an Elementor addon that helps to add <a href="https://coolformkit.com/features/input-mask-for-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=features&utm_content=top_name" rel="nofollow ugc">input masks</a> on Elementor form fields. It helps you control how users enter data into form fields, ensuring properly formatted entries for phone numbers, credit cards, dates, Brazilian IDs, and more.
Originally developed by <a href="https://profiles.wordpress.org/rodrigo-bogdanowicz/" rel="nofollow ugc">Rodrigo Bogdanowicz</a>, this plugin is now actively maintained and supported by the <a href="https://coolplugins.net/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=author&utm_content=author" rel="nofollow ugc">Cool Plugins team</a>, who continue to add new features, bug fixes, and compatibility updates.
This plugin works with Elementor Pro and the Hello Plus form widget. Simply edit your Elementor form, select a text field, and apply the desired mask.
👉 <a href="https://coolplugins.net/add-input-masks-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_demo" rel="nofollow ugc">Check Live Demo</a>
<iframe loading="lazy" title="How to Add Input Masks In Elementor Form?" width="750" height="422" src="https://www.youtube.com/embed/S6kwtxizgYM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Need more advanced Elementor form fields? Extend your forms with <a href="https://coolformkit.com/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=below_video" rel="nofollow ugc">Cool FormKit</a> (aka coolformkit). With Cool FormKit, you can add:
<ul>
<li><a href="https://docs.coolplugins.net/doc/range-slider-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs" rel="nofollow ugc">Range Sliders</a> </li>
<li><a href="https://docs.coolplugins.net/doc/calculator-field-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs" rel="nofollow ugc">Calculator Fields</a> </li>
<li><a href="https://docs.coolplugins.net/doc/signature-field-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs" rel="nofollow ugc">Signature Fields</a> </li>
<li><a href="https://docs.coolplugins.net/doc/rating-field-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs" rel="nofollow ugc">Rating Fields</a> </li>
<li><a href="https://docs.coolplugins.net/doc/apply-conditional-logic-on-elementor-form-fields/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs" rel="nofollow ugc">Conditional Logic</a> </li>
<li>Spam protection with <a href="https://docs.coolplugins.net/doc/add-hcaptcha-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs" rel="nofollow ugc">hCaptcha</a> and <a href="https://docs.coolplugins.net/doc/add-cloudflare-turnstile-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs" rel="nofollow ugc">Cloudflare Turnstile</a> </li>
</ul>
<h3>Supported Input Masks</h3>
Phone Masks: Add common phone number formats such as USA, Brazil, and more.
<ul>
<li>0000-0000 </li>
<li>(000) 000-0000 </li>
<li>(00) 0000-0000 </li>
<li>(00) 0.0000-0000 </li>
</ul>
Credit Card Masks: Format card numbers and expiry dates.
<ul>
<li>Card: 0000-0000-0000-0000 </li>
<li>Expiry: 00/00 </li>
</ul>
Date & Time Masks: Keep date and time inputs consistent.
<ul>
<li>Date: 00/00/0000 </li>
<li>Time: 00:00:00 </li>
<li>Date & Time: 00/00/0000 00:00:00 </li>
</ul>
Currency Masks: Enforce correct money formats.
<ul>
<li>Comma style: 00,000.00 </li>
<li>Dot style: 00.000,00 </li>
</ul>
Brazilian Formats (CPF, CNPJ, CEP): Capture accurate Brazilian IDs.
<ul>
<li>CPF: 000.000.000-00 </li>
<li>CNPJ: 00.000.000/0000-00 </li>
<li>CEP: 00000-000 </li>
</ul>
<h3>More Addons for Elementor Forms</h3>
<ul>
<li>
<a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons" rel="nofollow ugc">Conditional Fields for Elementor Form</a> – Add conditional logic to show, hide, enable, or disable fields dynamically.
</li>
<li>
<a href="https://wordpress.org/plugins/country-code-field-for-elementor-form/" rel="ugc">Country Code for Elementor Form Telephone Field</a> – Add a dropdown with country codes and flags for phone fields.
</li>
<li>
<a href="https://coolformkit.com/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons" rel="nofollow ugc">Cool FormKit</a> – A complete Elementor form builder addon that extends Pro forms and adds a full widget for Elementor Free.
</li>
</ul>
<h3>Other Popular Elementor Addons by Cool Plugins</h3>
<ul>
<li><a href="https://cooltimeline.com/plugin/timeline-widget-pro/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Timeline Widget for Elementor</a> – Create stunning vertical and horizontal timelines inside Elementor editor easily. </li>
<li><a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Events Widgets for Elementor</a> – Add The Events Calendar in Elementor pages easily via using these events widgets. </li>
<li><a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">AutoPoly – AI Translation for Polylang</a> – Translate Elementor websites automatically via AI and Polylang plugin. </li>
<li><a href="https://wordpress.org/plugins/loop-grid-extender-for-elementor-pro/" rel="ugc">Loop Grid Extender for Elementor Pro</a> – Add ACF repeater support and advanced taxonomy filters in Elementor loop builder. </li>
<li><a href="https://locoaddon.com/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">LocoAI – Auto Translate for Loco Translate</a> – AI-powered string translation for plugins and themes inside Loco Translate. </li>
</ul>
Disclaimer: This plugin is not affiliated with or endorsed by the official Elementor team. Some links provided may be affiliate links, which means we could earn a small commission at no additional cost to you if you make a purchase.
👉 Get <a href="https://coolformkit.com/?ref=mask&utm_source=mfe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=bottom_name" rel="nofollow ugc">Cool FormKit – Advanced Elementor Form Builder</a>

Input Mask For Elementor Form Fields

Apply input masks in Elementor form widget fields - phone, date, time, credit card, CPF, CNPJ, CEP & more for valid and error-free entries.

Country Code For Elementor Form Telephone Field vs Input Mask For Elementor Form Fields