The Form block allows you to not only create custom forms, but style them however you want! With the Form block, you can add unlimited custom fields, and it also includes Google ReCaptcha support!
Alert: The Kadence Form Block is being sunset. The Classic Form Block is no longer available in the block inserter. For all new projects, please use the Advanced Form Block. This has been in effect for Kadence Blocks v3.5.32 and up.
In order for Form Submissions to properly deliver, ensure your SMTP configuration is properly set up and working. Learn more below.
To get started, add a new block to your page and select the Form Block.
Then, use the Block Settings to modify the form.
Settings and Styling
Create as many custom fields as you would like. You can duplicate rows, adjust the size of the columns, choose whether or not they are a required field, etc.
Adjust your field settings, including input background color, border settings, font styles, button settings, field row gap, and more!
Message Settings
The Message Settings allow you to customize the messages shown on your form when it successfully submits or if something goes wrong.
Success Message: allows you to set the message for when the form is successfully submitted.
Pre Submit Form Validation Error Message: Error message that shows when a required field is empty or other validation errors occur. This appears before the form is submitted.
Error Message: The error message is displayed whenever the form submission fails.
Each message option will have its own color options for the message text, background, and border.
Advanced Message Font Settings options will let you change your Font Family, Font Weight, Letter Spacing, and spacing (Padding and Margin).
Actions After Submit
You can adjust your Actions After Submit settings within the Form Block settings. Choose if you want to receive an email after, whether or not you want the user redirected after submission, whether or not you want to incorporate an auto-response email, and if you want to integrate with Mailerlite or FluentCRM. Check out Kadence Blocks Pro if you want Kit (ConvertKit), ActiveCampaign, Database Entry, Brevo, MailChimp, or Webhook integrations.
You can click here to see all of the available Kadence Form Integrations.
As each option is selected, you will see a tab that allows you to customize each action after submission.
Email Settings
Email Settings appear if you choose an Email action after submitting, and lets you add the address that receives the email when a form is submitted. You can also set the subject line, the “from” email, and the “from” name. you can choose to reply to the email field or the from field. You can also set Cc and Bcc addresses. There is also an option to send HTML or a plain text email.
Redirect Settings
You can set a link that the form redirects the user to after they submit the form. You must enable the Redirect action after submitting to see this setting.
Auto Response Settings (Pro Addon)
Auto Response Settings are similar to Email Settings. You can add an email subject and message. Also, there are fields to set the “from” email address and name, a “reply to” address, and Cc and Bcc addresses, and enable an HTML message. There is also an option to override the “email to” address.
Using Dynamic Placeholders
The Form Block enables you to incorporate dynamic placeholders to populate certain settings based on the input values submitted through the form. These placeholders are particularly useful for actions such as “Auto Respond” and “Email.”
To utilize this feature, use the {field_#} dynamic placeholder format, where # corresponds to the position of the field in your contact form. For instance, if “Subject” is the third field (following “Name” and “Email”), its placeholder would be {field_3}.
Note: The numbering of placeholders is determined by the sequence of fields you’ve added to the form.
Additional Dynamic Placeholders
In addition to the above dynamic placeholders, some fields also have a few specialized placeholders. The fields and placeholders include:
- Email Subject: {page_title}
- Hidden Field: {page_title}, {page_url}, {remoteip}
Entry Settings (Pro Addon)
If you check the Database Entry action after submitting, Entry Settings let you set the form name as well as if the entry will save the user IP address and device. The entries are in the admin dashboard under Kadence Blocks > Form Entries.
Spam Prevention
The form block includes native support for Google reCAPTCHA versions 2 and 3. Basic honeypot checks can also be enabled to ensure you’re not getting spam submissions. (Learn about setting up Google reCAPTCHA here.)
Honeypots can help with spam prevention, but in rare cases, they can also lead to false flags. Keep this in mind when enabling this feature.
SMTP Configuration
For Kadence Form emails to be delivered successfully, your WordPress website must have a properly configured SMTP setup. While WordPress can handle basic emails (such as administrator notifications), it is not reliable for sending advanced or custom emails, including those generated by form submissions.
When a Kadence Form is submitted successfully, the form data is passed directly to WordPress for email delivery. If SMTP is not configured or if it is configured incorrectly, WordPress will be unable to send the email, and the message will not be delivered.
There are many plugins that help set up and configure SMTP on your WordPress website. Consider using a plugin like Solid Mail (Recommended) or WP Mail SMTP to ensure reliable email delivery from your website.
Optional Background
You can use the Kadence Row Layout Block to add a background to your form. Create a row with a full-width background image, then drag your contact form into a column within the row. Then you can set a background color for the column and adjust the opacity as desired.
Converting Forms to Advanced Forms (Recommended)
The Classic Form Block has been sunset. While existing Form Blocks on your site will continue to function, the block is no longer available to be added as a new element.
It is highly recommended to convert your legacy forms to the Advanced Form Block. This is the modern, stable standard for Kadence Blocks and will receive all future feature updates and security patches.
How to Convert to Advanced Forms
You can quickly migrate your settings and fields without rebuilding your form:
- Select your existing Form Block in the editor.
- Open the Block Transform Tools (found in the block toolbar).
- Choose Advanced Form from the list.
