Input Mask For Elementor Form Fields

설명

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

스크린샷

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

설치

  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:

FAQ

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.

후기

2025년 7월 19일
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.
2025년 4월 14일 답글 1개
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
2024년 4월 3일
Deixando meu agradecimento por esse plugin incrível, resolve de forma rápida e pratica.
2023년 2월 16일
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
모든 24 평가 읽기

기여자 & 개발자

“Input Mask For Elementor Form Fields”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Input Mask For Elementor Form Fields”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

4.2.7 – Nov 28, 2025

  • Fixed: – Setting ID mismatch causing updates to not reflect in all versions.

4.2.6 – Nov 19, 2025

  • Fixed: – form submission issue with required hidden mask field.
  • Tested up to: Elementor 3.33.1 and Elementor Pro 3.33.1.

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.