Input Mask For Elementor Form Fields

Kuvaus

Input Mask For Elementor Form Fields is an Elementor addon that helps to add input masks on Elementor form fields. It helps you control how users enter data into form fields, ensuring properly formatted entries for phone numbers, credit cards, dates, Brazilian IDs, and more.

Originally developed by Rodrigo Bogdanowicz, this plugin is now actively maintained and supported by the Cool Plugins team, who continue to add new features, bug fixes, and compatibility updates.

This plugin works with Elementor Pro and the Hello Plus form widget. Simply edit your Elementor form, select a text field, and apply the desired mask.

👉 Check Live Demo

Need more advanced Elementor form fields? Extend your forms with Cool FormKit (aka coolformkit). With Cool FormKit, you can add:

Supported Input Masks

Phone Masks: Add common phone number formats such as USA, Brazil, and more.

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

Credit Card Masks: Format card numbers and expiry dates.

  • Card: 0000-0000-0000-0000
  • Expiry: 00/00

Date & Time Masks: Keep date and time inputs consistent.

  • Date: 00/00/0000
  • Time: 00:00:00
  • Date & Time: 00/00/0000 00:00:00

Currency Masks: Enforce correct money formats.

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

Brazilian Formats (CPF, CNPJ, CEP): Capture accurate Brazilian IDs.

  • CPF: 000.000.000-00
  • CNPJ: 00.000.000/0000-00
  • CEP: 00000-000

More Addons for Elementor Forms

Other Popular Elementor Addons by Cool Plugins

Disclaimer: This plugin is not affiliated with or endorsed by the official Elementor team. Some links provided may be affiliate links, which means we could earn a small commission at no additional cost to you if you make a purchase.

👉 Get Cool FormKit – Advanced Elementor Form Builder

Kuvankaappaukset

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

Asennus

  1. Go to Plugins Add New in your WordPress dashboard.
  2. Search for Input Mask For Elementor Form Fields and click Install Now.
  3. Or manually upload the plugin to /wp-content/plugins/ via FTP.
  4. Activate the plugin.
  5. Edit a form with Elementor, select a text field, and apply an input mask from the options.

Docs & Guides:

UKK

How do I apply input masks in Elementor?

Install and activate the plugin, edit your Elementor form, select a text field, go to the Advanced tab, and choose your mask (phone, date, credit card, etc.).

Can I use it with Hello Plus forms?

Yes. This plugin works with both Elementor Pro and Hello Plus form widgets.

Does this plugin support Brazilian formats?

Yes, the plugin supports Brazilian input masks including CPF, CNPJ, and CEP fields.

Who created this plugin?

This plugin was originally developed by Rodrigo Bogdanowicz. Since version 4.0.0, it is maintained and updated by the Cool Plugins team.

Do you offer more advanced features for Elementor forms?

Yes! Upgrade to Cool FormKit (aka coolformkit) to unlock more advanced Elementor form fields and logic, such as:

Where can I get support if I face an issue?

You can open a support ticket on the WordPress.org support forum or contact us directly via the Cool FormKit support page.

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.

Arvostelut

19.7.2025
Campo CNPJ não funciona e Campo de telefone aceita somente com 8 dígitos ou 9 dígitos.Tu tem que colocar 2 campos formulário telefone e celular.
14.4.2025 1 reply
Conseguiram estragar o plugin que funcionava bem. A máscara de 8 ou 9 dígitos para telefone antes era automático, agora preciso escolher entre 8 ou 9 dígitos, ou seja, colocar um campo para telefones com 8 dígitos e um campo para telefones com 9 dígitos
3.4.2024
Deixando meu agradecimento por esse plugin incrível, resolve de forma rápida e pratica.
16.2.2023
Tive um problema com o placeholder e com a ajuda do próprio Rodrigo resolvemos colocando em ”advanced” manualmente e pela descrição adicionando o CSS/ID, ótimo profissional
Lue kaikki 24 arvostelua.

Avustajat & Kehittäjät

“Input Mask For Elementor Form Fields” perustuu avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet tämän lisäosan kehittämiseen.

Avustajat

Käännä “Input Mask For Elementor Form Fields” omalle kielellesi.

Oletko kiinnostunut kehitystyöstä?

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

Muutosloki

4.2.5 – 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.

4.2.4 – Sep 11, 2025

  • Fixed: Third Party Form compatibility issue.
  • Removed: Unused code.

4.2.3 – 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.

4.2.2 – Aug 21, 2025

  • Fixed: Security issues.
  • Updated: Dashboard links.

4.2.1 – Jul 30, 2025

  • Improved: Dashboard links.

4.2.0 – Jul 24, 2025

  • Updated: Admin dashboard enhancements.
  • Tested up to: Elementor 3.30.3 and Elementor Pro 3.30.0.

4.1.2 – Mar 19, 2025

  • Tested up to: Elementor 3.28.0 and Elementor Pro 3.28.0.

4.1.1 – Mar 13, 2025

  • Added: Translation support for plugin strings.
  • Fixed: CPF mask issue.
  • Fixed: Form submission issue.

4.1.0 – Mar 12, 2025

  • Added: Compatibility with Pro Elements and other form plugins.

4.0.0 – Mar 11, 2025

  • Changed: Plugin now maintained by Cool Plugins.
  • Added: Masking support inside text fields.
  • Deprecated: Field-based masking.

3.0

  • Correções:
    • Corrigido o erro das máscaras que não estavam funcionando em modal/popup.
    • A máscara Data e Hora não estava funcionando corretamente.
  • Melhorias:
    • Agora você pode preencher o campo com a máscara através do teclado numérico no celular/tablet ao invés do teclado alfanumérico.
  • Removido:
    • Máscaras de nome de usuário e placas de identificação de veículos.
  • Observações:
    • As máscaras foram removidas do seletor de campos no widget do Elementor Form, mas podem ser utilizadas manualmente via ID/Class. Confira o site demo.

2.3

  • Compatibilidade:
    • Agora você pode aplicar as máscaras em qualquer plugin de formulário que tenha opção para inserir classes e IDs personalizadas.

2.2

  • Melhoria:
    • Nome de usuário, número e validade de cartões.

2.1

  • Melhoria:
    • Nova máscara para placas de identificação de veículos, com o novo padrão Mercosul.

2.0

  • Melhoria:
    • Versão aprimorada com opção para selecionar a máscara diretamente no widget do Elementor Form.

1.0

  • Initial release by Rodrigo Bogdanowicz.