Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

DigitalMakers Phone Mask With Flags For Contact Form 7 Wordpress Plugin - Rating, Reviews, Demo & Download

DigitalMakers Phone Mask With Flags For Contact Form 7 Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

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.

Screenshots

  1. Phone field on the frontend with country flag and mask with Validation messages — incomplete states.

    Phone field on the frontend with country flag and mask with Validation messages — incomplete states.

  2. Phone field on the frontend with country flag and mask with phone Validation messages — complete states.

    Phone field on the frontend with country flag and mask with phone Validation messages — complete states.

  3. Phone Settings tab in the CF7 form editor.

    Phone Settings tab in the CF7 form editor.

  4. CF7 form builder with Phone field with it.

    CF7 form builder with Phone field with it.

  5. Setting page with default settings for future forms.

    Setting page with default settings for future forms.

  6. Setting page with Uninstall settings.

    Setting page with Uninstall settings.


Reviews & Comments