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.

marcus

Onde você deve informar no campo input uma dessas class, Exemplo:
<ol>
<li>
Faça upload dos arquivos para a pasta <code>/wp-content/plugins/</code> (mantenha a pasta original do plugin)
</li>
<li>
Ative o plugin na interface de ‘Plugins’ do WordPress
</li>
<li>
Para utilizar use as classes determinadas
</li>
</ol>
<h3>Arbitrary section</h3>
<h3>A brief Markdown Example</h3>
jQuery(‘.date’).mask(’99/99/9999′); 
 jQuery(‘.tempo’).mask(’00:00:00′); 
 jQuery(‘.date_time’).mask(’00/00/0000 00:00:00′); 
 jQuery(‘.cep’).mask(‘00000-000’); 
 jQuery(‘.phone’).mask(‘0000-0000’); 
 jQuery(‘.phone-2’).mask(‘(00) 0000-0000’); 
 jQuery(‘.phone_us’).mask(‘(000) 000-0000’); 
 jQuery(‘.mixed’).mask(‘AAA 000-S0S’); 
 jQuery(‘.cpf’).mask(‘000.000.000-00’, {reverse: true}); 
 jQuery(‘.money’).mask(‘000.000.000.000.000,00’, {reverse: true}); 
 jQuery(‘.cnpj’).mask(‘00.000.000/0000-00’, {reverse: true}); 
 jQuery(‘.wpcf7-tel’).mask(maskBehavior, options);
 Onde nesse exemplo usamos a classe wpcf7-tel que é nátiva para o formulário de contato Contact Form 7

Mask Contact Form

Onde você deve informar no campo input uma dessas class, Exemplo: Faça upload dos arquivos para a pasta /wp-content/plugins/  (mantenha a pasta orig …

Flex Forms vs Mask Contact Form