Dmitry

The plugin allows you to add a feedback form or booking form to the page. The data is sent to the server via AJAX (this can be disabled using the settings and the form will be submitted as usual, with a page reload… but why do you need it?). You can flexibly personalize the form and its fields.
The form is added to a page using the Gutenberg Custom Blocks – with these blocks, the possibilities for customizing your form are greatly increased.
You can also add a form to a page using the shortcode <code>[zu-contact]</code> or <code>[zu-booking]</code>.
<h3>Features</h3>
<ul>
<li>Lightweight <code>JS script</code> & <code>CSS</code> (only 4 KB minified and gzipped)</li>
<li>Includes form blocks for the new Gutenberg WordPress block editor</li>
<li>Also supports adding a contact form to any post or page using a shortcode</li>
<li>Form submission via AJAX (configurable by settings)</li>
<li>Data validation on the server</li>
<li>Support for required fields</li>
<li>Responsive layout</li>
<li>Notification of submissions to default admin or custom email addresses</li>
<li>Send a <code>carbon copy</code> of the submitted message (configurable by settings)</li>
<li>Basic <code>SMTP</code> (Simple Mail Transfer Protocol) configuration</li>
<li>Protect submissions from spam with Google <code>reCAPTCHA</code> (configurable by settings)</li>
<li>Automatically checks all submissions against global database of spam (with <a href="https://wordpress.org/plugins/akismet/" rel="ugc">Akismet</a>)</li>
<li>Save messages to the database as comments to a post or page</li>
<li>Compatible with the latest version of WordPress</li>
</ul>
<h3>Gutenberg blocks</h3>
With custom blocks for Gutenberg WordPress editor you can easily create new contact forms and customize them with great flexibility:
<ul>
<li>You can create a form based on templates or from scratch</li>
<li>Add and remove form fields</li>
<li>Change the position of fields, their type and other attributes</li>
<li>Change field labels, placeholders and validation error messages</li>
<li>Add to verification form using Google <code>reCAPTCHA</code></li>
<li>Change the animation of the form loader (used during form submission)</li>
</ul>
<h3>Shortcode attributes</h3>
You can also personalize the form by adding attributes to the shortcode:
<ul>
<li>class – Change CSS class of form: <code>class="my-contact-form"</code></li>
<li>form – Select one of preloaded forms: <code>form="contact"</code></li>
<li>subheading – Change form subheading: <code>subheading="My Contact Form"</code></li>
<li>ajax – Disable form submission via AJAX: <code>ajax=false</code></li>
<li>recaptcha – Disable Google reCAPTCHA widget: <code>recaptcha=false</code></li>
<li>rows – Change rows amount in textarea: <code>rows=12</code></li>
<li>message – Set predefined form message: <code>message="Thanks for your hard work!"</code></li>
</ul>
<h4>Examples</h4>
<ul>
<li>
With custom subheading and without reCAPTCHA:
[zu-contact subheading=”My Contact Form” recaptcha=false]
</li>
<li>
With custom class, without AJAX and with 8 rows in textarea:
[zu-contact class=”my-contact-form” ajax=false rows=8]
</li>
</ul>

Zu Contact

Simple but smart and modern Ajax contact form. With Form Blocks and Gutenberg based settings page.

SARANGSoft

