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.

Using Elementor forms but unable to apply conditional logic on form fields?
The <a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_name" rel="nofollow ugc">Conditional Fields for Elementor Form</a> plugin helps you apply conditional logic to Elementor form fields. You can hide, show, enable, or disable fields dynamically based on input values from other form fields.
Basically, it uses “If condition” logic. For example, if condition A is true, then field XYZ will be visible; otherwise, it remains hidden within the Elementor form.
👉 <a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=view_demos#view-demo-forms" rel="nofollow ugc">CHECK FREE DEMO – FORMS WITH CONDITIONAL LOGIC</a>
<iframe loading="lazy" title="Conditional Field for Elementor Form: Show/Hide Fields based on Input" width="750" height="422" src="https://www.youtube.com/embed/0Fbueg7DSts?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://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=below_video" rel="nofollow ugc">Conditional Fields Pro</a> for advanced features like conditional redirects, conditional emails, and conditional Mailchimp. Or supercharge your Elementor forms with <a href="https://coolformkit.com/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=below_video" rel="nofollow ugc">Cool FormKit</a> (aka coolformkit) — the all-in-one form builder addon for Elementor. With coolformkit, you can add powerful fields such as a <a href="https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=cfef_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=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">signature field</a>, <a href="https://coolformkit.com/features/select2-field-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video" rel="nofollow ugc">Select2 field</a>, and more to build smarter, feature-rich forms.
Compatibility: You can use this ultimate addon to apply visibility logic on Elementor Pro and Hello Plus form widget fields.
<h3>Conditional Fields Free Features</h3>
<ul>
<li>
Show / Hide Fields Conditionally: Easily add conditional logic to show or hide any field within an Elementor form based on values from other fields. You can currently add conditions to these field types: text, textarea, email, telephone, URL, radio, select, file upload, HTML, number, and checkbox.
</li>
<li>
If / Else Logic Without Code: Apply if/else logic to form fields without writing any code. Simply add the ID of the field on which you want to base the condition. For example, if the “Query Type” field ID is “query_type,” you can set it to show the “Enter Order ID” field if <code>query_type == check-order-status</code> and hide it otherwise.
</li>
<li>
Apply Multiple Conditions: Apply multiple conditions to a form field, with actions triggered only if all conditions are met (using AND logic).
</li>
<li>
No Validation Errors: Avoid validation errors when a required field is hidden due to a condition.
</li>
<li>
Compatibility with Hello Plus: The Conditional Fields for Elementor Form plugin is fully compatible with the Hello Plus plugin’s Form Lite widget, which you can use inside Elementor Free.
</li>
</ul>
<h3>Get Conditional Fields Pro for More Features</h3>
<ul>
<li>
<a href="https://docs.coolplugins.net/doc/conditional-redirect-elementor-form-on-submit/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_redirect" rel="nofollow ugc">Conditionally Redirect After Submission</a> 
Redirect your Elementor form to a specific URL after submission based on set conditions. For example, redirect to URL-1 if condition-1 is true; otherwise, send users to URL-2.
</li>
<li>
<a href="https://docs.coolplugins.net/doc/elementor-form-submit-button-conditions/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_button" rel="nofollow ugc">Apply Condition on Submit Button</a> 
Apply conditional logic to the Elementor form submit button to enable/disable or hide/show it based on user input values. This feature can be used to block contact form spam, such as disabling the submit button if illegal words are entered in a textarea.
</li>
<li>
<a href="https://docs.coolplugins.net/doc/send-conditional-emails-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_email" rel="nofollow ugc">Send Email Conditionally</a> 
Send different emails to various user types based on their form inputs. You can design multiple email templates and send them according to matched conditions.
</li>
<li>
<a href="https://docs.coolplugins.net/doc/and-or-conditional-logic-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_multiple" rel="nofollow ugc">Apply Multiple Conditions (AND / OR Logic)</a> 
Apply multiple conditions to form fields using AND/OR logic. Actions are triggered when ANY or ALL specified conditions are met.
</li>
<li>
<a href="https://docs.coolplugins.net/doc/elementor-form-conditional-logic-operators/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features_operators" rel="nofollow ugc">Condition Triggers / Compare Operators</a> 
Compare field values using various operators such as equals (==), not equals (!=), greater than (>), less than (<), greater than or equal to (>=), less than or equal to (<=), contains, does not contain, starts with, ends with, is empty, and is not empty.
</li>
<li>
<a href="https://coolplugins.net/support/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=support&utm_content=pro_features_support" rel="nofollow ugc">Premium Support</a> 
Need help or have a question? Reach out to Cool Plugins premium support anytime — we usually respond within 24–48 hours.
</li>
</ul>
<h3>More Elementor Form Addons</h3>
Explore a powerpack of Elementor form addons developed by the Cool Plugins team. Use them to extend your Hello Plus or Elementor Pro form widgets with advanced features, or create forms in Elementor Free if you are not using Pro.
<ul>
<li>
<a href="https://coolformkit.com/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons" rel="nofollow ugc">Cool FormKit for Elementor</a> 
An advanced form builder for Elementor Free users. It also extends Elementor Pro and Hello Plus form widgets with features like <a href="https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">conditional logic</a>, <a href="https://coolformkit.com/features/country-code-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">country code</a>, <a href="https://coolformkit.com/features/whatsapp-redirect-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">WhatsApp redirect</a>, <a href="https://coolformkit.com/features/input-mask-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons" rel="nofollow ugc">input masks</a>, and more. Upgrade your form-building experience with Cool FormKit.
</li>
<li>
<a href="https://wordpress.org/plugins/country-code-field-for-elementor-form/" rel="ugc">Country Code for Elementor Form Telephone Field</a> 
Adds a country code dropdown to phone fields, guiding your visitors to select their country code while entering their mobile number to ensure accurate and properly formatted data submissions.
</li>
<li>
<a href="https://wordpress.org/plugins/form-masks-for-elementor/" rel="ugc">Form Input Masks for Elementor Forms</a> 
Apply input masks to form fields so your users can enter correctly formatted data, such as phone numbers, dates, credit card numbers, and more.
</li>
</ul>
<h3>Some Other Essential Addons for Elementor</h3>
Upgrade your website-building experience in Elementor by using these ultimate addons for Elementor developed by Cool Plugins.
<ul>
<li>
<a href="https://cooltimeline.com/plugin/timeline-widget-pro/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Timeline Widget for Elementor</a> 
Showcase your history, events, or milestones in a stylish vertical or horizontal timeline layout on Elementor pages.
</li>
<li>
<a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">Events Widgets for Elementor</a> 
Adds The Events Calendar plugin widgets for Elementor, allowing you to display events in grid, list, or carousel layouts on your Elementor pages.
</li>
<li>
<a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">AutoPoly – AI Translation for Polylang</a> 
An addon for the Polylang plugin that automatically translates Elementor pages using AI-powered translation services — making multilingual site creation fast and simple.
</li>
<li>
<a href="https://wordpress.org/plugins/loop-grid-extender-for-elementor-pro/" rel="ugc">Loop Grid Extender for Elementor Pro</a> 
Use ACF Repeater fields in Elementor Pro loop grids or add advanced taxonomy filters to your Elementor loop templates with this plugin.
</li>
<li>
<a href="https://locoaddon.com/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons" rel="nofollow ugc">LocoAI – Auto Translate for Loco Translate</a> 
Automatically translate any WordPress plugin or theme strings in one click — powered by AI.
</li>
</ul>
<h3>Check Users Feedback About This Plugin</h3>
People love this plugin because it delivers a much-needed feature for Elementor forms – applying conditions to form fields, something not available by default 🤩
Finally! Easy Conditional Fields — Yay!!! ⭐⭐⭐⭐⭐ 
The intuitive setup means I can now implement conditional logic with ease, vastly improving our form functionality without compromising aesthetics. Highly recommended! — <a href="https://wordpress.org/support/topic/finally-easy-conditional-fields-yay/" rel="ugc">@sambadee</a>
Long Overdue ⭐⭐⭐⭐⭐ 
This plugin is so long overdue. Over the years I’ve seen many others that are overcomplicated and difficult to use. This is lightweight, powerful, and easy for anyone to use. Thank you. — <a href="https://wordpress.org/support/topic/long-overdue-2/" rel="ugc">@maxbyer</a>
Great Support ⭐⭐⭐⭐⭐ 
Simple and efficient! Support is ready to solve issues and committed to improving and implementing new features! Thank you for your help. — <a href="https://wordpress.org/support/topic/great-support-5420/" rel="ugc">@xxkiefxx</a>
At Last ⭐⭐⭐⭐⭐ 
Finally, a free plugin that adds conditional logic to Elementor forms in a simple and intuitive way. It does what it says — and does it well. Thank you! — <a href="https://wordpress.org/support/topic/at-last-43/" rel="ugc">@mrprainx</a>
Great Plugin! ⭐⭐⭐⭐⭐ 
I searched the whole internet for this. Most Elementor add-ons you have to pay for don’t have it, but Cool Plugins did it. It’s super easy and directly integrated into the Elementor interface and form. Thanks a lot! Great job, guys! — <a href="https://wordpress.org/support/topic/great-plugin-38541/" rel="ugc">@huks</a>
<a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=cfef_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=bottom_name" rel="nofollow ugc">Get Conditional Fields for Elementor Form [PREMIUM]</a>

Conditional Fields for Elementor Form – Apply Conditional Logic


You stole my code and edited it to upload it here!


thief


It seems to be working great! One field type you can support is the Acceptable field and checking whether it is checked.


Great plugin


It's really a great plugin to use the conditional logics on elementor form that isn't available on the elementor. Thank you so much!


Very helpful plugin


Useless unless you use pro version. And to the developer- Add which feature comes with free vesion clearly. Only logic can be use is equal or not. If you intend not to add basic function to free version then remove the plugin from wordpress and sell it elsewhere.


Nothing comes with free version

Add conditional fields to Elementor forms and apply if-else conditional logic to show or hide Elementor form widget fields via dynamic rules.

Country Code For Elementor Form Telephone Field vs Conditional Fields for Elementor Form – Apply Conditional Logic