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 based on your WooCommerce store location.</li>
<li>Validating the phone number format before order submission.</li>
<li>Respecting WooCommerce’s “Selling Locations” settings to limit the list of countries.</li>
<li>Supporting both Classic Checkout and Block Checkout (introduced in WooCommerce 8+).</li>
<li>Allowing full customization via a dedicated settings page under WooCommerce <span aria-hidden="true" class="wp-exclude-emoji">→</span> Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Phone Validator.</li>
<li>Supporting the shipping phone field independently from the billing phone field.</li>
</ul>
<p>Ideal for WooCommerce stores targeting international customers who want to ensure clean, valid phone numbers during checkout.</p>
<p>Have a question or need help? <a href="https://mokhtarbensaid.com/contact/" rel="nofollow ugc">Contact the developer</a>.</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>Full support for WooCommerce Block Checkout (Gutenberg).</li>
<li>Supports billing phone, shipping phone, and My Account phone fields independently.</li>
<li>Set preferred countries to appear at the top of the dropdown with a visual divider.</li>
<li>Choose between all countries or only WooCommerce Selling Locations.</li>
<li>Shipping phone field uses WooCommerce Shipping Locations automatically.</li>
<li>Inline error messages styled to match WooCommerce notices.</li>
<li>Respects WooCommerce field validation rules automatically.</li>
<li>Compatible with WordPress 7 and WooCommerce 10+.</li>
<li>GDPR-safe – no external APIs, fully self-hosted.</li>
<li>Compatible with High-Performance Order Storage (HPOS).</li>
<li>Lightweight and 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> v29.0.1 – 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 WooCommerce checkout phone field. Supports Classic and Block Checkout.

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