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.