“Hide Prices for WooCommerce” has been added to your cart. View cart

Sale!

Checkout Country Code Phone & WhatsApp Field for WooCommerce

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 2

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 3

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 4

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 5

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 6

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 7

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 8

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 10

Checkout Country Code Phone & WhatsApp Field for WooCommerce - Image 11

DOCUMENTATION

Checkout Country Code Phone & WhatsApp Field for WooCommerce

0 Reviews | Write a Review

Enhance your WooCommerce checkout with the Country Code Phone & WhatsApp Field plugin. Easily validate international phone numbers and add a dedicated WhatsApp field for faster, more reliable customer communication. Improve data accuracy, boost engagement, and deliver a smooth global shopping experience all in one powerful solution.

🌍 Global Phone Validation – Seamlessly validate international phone numbers with support for 200+ countries and real-time accuracy checks.
📱 Country Code Selector with Flags – Add an intuitive country code dropdown with flags for a better user experience at checkout.
💬 WhatsApp Integration – Enable an optional WhatsApp field to improve communication and customer engagement.
👤 Customer-Friendly Management – Allow users to easily manage both phone and WhatsApp numbers from their account.
🛠️ Admin Control & Visibility – View and edit phone/WhatsApp numbers directly from the WooCommerce order admin panel.
⚡ Optimized Checkout Experience – Reduce errors, ensure accurate contact details, and deliver a smooth, professional global checkout flow

$69.00 $49.00

Optional Services

Plugin installation + $10.00

* Support Period

Introducing the Country Code Phone & WhatsApp Field for WooCommerce

Enhance your WooCommerce store with the Country Code Phone & WhatsApp Field for WooCommerce plugin. It adds an international phone field with country code selector and flags, ensuring accurate input through real-time validation and support for 200+ countries. The optional WhatsApp field allows customers to share their preferred contact for faster communication and better engagement. Both phone and WhatsApp numbers are easily accessible and editable in the admin panel and customer account area. By improving data accuracy and simplifying communication, this plugin delivers a smoother checkout experience and helps boost customer satisfaction and conversions.

Worldwide Phone Validation

Support for 200+ countries ensures that your customers' phone numbers are formatted and validated correctly.

validation-err

Country Code Selector

A stunning UI with flags and easy search options helps users locate and select their country quickly.

WhatsApp Field Integration

Provides an optional field for WhatsApp numbers, crucial for businesses utilizing WhatsApp Business.

whatsup-form

1.1 WhatsApp Field at Checkout

An optional WhatsApp number field appears on the checkout page, allowing customers to provide an alternative contact number for order notifications.

💡 How It Works:
WhatsApp field appears below the phone field at checkout
Field is optional by default
Can be enabled/disabled from admin settings
Custom label and placeholder text configurable
Automatically saves with full country code format

1.2 WhatsApp Number Format

WhatsApp numbers are stored in the correct international format:

Format: +[Country Code][Phone Number] Example: +917888873085 ✅ Correct: Numbers saved WITH country code (+) ✅ WhatsApp Link: wa.me/917888873085 (WITHOUT +)

1.3 Admin WhatsApp Features

Feature	Description	Status
View WhatsApp Number	See customer's WhatsApp number in order details	✅ Working
Edit WhatsApp Number	Admin can edit customer's WhatsApp number from order page	✅ Working
WhatsApp Link	Click to open WhatsApp chat with customer	✅ Working
Billing Meta Display	Shows in billing information section	✅ Working

1.4 WhatsApp Settings

Configure WhatsApp field from: WooCommerce → Phone Country Code → WhatsApp Tab

Enable WhatsApp Field: Toggle WhatsApp field on/off
Field Label: Customize the label text (default: "WhatsApp Number")
Placeholder Text: Set placeholder (default: "Enter WhatsApp number if different from phone")

Required/Optional: Make field required or optional

1.1 View Phone & WhatsApp Numbers

Customers can view their phone and WhatsApp numbers in their account:

📍 Location: My Account → Account Details

What Customers See:

Phone Number with country code (e.g., +49 1234567890)
WhatsApp Number with country code (if provided)
Both numbers displayed in "Contact Information" section

2.2 Edit Contact Numbers

Customers have full control to update their contact information:

Action	How To Do It
Edit Phone Number	Click "Edit Contact Numbers" button → Update phone → Save
Edit WhatsApp Number	Click "Edit Contact Numbers" button → Update WhatsApp → Save
Change Country Code	Select different country from dropdown → Number auto-formats
Save Changes	Click "Save Changes" button → Numbers updated instantly

3.3 Order History Display

Phone and WhatsApp numbers appear on:

✅ Order confirmation page
✅ Order details in My Account
✅ Order emails (if configured)
✅ Downloadable order invoices

1.1 View Customer Contact Information

Admins can see complete customer contact information in the order details:

ORDER #1234 - Billing Details Phone: +49 1234567890 WhatsApp: +49 9876543210 ✅ Both numbers displayed with country codes ✅ Click WhatsApp number to open chat ✅ Editable directly from order page

1.2 Edit Customer Phone/WhatsApp

From Order Edit Page:

Go to WooCommerce → Orders
Click on any order
Scroll to "Billing" section
See "Phone" and "WhatsApp" fields
Edit either field
Click "Update" to save changes

⚠️ Important: When editing phone/WhatsApp numbers:
Always include the country code
Format: +[Country Code][Number]
Example: +491234567890
Changes are saved to customer meta data

1.3 Admin Settings Page

Location: WooCommerce → Phone Country Code Pro

The admin interface has 4 tabs:

