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]