A flexible and super-easy Web Form plug-in for WordPress to create Contact form – or any kind of form – for web sites / apps and send the form data via email using AWS SES, Twillio SendGrid, or your own SMTP server / service.
Create web forms for – 
1. Contact Us 
2. Feedback 
3. Technical / Product Support Query 
4. Customer Complaint 
5. General Inquiry 
or whatever form you can think of.
<ul>
<li>
Simple UI to interactively design forms — no code to define any field or its behavior.
</li>
<li>
Select data types for fields from the most commonly used pre-defined set.
</li>
<li>
Supported data types: Single-line Text, Multi-line Text, Dropdown List, Multi-select Dropdown with Checkbox, Radio Buttons, Checkbox, Date, Note, CAPTCHA, reCAPTCHA.
</li>
<li>
Set custom help/hint and validation error messages to show for each field.
</li>
<li>
Specify prompt for each single-line and multi-line text field.
</li>
<li>
Place fields anywhere within the form as needed.
</li>
<li>
Set or edit the size (width) and position of fields within a row or across rows.
</li>
<li>
Add one or more field(s) in one row.
</li>
<li>
Edit all the details — type, messages, size, location — for any field at any time.
</li>
<li>
Delete a field or an entire row of field(s), and create a new one, if needed.
</li>
<li>
Customize the auto-generated default HTML and CSS as per your choice (e.g., to match the web site / page).
</li>
<li>
Receive auto-generated email with form data via your own SMTP server / service or AWS SES or Twilio SendGrid — set up step-by-step using interactive UI, no coding needed.
</li>
<li>
Completely clean code, with no script embedded.
</li>
</ul>
<h3>FEATURES</h3>
<ol>
<li>
Create and manage any number of forms using the plug-in.
</li>
<li>
Use the same form or different forms for different web pages.
</li>
<li>
Use custom email id[s] (not necessarily admin email only) as From (sender) and To (recipient) address for the form.
</li>
<li>
Interactively create form from WP administrator backend — add, remove, edit field values / options, place anywhere within form.
</li>
<li>
Use Google reCAPTCHA (or normal CAPTCHA) to resist automated spam submissions.
</li>
<li>
View the form in the right pane when it is being created; modify as needed and see that too.
</li>
<li>
Use any one of five ready-made themes to display form in the frontend, or customize the selected theme as needed.
</li>
<li>
Use default theme, so that the form uses site’s theme for which it has been created.
</li>
<li>
Send form data via auto-generated email using your SMTP server / service (easy), or AWS SES (API Signature v4) or Twillio SendGrid for better deliverability.
</li>
</ol>
<h3>HOW TO DISPLAY THE FORM TO THE USER (frontend)</h3>
<ul>
<li>
Copy the ‘Shortcode’ for the form from plug-in’s admin backend.
</li>
<li>
Use WordPress function ‘do_shortcode()’ with the above Shortcode in the PHP file for the required web page.
</li>
</ul>
NOTE: You can use the same ‘Shortcode’ in multiple web pages.
<h3>PRIVACY POLICY</h3>
As per the arrangement of the WIMPLE Web Form Plug-in, the site Admin needs to specify the following data.
<ol>
<li>
Email settings for sending the auto-generated email with the form data from specified sender email id to recipient email id. There are three supported options, for each of which the Admin needs to provide the following information.
<ul>
<li>AWS-SES: Admin needs to provide:
<ul>
<li>AWS Endpoint</li>
<li>AWS account ‘Access Key’</li>
<li>AWS account ‘Secret Access Key’</li>
</ul>
</li>
<li>SMTP server other than AWS-SES: Admin needs to provide:
<ul>
<li>SMTP Server Address</li>
<li>SMTP Server Port</li>
<li>Username</li>
<li>Password</li>
</ul>
</li>
<li>SendGrid API: Admin needs to provide:
<ul>
<li>SendGrid API Key</li>
</ul>
</li>
</ul>
</li>
<li>
Google reCAPTCHA setup to deter robot systems trying to make automated submissions. The Admin needs to provide the following information.
<ul>
<li>Google Site Key</li>
<li>Google Secret Key</li>
</ul>
</li>
</ol>
NOTE: These are put in the code (wp-config.php) and stored on the server, where the plug-in is installed. These are used only to capture data from valid submissions and send emails with the captured form data. SARANGSoft does NOT get / have any access to these information.
The auto-generated emails with the form data from WIMPLE Web Form Plug-in via AWS SES (Simple Email Service) are sent using Signature version 4 for better security and deliverability.
<h3>FREQUENTLY ASKED QUESTIONS (FAQ)</h3>
<ol>
<li>
How to Display the form to the user (in frontend)? 
a) Copy the ‘Shortcode’ for the form from plug-in’s admin backend. 
b) Use WordPress function ‘do_shortcode()’ with the above Shortcode in the PHP file for the required web page.
</li>
<li>
Can we use the same form in more than one page in user end (frontend)? 
Yes, you can use the same form (‘Shortcode’) in multiple web pages.
</li>
<li>
What theme is used by the plug-in? 
There are five (5) built-in themes (color-oriented) with this plug-in. Select any one of those as per your needs, and then customize the CSS for selected theme as you see fit to suit your web site / page.
</li>
</ol>

WIMPLE Contact Form

A flexible Web Form plug-in for WordPress to create Contact or any kind of forms for web sites and apps.

Zu Contact vs WIMPLE Contact Form