Tab	Settings Available
General Settings	Default country, auto-detect, required field, local flags, preview
WhatsApp	Enable/disable field, label, placeholder, required/optional
Validation	Premium validation, AJAX validation, phone format rules
Fraud Detection	Enable detection, fraud score threshold, VOIP handling

2. Complete Features List

🌍International Support

Supports over 200 countries with automatic country detection based on store location.

🚩Country Flags

Beautiful flag display next to each country code for easy identification.

✅Real-time Validation

Phone numbers are validated as users type using libphonenumber-js library.

💬WhatsApp Integration

Optional WhatsApp field allows customers to provide alternate contact number.

👤Customer Account

Customers can view and edit both phone and WhatsApp numbers from their account.

⚙️Admin Control

Complete admin interface with tabs for General, WhatsApp, Validation, and Fraud Detection settings.

📱Mobile Optimized

Fully responsive design works perfectly on all devices.

🔒Data Security

All phone numbers stored with country codes for accurate international format.

Reviews

There are no reviews yet.

Be the first to review “Checkout Country Code Phone & WhatsApp Field for WooCommerce”

Version	1.0.0
Category	WooCommerce Plugin
Compatibility	6.4
PHP Version	7.4
Released	2026-01-03
Updated	2026-01-03
License	GPLv2 or later
Browsers	All modern browsers

1.1 General Settings

Default Country

Select which country should be pre-selected on the checkout page.

Dropdown with 200+ countries
Shows country name and dial code
Example: "Germany (+49)"

Auto-detect Country

Automatically detect customer's country based on store location.

✅ Enabled by default
Uses WooCommerce store settings
Can be disabled if needed

Required Field

Make phone number mandatory at checkout.

Checkbox to enable/disable
If disabled, phone is optional
Validation still applies when provided

Use Local Flags

Load flag images from local files instead of CDN.

Faster loading when enabled
No external dependencies
Better privacy compliance

Preview Section

See how the phone field will look on checkout page.

Preview Features:
Live preview of phone field
Shows selected country flag
Displays country code
Updates in real-time when country changes
Lists all plugin features

1.2 WhatsApp Settings

Configure the WhatsApp field behavior:

Enable WhatsApp Field: Show/hide WhatsApp field at checkout
Field Label: Custom text for field label
Placeholder: Hint text shown in empty field
Field Description: Help text below field

1.3 Validation Settings

Control how phone numbers are validated:

Premium Validation: Use Google libphonenumber for advanced validation
AJAX Validation: Validate as customer types
Phone Format: Enforce international format
Type Detection: Identify mobile vs landline

1.4 Fraud Detection Settings

Protect your store from fraudulent orders:

Enable Fraud Detection: Automatically detect suspicious numbers
Fraud Score Threshold: Block orders above certain risk level
Show Score: Display fraud score to customers

Replace this placeholder with an actual screenshot

How many countries does this plugin support?

It supports over 200 countries, ensuring accurate validation worldwide.

Does this plugin require any API calls?

No, all operations are local to your site, offering increased speed and privacy.

Is the WhatsApp field mandatory?

No, it is optional and can be enabled or disabled through plugin settings.

Will this affect the speed of my checkout page?

No, the plugin is designed to operate efficiently with minimal impact on page speed.

Is this plugin compatible with other WooCommerce plugins?

Yes, it integrates seamlessly with standard WooCommerce operations and payment gateways.

Can I translate this plugin into my language?

Yes, it supports translations and includes a .pot file for easy localization.

Does this plugin comply with GDPR?

Yes, it is fully GDPR compliant with no data collection or tracking.

Is there support for RTL languages?

Yes, the plugin supports right-to-left languages for global usability.

1.1 Requirements

WordPress 5.0 or higher
WooCommerce 3.0 or higher
PHP 7.2 or higher

2.2 Installation Steps

Upload Plugin:
- Go to WordPress admin
- Navigate to Plugins → Add New
- Click "Upload Plugin"
- Choose the .zip file
- Click "Install Now"
Activate Plugin:
- Click "Activate Plugin" after installation
- You'll see "Plugin activated" message
Configure Settings:
- Go to WooCommerce → Phone Country Code Pro
- Configure your preferred settings
- Click "Save Changes"
Test on Checkout:
- Visit your checkout page
- Verify phone field shows country selector
- Test WhatsApp field if enabled

1.3 Quick Start Configuration

RECOMMENDED SETTINGS: General Settings: ✅ Default Country: Your country ✅ Auto-detect Country: Enabled ☐ Required Field: Disabled (make optional) ☐ Use Local Flags: Enabled WhatsApp Settings: ✅ Enable WhatsApp Field: Enabled Label: "WhatsApp Number" Placeholder: "Enter WhatsApp number if different" Validation Settings: ✅ Premium Validation: Enabled ✅ AJAX Validation: Enabled Fraud Detection: ☐ Enable Fraud Detection: Disabled (optional)

1.4 Troubleshooting

Issue	Solution
Plugin not activating	Check WooCommerce is installed and activated first
Settings page not showing	Clear browser cache (Ctrl+Shift+R)
Phone field not on checkout	Ensure plugin is activated and WooCommerce is running
Flags not loading	Enable "Use Local Flags" in settings

1.0.0 - 06/04/2026

Initial release
Country code dropdown with 200+ countries
Real-time phone validation
WhatsApp field integration
Professional UI with animations
International phone formatting
Secure input handling and XSS protection
GDPR compliant

Support Information

For questions, issues, or feature requests:

Plugin Support: Contact Web Cloud Solutions
Documentation: This comprehensive guide
Updates: Regular updates via WordPress admin

For support, contact us via our dedicated customer service email at support@webcloud-solutions.com. We offer a 24-hour response time guarantee for all inquiries. You can also access our detailed documentation and community forums at our support portal.