Zu Contact

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 [zu-contact] or [zu-booking].

Features

• Lightweight JS script & CSS (only 4 KB minified and gzipped)

• Includes form blocks for the new Gutenberg WordPress block editor

• Also supports adding a contact form to any post or page using a shortcode

• Form submission via AJAX ( configurable by settings )

• Data validation on the server

• Support for required fields

• Responsive layout

• Notification of submissions to default admin or custom email addresses

• Send a carbon copy of the submitted message ( configurable by settings )

• Basic SMTP ( Simple Mail Transfer Protocol ) configuration

• Protect submissions from spam with Google reCAPTCHA ( configurable by settings )

• Automatically checks all submissions against global database of spam (with Akismet )

• Save messages to the database as comments to a post or page

• Compatible with the latest version of WordPress

Gutenberg blocks

With custom blocks for Gutenberg WordPress editor you can easily create new contact forms and customize them with great flexibility:

• You can create a form based on templates or from scratch

• Add and remove form fields

• Change the position of fields, their type and other attributes

• Change field labels, placeholders and validation error messages

• Add to verification form using Google reCAPTCHA

• Change the animation of the form loader (used during form submission)

Shortcode attributes

You can also personalize the form by adding attributes to the shortcode:

• class – Change CSS class of form: class="my-contact-form"

• form – Select one of preloaded forms: form="contact"

• subheading – Change form subheading: subheading="My Contact Form"

• ajax – Disable form submission via AJAX: ajax=false

• recaptcha – Disable Google reCAPTCHA widget: recaptcha=false

• rows – Change rows amount in textarea: rows=12

• message – Set predefined form message: message="Thanks for your hard work!"

Examples

-

With custom subheading and without reCAPTCHA:

[zu-contact subheading=”My Contact Form” recaptcha=false]

-

With custom class, without AJAX and with 8 rows in textarea:

[zu-contact class=”my-contact-form” ajax=false rows=8]