About this plugin
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:
- Install and activate the plugin.
- Open a Contact Form 7 form.
- Click the “Phone” button in the tag generator to insert a phone field.
- Open the “Phone Settings” tab, pick a country, set options.
- 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.
- 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.