WordPress.org

پښتو

Get WordPress
WordPress.org

Plugin Directory

Form Input Masks For Elementor Form

Form Input Masks For Elementor Form

By Cool Plugins
Download

Description

Form Input Masks For Elementor Form is the ultimate addon for Elementor Pro form widget that enables input masks for form text fields. This ensures users enter correctly formatted data, improving validation and user experience.

  • You can add mask on text field like phone number masking, credit card mask, date/time mask and more.
  • It requires Elementor Pro, as the Form Widget is only available in Elementor pro version.

— —————————————- —
🔗 VIEW PLUGIN DEMO & DOCS
— —————————————- —

NOTE: You can extend Elementor form widget with Cool FormKit to add more advanced fields like range slider, calculator field, rating field, signature field and conditional fields inside Elementor form.

SUPPORTED INPUT MASKS

— —————————————- —

✅ Phone Masks: It supports various phone number masking formats including USA, Brazil, and others.

  • 0000-0000
  • (000) 000-0000
  • (00) 0000-0000
  • (00) 0.0000-0000

✅ Credit Card Mask: Ensure proper formatting for credit card numbers and expiry date.

  • Credit Card Mask: 0000-0000-0000-0000
  • Credit Card Expiry Date Mask: 00/00

✅ Date & Time Masks: Maintain consistency for date and time inputs.

  • Date: 00/00/0000
  • Time: 00:00:00
  • Date and Time: 00/00/0000 00:00:00

✅ Currency Mask: Standardize input formatting for money entry.

  • Comma Separator: 00,000.00
  • Dot Separator: 00.000,00

✅ CPF, CNPJ, CEP (Brazilian Formats): Accurately capture Brazilian IDs and postal codes.

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

A PLUGIN BY COOL PLUGINS

— —————————————- —

This plugin is developed and maintained by Cool Plugins, a team of expert WordPress developers who have built 20+ free and premium WordPress plugins. Check out some of their other innovative solutions:

📝 Cool FormKit For Elementor

  • Add advanced fields like conditional logic, range sliders, calculator fields, and country code selection to Elementor forms.

🔥 Conditional Fields For Elementor Form

  • An essential addon for Elementor forms that allows you to add conditional logic to input fields, enabling fields to show/hide based on other field values.

📞 Country Code For Elementor Form Telephone Field

  • Enhances phone fields with a country code selection feature for accurate data input.

📜 Timeline Widget for Elementor

  • Use this plugin to showcase your history in a stylish vertical or horizontal timeline layout on Elementor pages.

📅 Events Widgets for Elementor

  • This plugin provides The Events Calendar widgets for Elementor, allowing you to easily display events in a grid, list, or carousel format.

🌍 Loco Translate Addon

  • Automatically translate WordPress plugin and theme strings with a single click.

🚀 More Plugins by Cool Plugins

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
— —————————————- —

Screenshots

  • Phone number input mask.
  • Date and time input mask.
  • Credit card number input mask.
  • Money mask.
  • Brazilian format masks.

Installation

Quick Installation

  1. Navigate to “wp-admin >> Plugins >> Add New” on your WordPress website, search for “Form Input Masks For Elementor by Cool Plugins”, and install and activate this plugin developed by Cool Plugins.
  2. Install “Elementor PRO” to access this plugin’s features, as the Form Widget is only available in the Elementor Pro version.
  3. Edit a page with Elementor and create a form. In the form text field, navigate to the Advanced tab, where you will find the Mask Control option. Select the mask you want to apply to the text field.
  4. Save or update the page and preview the changes.

— —————————————- —
Get Cool FormKit for Elementor
— —————————————- —

FAQ

Does this work with the free version of Elementor?

No, this plugin requires Elementor Pro, as the Form Widget is only available in the pro version. This plugin enhances the Elementor Pro Form Widget by adding an input masking feature for text fields.

How do I add an input mask to my Elementor form?

After installing and activating the plugin, edit your Elementor form, select a text field, navigate to the Advanced tab, and apply the desired mask from the available options.

Can I create a custom mask in Elementor forms?

Currently, the plugin provides predefined masks. However, we plan to introduce an option for custom input masks in future updates based on user feedback and requirements.

Which input masks are currently available in this?

