FAIR

Federated and Independent Repositories

Country Code For Elementor Form Telephone Field

Plugin Banner

Country Code For Elementor Form Telephone Field

by Cool Plugins

Download
Description

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

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,pk removes 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.

Upgrade for More Features

  • 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.

👉 GET COOL FORMKIT PRO

More Essential Addons for Elementor Form

👉 VIEW ALL FEATURES

Other Popular Addons for Elementor

Enhance your website-building workflow with these other ultimate Elementor addons by Cool Plugins:

Third-Party Libraries & License Information

This plugin makes use of the following third-party library:

  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 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.

  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 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.

More Docs & Guides

  1. Country Code for Elementor Form Telephone Field Preview

    Country Code for Elementor Form Telephone Field Preview

  2. Country Code for Elementor Form Settings Configuration

    Country Code for Elementor Form Settings Configuration

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.

Where do I report security bugs found in this plugin?

Please report security bugs found in the source code of the Country Code For Elementor Form Telephone Field plugin through the Patchstack Vulnerability Disclosure  Program. The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin.

Great Job

By m7mdab1997 on May 29, 2025

Excellent Tool

good

By Sepi (sepicompanywork) on May 2, 2025

works fine. easy to use. thank you dev team.

perfect!

By Jorge Sandoval (joxxsandoval) on January 25, 2025

Just what I was looking for.

Awesome!

By coderashik on November 27, 2024

Thanks for the plugin.

Brutal support!

By angeldavo on September 5, 2024

I asked them for a functionality to translate with WPML and in less than 48 hours they had implemented it.

Worked like a charm

By hihimanshu70 on June 16, 2024

I tried several different options but either they were paid or difficult to execute or simply didn't work. But this plugin works like a charm.

Please add default country selection !

By tch4ng on May 27, 2024

I need to choose the default country. Otherwise, great plug-in.

EDIT : if you want to choose the default country, get all the country and put yours in first : like that "fr,af,al,dz,as,ad,ao,ai,aq,ag,ar,am,aw,au,at,az,bs,bh,bd,bb,by,be,bz,bj,bm,bt,bo,bq,ba,bw,bv,br,io,bn,bg,bf,bi,kh,cm,ca,cv,ky,cf,td,cl,cn,co,km,cd,cg,ck,cr,ci,hr,cu,cw,cy,cz,dk,dj,dm,do,ec,eg,sv,gq,er,ee,sz,et,fk,fo,fj,fi,gf,pf,tf,ga,gm,ge,de,gh,gi,gr,gl,gd,gu,gt,gg,gn,gp,gq,gy,ht,hm,hn,hk,hu,is,in,id,ir,iq,ie,im,il,it,jm,jp,je,jo,kz,ke,ki,kw,kg,la,lv,lb,ls,lr,ly,li,lt,lu,mo,mk,mg,mw,my,mv,ml,mt,mh,mq,mu,yt,mx,fm,md,mc,mn,me,ms,ma,mz,mm,na,nr,np,nl,nc,nz,ni,ne,ng,nu,nf,mp,no,om,pk,pw,ps,pa,pg,py,pe,ph,pn,pl,pt,pr,qa,ro,ru,rw,re,bl,sh,kn,lc,mf,pm,vc,ws,sm,st,sa,sn,rs,sc,sl,sg,sx,sk,si,sb,so,za,gs,ss,es,lk,sd,sr,se,ch,sy,tw,tj,tz,th,tg,tk,to,tt,tn,tr,tm,tc,tv,ug,ua,ae,gb,us,um,uy,uz,vu,ve,vn,vg,vi,wf,eh,ye,zm,zw"

1.4.9 | Nov 4, 2025

  • Fixed: Double country code issue on country change.

1.4.8 | Oct 30, 2025

  • Fixed: Double country code issue.
  • Fixed: Validation issue when triggering form submission via script.

1.4.7 | Sep 24, 2025

  • Fixed: Country code validation issues.
  • Fixed: Conditional display issue when changing the selected country.

1.4.6 | Sep 19, 2025

  • Added: Added other plugin recommendations for Pro Elements users.
  • Fixed: Conflicts with other plugins.
  • Tested up to: Elementor 3.32.2 and Elementor Pro 3.32.1.

1.4.5 | Sep 9, 2025

  • Added: Added other plugin recommendations for Elementor users.

1.4.4 | Aug 22, 2025

  • Fixed: Security issues.
  • Updated:- Internal links.

1.4.3 | Aug 13, 2025

  • Fixed: Security issues.
  • Updated: Dashboard links.

1.4.2 | July 30, 2025

  • Improved: Dashboard links.

1.4.1 | July 23, 2025

  • Minor: Textual changes.

1.4.0 | July 23, 2025

  • Updated: Admin Dashboard enhancements.
  • Tested up to: Elementor 3.30.3 and Elementor Pro 3.30.0.

1.3.12 | May 21, 2025

  • 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.

1.3.11 | Apr 24, 2025

  • Minor: Textual changes.
  • Fixed: Placeholder format issue.

1.3.10 | Apr 1, 2025

  • Added: Compatibility with Hello Plus Form.
  • Improved: Exclude Country settings.
  • Tested up to: Elementor 3.28.2.

1.3.9 | Mar 21, 2025

  • Improved: Exclude Country settings.
  • Tested up to: Elementor 3.28.0 and Elementor Pro 3.28.0.

1.3.8 | Feb 11, 2025

  • Minor: Textual changes.

1.3.7 | Feb 06, 2025

  • Minor: Textual changes.

1.3.6 | Feb 06, 2025

  • Minor: Textual changes.

1.3.5 | Dec 21, 2024

  • Improved: Country flags now load via SVG for better performance and customization.

1.3.4 | Dec 18, 2024

  • Tested up to: Elementor 3.26.0.

1.3.3 | Dec 12, 2024

  • Fixed: Load text domain issue.
  • Improved: Compatibility with Pro elements.

1.3.2 | Nov 19, 2024

  • Tested up to: WordPress 6.7 and Elementor 3.25.7.

1.3.1 | Sep 4, 2024

  • Improved: Phone number country-wise formatting.
  • Minor: Localized error messages for translation.

1.3.0 | Jun 17, 2024

  • Added: Integrated new dashboard.
  • Minor: Code improvements and textual changes.

1.2.0 | May 28, 2024

  • Added: Default country code feature.
  • Improved: Minor code improvements and textual changes.

1.1.0 | May 24, 2024

  • Added: Include/Exclude country code feature.
  • Added: Review notice and admin notice for the plugin.
  • Improved: Overall plugin code.

1.0.1 | May 20, 2024

  • Added: intl-tel-input library source code files.

1.0.0 | May 1, 2024

  • Initial Release.

Related Plugins & More

  • 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.

Back to top