=== Form Input Masks For Elementor Forms ===
Contributors: coolplugins, narinder-singh, satindersingh
Donate link: https://donate.stripe.com/5kQdR92iBevO75WbPm6c00i
Tags: mask, input masks, elementor form, elementor, elementor form builder
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Stable tag: 2.6.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Elementor tested up to: 4.0.0
Elementor Pro tested up to: 4.0.0

Add input masks to Elementor Pro or Hello Plus form fields - phone, date, time, credit card, CPF, CNPJ, CEP & more for accurate entries.

== Description ==

**Form Input Masks For Elementor Forms** is the ultimate addon for Elementor that allows you to add **[input masks](https://coolformkit.com/features/input-mask-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=top_name)** to your Elementor form fields. By applying input masks, you ensure users enter correctly formatted data, which improves form validation, reduces errors, and creates a smoother user experience.  

* With this plugin, you can add phone number masks, credit card masks, date and time masks, CPF, CNPJ, CEP (Brazilian formats), and many more custom field formats.  
* It works seamlessly with **[Elementor Pro](https://be.elementor.com/visit/?bta=210611&nci=5383)** (aff link) and **[Hello Plus](https://wordpress.org/plugins/hello-plus/)** form widgets, making it an essential addon for anyone building professional forms with Elementor.  

👉 **[View Input Masks Demo](https://coolplugins.net/add-input-masks-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=blog&utm_content=view_demos)**  
  
https://youtu.be/S6kwtxizgYM  

If you want even more advanced form functionality, you can extend your Elementor forms with **[Cool FormKit](https://coolformkit.com/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=below_video)** (aka *coolformkit*). With Cool FormKit, you can use a [Range Slider](https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video) for interactive numeric input, a [Calculator Field](https://coolformkit.com/features/calculator-for-elementor/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video) to build calculators like BMI or EMI, a [Rating Field](https://coolformkit.com/features/rating-field-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video) to collect reviews, a [Signature Field](https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video) for e-signatures, and [Conditional Fields](https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=below_video) to dynamically show or hide inputs.

---

### Supported Input Masks  

**Phone Masks:** Add phone number formats for multiple countries like USA, Brazil, and more.  

* 0000-0000  
* (000) 000-0000  
* (00) 0000-0000  
* (00) 0.0000-0000  

**Credit Card Masks:** Format credit card numbers and expiry dates with validation.  

* Credit Card: 0000-0000-0000-0000  
* Expiry Date: 00/00  

**Date & Time Masks:** Keep date and time entries consistent and error-free.  

* Date: 00/00/0000  
* Time: 00:00:00  
* Date & Time: 00/00/0000 00:00:00  

**Currency Masks:** Standardize money inputs with comma or dot separators.  

* Comma Format: 00,000.00  
* Dot Format: 00.000,00  

**Brazilian Formats (CPF, CNPJ, CEP):** Capture Brazilian IDs and postal codes.  

* CPF (ID): 000.000.000-00  
* CNPJ (Company ID): 00.000.000/0000-00  
* CEP (Postal Code): 00000-000

---

### More Addons for Elementor Forms  

Make more advanced forms inside Elementor by using these powerful Elementor form addons developed by the **Cool Plugins** team.

* **[Conditional Fields for Elementor Form](https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons)**  
 Add **conditional logic** to Elementor forms so fields can appear, hide, enable, or disable dynamically based on user input.

* **[Country Code for Elementor Form Telephone Field](https://wordpress.org/plugins/country-code-field-for-elementor-form/)**  
 Add a **country code** selector with flags to telephone fields. Combine it with input masks for even more accurate phone number validation.  

* **[Cool FormKit](https://coolformkit.com/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=elementor_form_addons)**  
 The ultimate **form builder** for Elementor Free & Pro. It not only extends Elementor Pro forms, but also provides a complete form widget for Elementor Free users. Popular features include:
  * [Conditional Logic](https://coolformkit.com/features/conditional-logic-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) for smarter workflows.  
   * [Range Slider](https://coolformkit.com/features/range-slider-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) for interactive numeric inputs.  
   * [Signature Field](https://coolformkit.com/features/signature-field-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) to collect e-signatures.  
   * [Select2 Dropdowns](https://coolformkit.com/features/select2-field-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) with search and multi-select options.  
   * [Image Radio & Checkbox Fields](https://coolformkit.com/features/image-radio-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) for better visual forms.  
   * [Rating Field](https://coolformkit.com/features/rating-field-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) to collect user reviews.  
   * [Calculator Fields](https://coolformkit.com/features/calculator-for-elementor/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) to build BMI, EMI, or interest calculators.  
   * [Cloudflare Turnstile](https://coolformkit.com/features/cloudflare-turnstile-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) for spam protection.  
   * [hCAPTCHA](https://coolformkit.com/features/hcaptcha-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons) to protect forms against spam bots.  

👉 [View All Features of Cool FormKit](https://coolformkit.com/features/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=elementor_form_addons)  

### Other Popular Elementor Addons by Cool Plugins  

Cool Plugins develops many addons that enhance Elementor and WordPress functionality. These addons integrate seamlessly with Elementor to help you build advanced websites faster, without writing custom code.  

* **[Timeline Widget for Elementor](https://cooltimeline.com/plugin/timeline-widget-pro/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons)**  
 Showcase your company history, project milestones, or events with vertical and horizontal timelines designed specifically for Elementor.  

* **[Events Widgets for Elementor](https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons)**  
 Extend The Events Calendar plugin with Elementor widgets. Display events in list, grid, or carousel layouts that match your site’s design.  

* **[AutoPoly – AI Translation for Polylang](https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons)**  
 Automatically translate Elementor pages and WordPress content with AI. Build multilingual websites faster when using Polylang.  

* **[Loop Grid Extender for Elementor Pro](https://wordpress.org/plugins/loop-grid-extender-for-elementor-pro/)**  
 Unlock advanced features inside Elementor Pro’s loop builder — add ACF repeater support and taxonomy-based filters for dynamic layouts.  

* **[LocoAI – Auto Translate for Loco Translate](https://locoaddon.com/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_addons)**  
 Instantly translate any plugin or theme strings with AI. One-click automatic translation inside the Loco Translate interface.  

**Use of 3rd Party Services:** This plugin connects to the Cool Plugins feedback server only for optional usage data sharing and voluntary feedback submission (for example, during plugin deactivation). Data is transmitted solely after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected.  For more details, please review our [Data Usage Policy](https://my.coolplugins.net/terms/usage-tracking/), [TOS](https://my.coolplugins.net/terms/), and [Privacy Policy](https://my.coolplugins.net/terms/privacy-policy/).

**DISCLAIMER:** This plugin is not affiliated with or developed by the official Elementor team. Some of the links in this content may be affiliate links, meaning we may earn a commission at no extra cost to you if you make a purchase through these links.

---

**Get [Cool FormKit for Elementor](https://coolformkit.com/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=bottom_name)**

---

== Frequently Asked Questions ==  

= How do I add an input mask to my Elementor form? =  
After installing and activating the plugin, edit your Elementor form in the Elementor editor. Select a **text field**, go to the **Advanced tab**, and choose from the available **input masks** to apply formatting like phone numbers, dates, or credit cards.  

= Can I create a custom input mask in Elementor forms? =  
Currently, the plugin provides predefined input masks for the most common field types. We plan to introduce a feature for custom masks in future updates based on community feedback.  

= Which input masks are available in this plugin? =  
This addon currently supports:

* Phone masks (USA, Brazil & more)  
* Credit card number and expiry date masks  
* Date & time masks  
* Currency masks  
* Brazilian formats (CPF, CNPJ, CEP)  

We are continuously adding more mask types based on user requests.  

= Can I use this plugin with the Hello Plus form widget? =  
Yes. This plugin works seamlessly with Elementor Pro forms as well as the Hello Plus form lite widget, so you can apply input masks even if you are not using Elementor Pro.  

= Does this plugin slow down Elementor forms or my site? =  
No. The plugin is lightweight and optimized. Scripts are only loaded on pages where an Elementor form is present, ensuring no impact on overall site speed.  

= Do you offer more advanced features for Elementor forms? =  
Yes! Upgrade to **[Cool FormKit](https://coolformkit.com/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=faqs)** (aka *coolformkit*) to unlock more advanced form fields and logic such as:  

* [Range slider](https://docs.coolplugins.net/doc/range-slider-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs) for numeric input  
* [Calculator fields](https://docs.coolplugins.net/doc/calculator-field-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs) for BMI, EMI, and loan calculators  
* [Signature field](https://docs.coolplugins.net/doc/signature-field-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs) to capture digital signatures  
* [Rating field](https://docs.coolplugins.net/doc/rating-field-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs) for user reviews  
* Advanced [conditional logic](https://docs.coolplugins.net/doc/apply-conditional-logic-on-elementor-form-fields/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs) to show/hide fields dynamically  
* Spam protection with [hCaptcha](https://docs.coolplugins.net/doc/add-hcaptcha-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs) and [Cloudflare Turnstile](https://docs.coolplugins.net/doc/add-cloudflare-turnstile-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=docs&utm_content=faqs)     

= Where can I get support if I face an issue? =  
You can open a support ticket on the [WordPress.org support forum](https://wordpress.org/support/plugin/form-masks-for-elementor/) or contact us via the [Cool FormKit support page](https://coolformkit.com/support/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=support&utm_content=faqs).  

= How can I report security bugs? =
You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team helps validate, triage and handle any security vulnerabilities. [Report a security vulnerability.](https://patchstack.com/database/vdp/717e3f85-fecb-46fa-a029-0c569b7a8410)

== Screenshots ==

1. Phone number input mask.
2. Date and time input mask.
3. Credit card number input mask.
4. Money mask.
5. Brazilian format masks.

== Installation ==

1. **Install the Plugin**
   - In your WordPress admin dashboard, go to **Plugins → Add New**.  
   - Search for *Form Input Masks for Elementor Forms* and click **Install Now**.  
   - Alternatively, you can manually install it by downloading the ZIP file, unzipping it, and uploading the folder to **/wp-content/plugins/** using FTP.  

2. **Activate the Plugin**
   - Go to **Plugins → Installed Plugins** in your WordPress dashboard.  
   - Find **Form Input Masks for Elementor Forms** and click **Activate**.  

3. **Apply Input Masks in Elementor**
   - Open any page with **Elementor Editor**.  
   - Add a **Form widget** (from Elementor Pro or Hello Plus).  
   - Select a **Text Field**, go to the **Advanced tab**, and enable the **Input Mask option**.  
   - Choose from available masks like phone number, date, time, credit card, CPF, CNPJ, CEP, and more.  

4. **Start Building Smarter Forms**
   - Input masks ensure users enter properly formatted data such as **phone numbers, dates, and credit cards**, improving form validation and user experience.  

---

### Documentation & Demos  

- [How to use Input Masks in Elementor Forms](https://docs.coolplugins.net/doc/input-masks-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=docs&utm_content=installation)  
- [Input Mask feature details](https://coolformkit.com/features/input-mask-for-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=features&utm_content=installation)  
- [Live Demo of Elementor Form Input Masks](https://coolplugins.net/add-input-masks-elementor-form/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=demo&utm_content=installation)  

== Changelog ==

= 2.6.2 - Apr 01, 2026 =
* Tested up to: Elementor 4.0.0 and Elementor Pro 4.0.0.

= 2.6.1 - Mar 03, 2026 =
* Fixed: Admin dashboard UI fixes.

= 2.6.0 - Feb 18, 2026 =
* Improved: Other plugin recommendations for Elementor users.
* Fixed: Fixed issues reported by “Plugin Check” plugin.

= 2.5.9 - Feb 06, 2026 =
- Improved: - Code improvements.
* Tested up to: Elementor 3.35.3 and Elementor Pro 3.35.0.

= 2.5.8 - Nov 28, 2025 =
- Fixed: - Setting ID mismatch causing updates to not reflect in all versions.

= 2.5.7 - Oct 16, 2025 =
- Fixed: - form submission issue with required hidden mask field.

= 2.5.6 - Sep 19, 2025 =
- Added: - Added other plugin recommendations for Pro Elements users.
- Fixed: - Conflicts with other plugins.
- Tested up to: Elementor 3.32.2 and Elementor Pro 3.32.1.

= 2.5.5 - Sep 11, 2025 =
- Fixed: - Third Party Form compatibility issue.

= 2.5.4 - Sep 10, 2025 =
- Added: - Added other plugin recommendations for Elementor users.
- Fixed: - Mask validation issue with step field form.
- Fixed: - Conflict between mask validation and reCaptcha v3.

= 2.5.3 - Aug 23, 2025 =
* Updated: New links in plugin dashboard.

= 2.5.2 - Aug 13, 2025 =
* Fixed: Security issues.  
* Updated: Dashboard links.  

= 2.5.1 - Jul 30, 2025 =
* Improved: Dashboard links for better navigation.  

= 2.5.0 - Jul 24, 2025 =
* Updated: Admin dashboard enhancements.  
* Tested up to: Elementor 3.30.3 and Elementor Pro 3.30.0.  

= 2.4.5 - May 28, 2025 =
* Fixed: Improved input validation to prevent invalid submissions.  
* Tested up to: Elementor 3.29.0 and Elementor Pro 3.29.0.  

= 2.4.4 - Apr 1, 2025 =
* Fixed: Phone mask issue with multiple forms.  
* Added: Compatibility with Pro Elements.  

= 2.4.3 - Mar 18, 2025 =
* Tested up to: Elementor 3.28.0 and Elementor Pro 3.28.0.  

= 2.4.2 - Mar 13, 2025 =
* Fixed: CPF mask issue.  
* Fixed: Form submission error.  

= 2.4.1 - Mar 5, 2025 =
* Tweak: Minor code and text changes.  

= 2.4.0 - Feb 20, 2025 =
* Changed: Plugin ownership transferred to [Cool Plugins](https://coolplugins.net/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=author&utm_content=changelog).  
* Added: New dashboard for easier management.  
* Added: Feedback form inside dashboard.  
* Added: Support for editor-side input masking.  
* Added: Masking validation during form submission.  
* Improved: Code structure and performance.  

= 2.3 - Dec 17, 2024 =
* Fixed: Issue where text fields were blocked in free version under specific conditions.  
* Improved: Validation checks for better submission handling.  

= 2.2 - Oct 25, 2024 =
* Added: Support for CPF (Brazilian ID) and CNPJ (Brazilian Company ID) validation in Pro version.  
* Changed: Refactored code for efficiency and maintainability.  

= 2.1 - Aug 7, 2024 =
* Added: Advanced input mask controls in Pro version.  
* Improved: General code optimization for performance.  

= 2.0 - May 15, 2024 =
* Added: `inputmode` attribute for optimized mobile keyboard selection.  
* Added: Custom lightweight mask library (replacing jQuery mask).  
* Added: Support for Elementor popup integration.  
* Changed: Minimum PHP version updated to 7.4.  
* Improved: Asset build process for faster load times.  

= 1.6.5 - Feb 20, 2024 =
* Updated: Verified compatibility with WordPress 6.7.  
* Improved: General code enhancements.  

= 1.6.4 - Jan 10, 2024 =
* Updated: Full compatibility with WordPress 6.5.  
* Improved: Stability updates.  

= 1.6.3 - Nov 15, 2023 =
* Updated: Compatibility with WordPress 6.2.  

= 1.6.2 - Sep 3, 2023 =
* Improved: Compatibility with WordPress 6.1.  

= 1.6.1 - Jul 5, 2023 =
* Updated: Support for WordPress 6.0.  

= 1.6 - May 12, 2023 =
* Improved: String translation support.  
* Improved: Overall code structure.  
* Updated: Plugin header requirements.  

= 1.5.3 - Feb 20, 2023 =
* Fixed: Resolved conflicts with older jQuery versions.  

= 1.5.2 - Dec 17, 2022 =
* Added: New hooks to support Pro version features.  
* Improved: Code extensibility.  

= 1.5.1 - Sep 21, 2022 =
* Fixed: Handling of 9-digit input masks.  
* Updated: Minified JavaScript mask library for performance.  

= 1.5 - Jul 15, 2022 =
* Added: Initial Pro version feature support.  
* Improved: Optimized JavaScript mask execution.  
* Improved: Code restructured for maintainability.  

= 1.4.2 - Mar 30, 2022 =
* Updated: Compatibility with WordPress 5.8.  

= 1.4.1 - Feb 20, 2022 =
* Fixed: Mask issue triggered in Elementor popups via links or buttons.  

= 1.4 - Jan 15, 2022 =
* Added: Elementor popup mask support.  

= 1.3 - Nov 18, 2021 =
* Added: Credit Card Number mask.  
* Added: Credit Card Expiry Date mask.  

= 1.2 - Sep 15, 2021 =
* Added: Support for 9-digit phone masks.  

= 1.1 - Aug 7, 2021 =
* Updated: Improved mask control settings.  

= 1.0 - Jun 20, 2021 =
* Initial release with core input mask functionalities.

== Upgrade Notice ==

= 2.4.0 =
Plugin ownership has been transferred to [Cool Plugins](https://coolplugins.net/?utm_source=fim_plugin&utm_medium=readme&utm_campaign=author&utm_content=upgrade_notice). This major update improves overall code quality and introduces a new dashboard.