How to setup Advanced Country Code

The advanced country code feature allows you to automatically correct your customer numbers according to their country code so that your website can send messages correctly.

4 min read·Updated May 12, 2026
How to setup Advanced Country Code

The advanced country code feature allows you to automatically correct your customer numbers according to their country code so that your website can send messages correctly.


You can use this feature with Wawp services and any external messaging service:

  • Works with any SMS delivery plugins.
  • Compatible with all native phone number inputs on your WordPress site.
  • Rich global support including real country flags, symbols, and dial keys.
  • Integrated real-time carrier lookup and WhatsApp presence validation (Learn more about Programmatic WhatsApp Checking via Wawp API).

Country Code Dropdown

Through this list, you can enable and disable specific countries you need to accept for autocorrection processes. Selected countries dynamically define your active phone number input support coverage.

Country Code List
International Country Code Dropdown

Interface for selecting and enabling specific country flags for the advanced phone input field.

Keywords: country flags wordpress, international dialing codes, phone dropdown menu

Default Country Code

This feature defines a fallback fallback logic. If your business focuses heavily on a single primary country, setting a default populates the field instantly without requiring client IP detection overhead every time visitors focus fields. Also used if the visitor resides in an unregistered geo-zone or blocks lookup.

Default Country Definition
Default Country Code Setup

Setting a primary fallback country code to streamline the checkout experience for local users.

Keywords: default country code, pre-filled phone field, conversion optimization

Enable IP Detection

When activated, Wawp attempts to resolve the user’s geographic location via their current network IP. This smartly pre-selects appropriate country code dropdown flags instantly, boosting frontend submission UX.

IP Recognition Settings
Automatic IP Geolocation

Configuration for identifying a visitor's country via IP address to automatically select the correct phone flag.

Keywords: ip detection wordpress, geo-location phone field, automatic country selection

Enable Carrier Lookup

This lookup check tests networks like Vodafone, AT&T, T-Mobile etc. Providing clear verification statuses displays a layer of quality assurance and polish directly to frontend visitors.

Carrier Lookup Feature
Mobile Carrier Lookup

Real-time detection of the mobile network provider for a given phone number (e.g., Vodafone, AT&T).

Keywords: carrier lookup api, mobile network identification, phone number verification

Enable WhatsApp Check

A cornerstone experience mechanism designed specifically to prompt whether the number provided successfully resolves to a Live WhatsApp backend endpoint ready for receiving your platform notifications.

WhatsApp Presence Checks
WhatsApp Account Verification

Visual indicator showing whether a phone number is currently active and registered on WhatsApp.

Keywords: whatsapp account check, verify phone numbers, whatsapp presence api

Phone Fields

This settings zone empowers the core automation handler. Wawp listens to and manipulates input elements dynamically based purely on specific target Selector ID handles. Common use-case standard ids:

ID ContextUse Case / Target
#billing-phoneModern WooCommerce Block/Gutenberg React fields
#billing_phoneClassic Legacy WooCommerce Checkout
#awp_whatsappStandard Wawp User Login Layouts
#awp_phoneGlobal Wawp Signup/Register Screens

How to get a target Input ID

1
Open Inspector Right-click on the target field in your browser front-end and choose "Inspect Element". (See MDN's guide on using the Inspector).
2
Locate Tag Attributes Locate the HTML element tag source code block.
3
Copy ID Property Identify id="example-id". Copy example-id and paste it with the hash symbol (#) into your Wawp control dashboard mappings list.

Example Source structure:

<input type="tel" id="awp-connect-phone-number" placeholder="e.g., 447441429009">
Identify Browser HTML Inputs
Identifying Selector IDs

Tutorial on using browser developer tools to find the correct CSS selector ID for phone field integration.

Keywords: find css selector, inspect element tutorial, wordpress field id

You can always toggle specific target ids off later by using the Enabled / Disabled toggle buttons beside individual selectors without fully purging them from history.


Real-Time Client Experience

Here is a preview representation of live feedback loops a shopper experiences within frontend fields:

1. Fully Valid WhatsApp Record:

Valid WhatsApp Profile
Success Message - Valid WhatsApp

UI preview showing a successful WhatsApp account validation for a correctly formatted number.

Keywords: valid whatsapp notification, user feedback, successful verification

2. Phone valid but NOT active on WhatsApp:

Valid Mobile No WhatsApp
Alert Message - No WhatsApp

UI preview showing a number that is valid but does not have a registered WhatsApp account.

Keywords: non-whatsapp number alert, phone validation, customer feedback

3. Syntactically Invalid Structure:

Invalid Digit Count Error
Error Message - Invalid Format

UI preview showing an error for a phone number with an incorrect digit count or invalid structure.

Keywords: invalid phone format, error handling, input validation
Share this article:

Did this page help you?
99% found this article helpful (248 likes)