The Form Masks for Elementor plugin adds a custom control in the Advanced Tab of form fields, allowing you to easily apply input masks. This plugin requires Elementor Pro (Form Widget).
Masks help users input structured data like phone numbers, dates, and more.
📽️ Watch how it works: https://www.youtube.com/watch?v=NYoykAUl4QE
Ready-to-Use Masks
- Phone:
- 0000-0000
- (000) 000-0000
- (00) 0000-0000
- (00) 0.0000-0000
- CPF (Brazilian ID): 000.000.000-00
- CNPJ (Brazilian Company ID): 00.000.000/0000-00
- Date: 00/00/0000
- Time: 00:00:00
- Date and Time: 00/00/0000 00:00:00
- Money: 000.000.000.000.000,00
- Postal Code (CEP): 00000-000
- Credit Card: 0000-0000-0000-0000
- Credit Card Expiry Date: 00/00
- Custom Masks: Create your own masks for maximum flexibility. Tailor your forms to any requirement.
- Prefix and Suffix Options: Add prefixes and suffixes to your masks for better input guidance.
- Minimum and Maximum Character Validation: Ensure inputs meet your character length requirements.
- Inputmode Control: Customize the input type for better usability across devices.
- Built-in validation: Rules to validate CPF (Brazilian ID), CNPJ (Brazilian Company ID)**.
PRO VERSION Check the PRO version here
📽️ Watch how it works: https://www.youtube.com/watch?v=XAuL43HFh8I
- Simple to set up and use.
- Increases form usability and data accuracy.
- Seamless integration with Elementor Pro.
- Regular updates with new features and improvements.
Discover other plugins to enhance your WordPress experience:: WordPress Plugins
Visit our blog for expert WordPress insights: WordPress Tips
We’d love to hear from you! plugins@eduardovillao.me
- Upload the plugin files to the WordPress
- Activate the plugin in WordPress
- Go to Widget Elementor Pro in your page
- Select the custom mask for field in advanced field tab (works only on text field)
- Go to the page for see the results (outside the Elementor editor)
- Does the plugin work without Elementor Pro?
No, the Form Masks for Elementor plugin requires Elementor Pro, as it relies on the Form Widget, which is only available in Elementor Pro. The plugin is not compatible with alternatives like Pro Elements or similar Elementor-like versions.
- Does the mask work on all field types?
The plugin supports masks only for fields of type text. This means that masks will not work on fields like textarea, number, or other custom field types.
- Can I create my own masks?
Yes, but this feature is available only in the PRO version. With the PRO version, you can define custom masks tailored to your specific needs.
= 2.3 =
* Fix: free version blocking text field in some conditions.
= 2.2 =
* New: add support to CPF (Brazilian ID) and CNPJ (Brazilian Company ID) validation on pro version.
* Changed: code improvements.
= 2.1 =
* New: support to controls from version Pro.
* Changed: code improvements.
= 2.0 =
* New: add inputmode to open keybord with input context. Ex.: input with tel mask will open numeric keybord.
* New: remove jQuery mask library to use our own custom library.
* New: support to masks on popup improved.
* Changed: minimum PHP version changed to 7.4.
* Changed: improve build proccess to assets.
= 1.6.5 =
* Changed: compatibility with WordPress 6.7.
* Changed: code improvements.
= 1.6.4 =
* Changed: compatibility with WordPress 6.5.
* Changed: code improvements.
= 1.6.3 =
* Changed: compatibility with WordPress 6.2.
= 1.6.2 =
* Changed: compatibility with WordPress 6.1.
= 1.6.1 =
* Changed: compatibility with WordPress 6.0.
= 1.6 =
* Changed: support to string translations.
* Changed: code improvements.
* Changed: plugin header requirements improved.
= 1.5.3 =
* Tweak: conflict with jQuery old versions.
= 1.5.2 =
* Tweak: add hooks to pro version new features.
* Tweak: code improvements.
= 1.5.1 =
* Tweak: mask with 9 digits improved.
* Tweak: update and minify jQuery mask lib.
= 1.5 =
* New: support for Pro version.
* Tweak: improve JS mask files.
* Tweak: improve plugin code structure.
= 1.4.2 =
* Suppor to WordPress 5.8.
= 1.4.1 =
* Fix: active mask on popup is called by link, button and others.
= 1.4 =
* Support for Elementor Popup.
= 1.3 =
* Add new mask - Credit card and Credit card date.
= 1.2 =
* Add new mask - Phone 9 digits.
= 1.1 =
* Update the mask control.
= 1.0 =
* Initial release.