Mohsin Khan

Add an international country code dropdown with flags to any Elementor Pro form phone field. Searchable list, WPML-aware error messages, E.164 output, and per-country validation — without the duplicate submissions, broken multi-step navigation, and identical flags that affect similar plugins.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8HKMlfmIEe4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Country Code Field Features for Elementor</h4>
<ul>
<li>Country dropdown on any Tel field — no new widget, just extra controls inside the existing form field settings.</li>
<li>Auto-localised error messages — validation strings are translatable via WPML String Translation, Polylang, Loco Translate, or a <code>.po/.mo</code> file.</li>
<li>Cache-plugin safe flags — the selected flag is painted via an inline style pointing to an individual SVG, so WP-Rocket’s “Remove Unused CSS” and LiteSpeed’s CSS minifier can’t turn every country’s flag into the same one.</li>
<li>No duplicate submissions — unlike the common reference implementation, this plugin never calls <code>handleSubmit</code> or <code>setTimeout</code>. It keeps the input’s E.164 value fresh and lets Elementor’s native submit handler run untouched.</li>
<li>Safe pre-fill — if the field is pre-populated with an E.164 value (cookie, autofill, URL param), the country dial code is not duplicated.</li>
<li>Auto-detect visitor country — uses the browser’s language, no external API call.</li>
<li>Preferred / Only / Exclude country lists — customize which countries appear in the dropdown.</li>
<li>Multi-step form compatible — does not interfere with Elementor’s step navigation.</li>
<li>Strict validation (optional) — blocks submission if the number fails <code>intl-tel-input</code> validation.</li>
<li>Server-side sanity check — digits + length bounds enforced in <code>elementor_pro/forms/validation/tel</code>.</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0+</li>
<li>PHP 7.4+</li>
<li><a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> + Elementor Pro (the Form widget is an Elementor Pro feature)</li>
</ul>
<h3>Compatibility & Use Cases</h3>
Tested compatibility:
<ul>
<li>Elementor Pro — works with the Pro Form widget; the country-code controls appear inside the existing Tel field settings, so there’s no new widget to learn.</li>
<li>WPML & Polylang — the country-list locale is resolved from the active language, and every validation error string is registered with both string-translation registries.</li>
<li>Cache plugins — WP-Rocket, LiteSpeed Cache, W3 Total Cache, and Autoptimize won’t break the flags. Per-country SVGs are painted via inline <code>style</code> attributes that no CSS minifier can prune.</li>
<li>Multi-step forms — the plugin never wraps Elementor’s submit handler, so multi-step navigation (Next / Previous) stays intact.</li>
</ul>
Privacy & performance:
<ul>
<li>GDPR-friendly — no external API calls. Auto-detect uses <code>navigator.language</code> (a local browser hint), not an IP lookup or third-party geo-service.</li>
<li>Lightweight — the intl-tel-input library, CSS, and country-code script are enqueued only on pages where an Elementor form with the country-code feature is actually rendered. Other pages are completely untouched, so PageSpeed and Core Web Vitals scores on the rest of your site are unaffected.</li>
</ul>
Common use cases:
<ul>
<li>Contact forms with a phone field</li>
<li>Registration and onboarding forms</li>
<li>Lead-generation and quote-request forms</li>
<li>Booking and appointment forms</li>
<li>WhatsApp click-to-chat and SMS callback forms — the E.164 output (<code>+919876543210</code>) is ready to drop into a <code>wa.me/<number></code> link or a CRM webhook</li>
</ul>
<h3>Credits / Third-Party Libraries</h3>
This plugin bundles the following third-party assets:
<ul>
<li>intl-tel-input v27.1.2 by Jack O’Connor — https://github.com/jackocnr/intl-tel-input — licensed under the MIT License. See <code>assets/intl-tel-input-LICENSE.txt</code>.</li>
<li>Country flag SVGs — flags are not copyrightable in most jurisdictions and are distributed under the same GPLv2 licence as this plugin.</li>
</ul>
“Elementor” and “Elementor Pro” are trademarks of Elementor Ltd. This plugin is not affiliated with, endorsed by, or sponsored by Elementor Ltd.

Phone Field with Country Code for Elementor – Pluginry

Add an international country code dropdown with flags to Elementor form phone fields. Lightweight, WPML-aware, with strict per-country validation.

zaus

An add-on to <a href="https://wordpress.org/plugins/forms-3rdparty-integration/" rel="ugc">‘Forms: 3rdparty Integration’</a>, it parses phone number fields from Contact Form submissions and exposes them to additional mapping.
Uses the <a href="https://github.com/giggsey/libphonenumber-for-php" rel="nofollow ugc">PHP Port of Google’s libphonenumber</a>, which may be included via Composer instead — see <a href="https://github.com/zaus/f3i-phonenumber" rel="nofollow ugc">GitHub version</a> instead.

Forms: 3rdparty Phone Numbers

An add-on to 'Forms: 3rdparty Integration', it parses phone number fields from Contact Form submissions and exposes them to additional mappi …

Phone Field with Country Code for Elementor – Pluginry vs Forms: 3rdparty Phone Numbers