Mohsin Khan

<p>Add an <strong>international country code dropdown</strong> 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.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><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></span></p>
<h4>Country Code Field Features for Elementor</h4>
<ul>
<li><strong>Country dropdown on any Tel field</strong> — no new widget, just extra controls inside the existing form field settings.</li>
<li><strong>Auto-localised error messages</strong> — validation strings are translatable via WPML String Translation, Polylang, Loco Translate, or a <code>.po/.mo</code> file.</li>
<li><strong>Cache-plugin safe flags</strong> — 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><strong>No duplicate submissions</strong> — 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><strong>Safe pre-fill</strong> — if the field is pre-populated with an E.164 value (cookie, autofill, URL param), the country dial code is not duplicated.</li>
<li><strong>Auto-detect visitor country</strong> — uses the browser’s language, no external API call.</li>
<li><strong>Preferred / Only / Exclude country lists</strong> — customize which countries appear in the dropdown.</li>
<li><strong>Multi-step form compatible</strong> — does not interfere with Elementor’s step navigation.</li>
<li><strong>Strict validation (optional)</strong> — blocks submission if the number fails <code>intl-tel-input</code> validation.</li>
<li><strong>Server-side sanity check</strong> — 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> + <strong>Elementor Pro</strong> (the Form widget is an Elementor Pro feature)</li>
</ul>
<h3>Compatibility & Use Cases</h3>
<p><strong>Tested compatibility:</strong></p>
<ul>
<li><strong>Elementor Pro</strong> — 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><strong>WPML & Polylang</strong> — the country-list locale is resolved from the active language, and every validation error string is registered with both string-translation registries.</li>
<li><strong>Cache plugins</strong> — 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><strong>Multi-step forms</strong> — the plugin never wraps Elementor’s submit handler, so multi-step navigation (Next / Previous) stays intact.</li>
</ul>
<p><strong>Privacy & performance:</strong></p>
<ul>
<li><strong>GDPR-friendly</strong> — 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><strong>Lightweight</strong> — 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>
<p><strong>Common use cases:</strong></p>
<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>
<p>This plugin bundles the following third-party assets:</p>
<ul>
<li><strong>intl-tel-input v27.1.2</strong> 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><strong>Country flag SVGs</strong> — flags are not copyrightable in most jurisdictions and are distributed under the same GPLv2 licence as this plugin.</li>
</ul>
<p>“Elementor” and “Elementor Pro” are trademarks of Elementor Ltd. This plugin is not affiliated with, endorsed by, or sponsored by Elementor Ltd.</p>


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.

AWEOS GmbH

<h3>Beautifully banner to change automatically the phone number</h3>
<p>This plugin change automatically the phone number of your mobile banner.<br />
Only by clicking on the settings page you can enter your phone number with special characters you want.<br />
An advantage: The banner is fixed on your website and easy to handle!</p>
<h4>Click on the phone number to start calling</h4>
<p>Enter in the settings page your phone number without any special characters and people can call you directly.<br />
It’s so easy and practical for visitors!</p>
<h4>Design? You change it!</h4>
<ul>
<li>You choose which background color the banner has.</li>
<li>Define the color of your phone number.</li>
<li>All color representations, from a word to hexadecimal.</li>
</ul>
<h4>When should it appear on my website?</h4>
<p>When should it appear? Define the media sizes of your banner for mobile devices.<br />
Enter your wish width in pixel for more control about your Plugin.</p>
<h4>Bug reports and feedback</h4>
<p>Your feedback is important, if you find bugs or have suggestions write us an E-Mail support@aweos.de</p>
<p>This plugin was developed by the advertising agency AWEOS.<br />
Imprint / Legal information (German): <a href="https://aweos.de/impressum/" rel="nofollow ugc">https://aweos.de/impressum/</a></p>
<p>You are free to use it in any country where you want more privacy for your users.</p>
<blockquote>
<p>THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.</p>
</blockquote>


AWEOS Mobile CTA

This Plugin creates a call to action banner for mobile devices, with settings to change the design, link and media width.

Phone Field with Country Code for Elementor – Pluginry vs AWEOS Mobile CTA