Mokhtar Bensaid

<p><strong>Phone Validator with Flags for WooCommerce</strong> enhances the billing phone field on the checkout page by:</p>
<ul>
<li>Displaying a dropdown with country flags and dial codes.</li>
<li>Auto-detecting the default country or letting the customer choose.</li>
<li>Validating the phone number format in real-time.</li>
<li>Respecting WooCommerce’s “Selling Locations” settings to limit the list of countries.</li>
</ul>
<p>Ideal for WooCommerce stores targeting international customers who want to ensure clean, valid phone numbers during checkout.</p>
<h3>Features</h3>
<ul>
<li>🏳️ Add country flags and dial codes to the checkout phone field.</li>
<li>✅ Validate phone numbers in real-time before submission.</li>
<li>🌍 Supports only countries enabled in WooCommerce <span aria-hidden="true" class="wp-exclude-emoji">→</span> Selling Locations.</li>
<li>🔒 GDPR-safe and does not rely on any external APIs.</li>
<li>⚙️ Compatible with High-Performance Order Storage (HPOS).</li>
<li>📦 Lightweight and fully self-contained.</li>
<li>🌐 Translation-ready.</li>
</ul>
<h3>Libraries Used</h3>
<p>This plugin includes the following third-party open source library:</p>
<ul>
<li><a href="https://github.com/jackocnr/intl-tel-input" rel="nofollow ugc">intl-tel-input</a> – JavaScript international phone input utility.<br />
Source: https://github.com/jackocnr/intl-tel-input<br />
License: MIT</li>
</ul>


Phone Validator with Flags for WooCommerce

Adds a country flag and phone validation to the checkout phone field.

wepic

<p>This plugin adds a country flags widget to the <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder</a>. Elementor plugin must be activated to use this plugin. After you activate the required plugins, the widget will be available for use in Elementor.</p>
<p><em>This plugin uses <a href="https://github.com/lipis/flag-icon-css" rel="nofollow ugc">flag-icon-css</a>, A collection of all country flags in SVG — plus the CSS for easier integration.</em></p>
<h4>Installation</h4>
<ol>
<li>Install using the WordPress built-in Plugin installer, or Extract the zip file and drop the contents in the <code>wp-content/plugins/</code> directory of your WordPress installation.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
<li>Go to Pages > Add New</li>
<li>Press the ‘Edit with Elementor’ button.</li>
<li>Now you can search for “Language Switcher” in the left panel.</li>
<li>Next, drag and drop the widget from the left panel onto the content area.</li>
<li>Build something amazing!</li>
</ol>


Country Flags for Elementor

Absolutely wonderful addon. Does just what it says, and does it great. Big thanks to the developers for putting this out for free.

Top! These flags made my design so much better!

This plugin adds a country flags widget to the Elementor Page Builder.

Phone Validator with Flags for WooCommerce vs Country Flags for Elementor