DigitalMakers Phone Mask with Flags for Contact Form 7

DigitalMakers Phone Mask with Flags for Contact Form 7 adds a phone field to Contact Form 7. You pick a country in the form settings, and the field gets the right mask, placeholder, and validation pattern.

What you get:

• Phone field with input mask (e.g. +38 (0__) _–-__)
• 130+ country masks and validation patterns
• Country flag next to the input (can be turned off)
• Client-side validation as the user types
• Server-side validation on submit
• Two display modes: plugin styles or your theme's styles
• Per-form validation messages (CF7 Messages tab)
• Adjustable field size
• Default settings applied to new forms
• No external requests — all assets are local
• 20+ translations included

How it works:

1. Install and activate the plugin.
2. Open a Contact Form 7 form.
3. Click the "Phone" button in the tag generator to insert a phone field.
4. Open the "Phone Settings" tab, pick a country, set options.
5. Don't forget to fill in the "Message for incomplete phone number" and "Confirmation hint when phone number is complete" fields in the "Messages" tab.
6. Save.

Supported countries:

130+ countries — United States, United Kingdom, Germany, France, Spain, Italy, Ukraine, Poland, Japan, Australia, Brazil, India, Canada and others.

Premium version:

If you need country switching on the frontend, dropdown search and extra themes, see CF7 Phone Mask DM Premium.

Third Party Libraries

The plugin bundles one third-party JS library:

• IMask.js — used for the input mask on the frontend.
  • Source: https://github.com/uNmAnNeR/imaskjs
  • License: MIT (Copyright (c) 2016 uNmAnNeR)
  • License file: assets/vendor/imask/LICENSE

It ships inside the plugin and is loaded with wp_enqueue_script(). No CDN calls.