Flex Fields

Flex Forms is a modular and flexible form builder plugin for WordPress, designed to be lightweight yet feature-rich. It allows you to quickly build forms with various field types, manage submissions, and integrate with your theme and workflow easily.
Key Features:
<ul>
<li>Easy form creation via WordPress admin</li>
<li>Drag-and-drop field ordering</li>
<li>Email notifications on submission</li>
<li>Submission storage in database</li>
<li>Google reCAPTCHA v2/v3 support</li>
<li>Custom shortcode per form</li>
<li>SMTP email sending support with test email</li>
<li>Force “From” email override (site-wide)</li>
<li>Full integration with <a href="https://flex-fields.com/" rel="nofollow ugc">Flex Fields</a></li>
<li>Developer-friendly hooks and filters</li>
</ul>
<h3>External Services</h3>
Flex Forms may interact with third-party services depending on your configuration:
<h3>Email Sending</h3>
Flex Forms supports custom SMTP configuration for reliable email delivery.
<ul>
<li>What data is sent: Form submission content (user input).</li>
<li>When data is sent: When a user submits a form or when a notification is triggered.</li>
<li>Where data is sent: To the configured email recipient(s) via your selected email service provider.</li>
<li>Privacy & Terms: Email service providers’ policies apply (e.g., SendGrid, Mailgun, custom SMTP).
<ul>
<li>Example terms:</li>
<li>SendGrid: https://sendgrid.com/policies/tos/</li>
<li>Mailgun: https://www.mailgun.com/legal/</li>
</ul>
</li>
</ul>
<h3>Google reCAPTCHA</h3>
Used to prevent spam form submissions.
<ul>
<li>What the service is and what it is used for: 
Verifies that a user is human when submitting a form.</li>
<li>What data is sent and when: 
The user’s IP address and browser information are sent to Google when the user interacts with a reCAPTCHA-enabled form.</li>
<li>Where data is sent: 
Google servers.</li>
<li>Privacy & Terms:
<ul>
<li>https://policies.google.com/terms</li>
<li>https://policies.google.com/privacy</li>
</ul>
</li>
</ul>

Flex Forms

A lightweight yet powerful form builder with database storage, email alerts, reCAPTCHA, SMTP configuration, and deep Flex Fields integration.

Petermann

Add a class in the form field.
Example of use with <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a>:
<pre><code>[tel your-phone class:phone placeholder "Phone"]
</code></pre>
Listing of classes available for use.
<pre><code>('span.start, input.start').mff_mask('00/0000');
('span.date, input.date').mff_mask('00/00/0000');
('span.time, input.time').mff_mask('00:00:00');
('span.time2, input.time2').mff_mask('00:00');
('input.date_time').mff_mask('00/00/0000 00:00:00');
('input.date_time2').mff_mask('00/00/0000 00:00');
('input.cep').mff_mask('00000-000', { clearIfNotMatch: true });
('input.zip').mff_mask('00000');
('input.phone, input[name="phonebr"]').mff_mask(PhoneMaskBehavior, nonoOptions);
('input.phone_us').mff_mask('(000) 000-0000');
('input.taxid').mff_mask('00-0000000');
('input.ssn').mff_mask('000-00-0000');
('input.mixed').mff_mask('AAA 000-S0S');
('input.cpf').mff_mask('000.000.000-00', { reverse: true, clearIfNotMatch: true });
('input.cnpj').mff_mask('00.000.000/0000-00', { reverse: true, clearIfNotMatch: true });
('input.money').mff_mask('000.000.000.000.000,00', { reverse: true });
('input.money2').mff_mask('#.##0,00', { reverse: true });
('input.money3').mff_mask('#,##0.00', { reverse: true });
('input.money4').mff_mask('000,000,000,000,000.00', { reverse: true });
('input.money5').mff_mask('#.##0', { reverse: true });
('input.money6').mff_mask('#,##0', { reverse: true });
('input.ip_address').mff_mask('099.099.099.099');
('input.percent').mff_mask('##0,00%', { reverse: true });
('input.percent2').mff_mask('##0.00%', { reverse: true });
('input.percent3').mff_mask('990,0%', { reverse: true });
('input.percent4').mff_mask('990.0%', { reverse: true });
('input.percent5').mff_mask('#,##0%', { reverse: true });
('input.percent6').mff_mask('#.##0%', { reverse: true });
</code></pre>
<a href="https://gist.github.com/petermann/fd1a898e02ca91a0d7231a9f8ee662b4" rel="nofollow ugc">Click here</a> for more details on how to add custom mask.
Optional 
– Added option for the format of the Brazilian phone number, with attribute <code>name</code> equal to <code>phonebr</code>.
<h3>Credits</h3>
<a href="https://github.com/igorescobar/jQuery-Mask-Plugin" rel="nofollow ugc">jQuery Mask Plugin</a>

Masks Form Fields

A plugin to add masks in the form’s fields.

Flex Forms vs Masks Form Fields