Phone Validator with Flags for WooCommerce

Phone Validator with Flags for WooCommerce enhances the billing phone field on the checkout page by:

• Displaying a dropdown with country flags and dial codes.
• Auto-detecting the default country or letting the customer choose.
• Validating the phone number format in real-time.
• Respecting WooCommerce’s “Selling Locations” settings to limit the list of countries.

Ideal for WooCommerce stores targeting international customers who want to ensure clean, valid phone numbers during checkout.

Features

• 🏳️ Add country flags and dial codes to the checkout phone field.
• ✅ Validate phone numbers in real-time before submission.
• 🌍 Supports only countries enabled in WooCommerce → Selling Locations.
• 🔒 GDPR-safe and does not rely on any external APIs.
• ⚙️ Compatible with High-Performance Order Storage (HPOS).
• 📦 Lightweight and fully self-contained.
• 🌐 Translation-ready.

Libraries Used

This plugin includes the following third-party open source library:

• intl-tel-input – JavaScript international phone input utility.
  Source: https://github.com/jackocnr/intl-tel-input
  License: MIT

1. Upload the plugin folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Ensure that WooCommerce is active and “Selling Locations” are configured.
4. The billing phone field on the checkout page will now display with country flag + validation.

1. 

   Enhanced checkout phone field with country flag.

1.0.0

• Initial release with flag selector, validation, and WooCommerce integration.

1.1.0

• Fix some technical issues about the error alert

1.2.0

• Fix some technical issues