At present, the plugin supports:

  • USA Phone Mask
  • Credit Card Number Mask
  • Credit Card Expiry Date Mask
  • Date and Time Masks
  • Brazilian Postal Code (CEP) Mask
  • Brazilian Company ID Masks (CPF, CNPJ)

We will continue to expand the list of supported input masks in future updates based on user suggestions and feedback.

Reviews

Mais prático plugin para Mascaras

مارچ 4, 2024
Plugin funiona bem, mas Eduardo, precisa adicionar a função que não permita o envio do formulário com quantidade abaixo de X caracteres. Ainda sofro com envio de telefones incompletos, pois não consigo travar uma quantidade mínima. Já tinha falado anteriormente. Obrigado.

It doesn’t work in popup

دسمبر 21, 2022
Stopped working in popup. :(WordPress 6.1.1Elementor Pro 3.9.1Form Masks for Elementor Pro ver.1.5.3 It doesn’t work
Read all 17 reviews

Contributors & Developers

“Form Input Masks For Elementor Form” is open source software. The following people have contributed to this plugin.

Contributors

“Form Input Masks For Elementor Form” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “Form Input Masks For Elementor Form” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

Version 2.4.0

  • Changed: Plugin Ownership changed – plugin acquired by Cool Plugins
  • Added: New dashboard.
  • Added: Feedback form for user feedback.
  • Added: Support for editor-side masking.
  • Added: Masking validation on submission.
  • Tweak: code improvements.

Version 2.3

  • Fix: Resolved an issue where the free version blocked text fields in specific conditions.
  • Improvement: Enhanced validation checks for better form submission handling.

Version 2.2

  • New: Added support for CPF (Brazilian ID) and CNPJ (Brazilian Company ID) validation in the Pro version.
  • Changed: Refactored code for better efficiency and maintainability.

Version 2.1

  • New: Introduced support for advanced input mask controls in the Pro version.
  • Changed: General code optimizations to improve plugin performance.

Version 2.0

  • New: Implemented inputmode attribute to optimize keyboard selection based on input context.
    • Example: A tel mask will trigger a numeric keyboard.
  • New: Replaced jQuery mask library with a custom-built lightweight solution.
  • New: Enhanced support for input masks within Elementor popups.
  • Changed: Increased minimum PHP version requirement to 7.4.
  • Changed: Optimized asset build process for better load times.

Version 1.6.5

  • Changed: Ensured compatibility with WordPress 6.7.
  • Changed: General code improvements and optimizations.

Version 1.6.4

  • Changed: Updated for full compatibility with WordPress 6.5.
  • Changed: Minor code enhancements for stability.

Version 1.6.3

  • Changed: Verified and updated compatibility with WordPress 6.2.

Version 1.6.2

  • Changed: Improved compatibility with WordPress 6.1.

Version 1.6.1

  • Changed: Ensured support for WordPress 6.0.

Version 1.6

  • Changed: Enhanced string translation support.
  • Changed: Improved overall code structure.
  • Changed: Refined plugin header requirements for better organization.

Version 1.5.3

  • Tweak: Resolved conflicts with older versions of jQuery.

Version 1.5.2

  • Tweak: Introduced new hooks to support additional features in the Pro version.
  • Tweak: Improved code structure for better extensibility.

Version 1.5.1

  • Tweak: Improved handling of masks with 9-digit inputs.
  • Tweak: Updated and minified JavaScript mask library for optimized performance.

Version 1.5

  • New: Introduced support for Pro version features.
  • Tweak: Optimized JavaScript mask files for faster execution.
  • Tweak: Restructured plugin code for enhanced maintainability.

Version 1.4.2

  • Changed: Verified compatibility with WordPress 5.8.

Version 1.4.1

  • Fix: Resolved an issue where active masks in popups triggered incorrectly via links, buttons, and other elements.

Version 1.4

  • New: Added support for Elementor Popup integration.

Version 1.3

  • New: Introduced new input masks:
    • Credit Card Number Mask
    • Credit Card Expiry Date Mask

Version 1.2

  • New: Added support for phone masks with 9-digit formats.

Version 1.1

  • Update: Enhanced mask control settings for better customization.

Version 1.0

  • Initial release of the plugin with core input mask functionalities.

Meta

Ratings

4.1 out of 5 stars.

Add my review

See all reviews

Support

Got something to say? Need help?

View support forum