--- title: "How to Add a Form in WordPress?" url: https://nexterwp.com/docs/add-a-form-in-wordpress/ date: 2025-04-17 modified: 2026-09-13 lang: en author: "Aditya Sharma" description: "A form is how visitors reach you, whether they want a quote, support or your newsletter. The Form block in Nexter Blocks builds forms right in the block editor, with..." image: https://nexterwp.com/wp-content/uploads/2025/04/add-a-form-in-wordpress-1-1024x519.jpg word_count: 556 --- # How to Add a Form in WordPress? ## Key Takeaways - Nexter Blocks Form block adds a fully customizable form to any page in the WordPress Block editor after the Nexter Blocks plugin is installed and activated. - Form block offers two form types, Simple Contact Form and Newsletter Form, and lets users start from scratch or import a pre-designed template. - Form block supports actions after submit such as Database Entry, Email, Redirect, Slack, Discord, and WebHook to send data to a Zapier Zap. - Form fields include Name Field, Email Address, Message, Dropdown, Checkbox, Numeric Input, and pro options like Phone Number, Pick a Date, Hidden Field, and Security Code. A form is how visitors reach you, whether they want a quote, support or your newsletter. The Form block in Nexter Blocks builds forms right in the block editor, with no separate form plugin. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/) ## Before You Start - **Edition:** Free for Simple Contact and Newsletter forms with the Email and Redirect actions. **Nexter Blocks Pro** adds Multi Step Form, more field types, CAPTCHA, saved submissions and integrations.- **Block to enable:** Form, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Working email on your site:** an SMTP plugin helps notifications arrive. ## Learn via Video Tutorial https://www.youtube.com/watch?v=IRlSqb-Mego&t ## Steps - Go to **Nexter > Blocks**, search for **Form** and turn it on. ![The Nexter Blocks settings page filtered to the Form block](https://nexterwp.com/wp-content/uploads/2026/09/form-admin-enable.webp) - Add the **Form** block to a page and click **Design from Scratch**, or **Import Pre-Designed Template** to start from a ready design. - Choose a form layout: **Simple Contact Form**, **Newsletter Form** or **Multi Step Form** (Pro). ![The Choose a Form Layout screen with Simple Contact Form, Newsletter Form and Multi Step Form](https://nexterwp.com/wp-content/uploads/2026/09/form-layout-chooser.webp) - Click a field to edit it, or click **+** inside the form to add more fields. ![A Name Field selected with Label, Placeholder, Required and Unique ID](https://nexterwp.com/wp-content/uploads/2026/09/form-field-unique-id.webp) - Select the Form block and choose what happens after submit in **Action After Submit**. Save the page. ![The Action After Submit panel with Options](https://nexterwp.com/wp-content/uploads/2026/09/form-action-submit.webp) ## Form Settings | Panel | What it controls | | ----- | ---------------- | | Content | Layout Type: Style 01 is free and Style 02 to 04 need Pro. Newsletter forms show News Style 01 to 04 instead | | Action After Submit | One or more actions to run after submit (see below) | | Email and other action panels | Settings for each chosen action | | Success Message (Pro) | The text shown after a successful submission. Hidden when Redirect is chosen | | Extra Option | Form ID, used to group saved submissions and target the form with CSS | | Multi Step Progress, Step Circles, Step Labels, Step Buttons (Pro) | Progress indicator and buttons of a multi step form | ## Actions After Submit | Action | Edition | Guide | | ------ | ------- | ----- | | Email | Free | [Receive a custom email](https://nexterwp.com/docs/receive-custom-email-confirmation-from-wordpress-form/) | | Redirect | Free | [Redirect after submit](https://nexterwp.com/docs/redirect-users-from-wordpress-form/) | | Database Entry | Pro | [Save submissions](https://nexterwp.com/docs/save-form-submissions-in-wordpress/) | | Auto Respond Email | Pro | [Email the visitor](https://nexterwp.com/docs/send-custom-email-confirmation-to-the-user-from-wordpress-form/) | | Mailchimp, MailerLite, Brevo, ConvertKit, GetResponse, ActiveCampaign, Drip | Pro | [Newsletter form and services](https://nexterwp.com/docs/add-a-newsletter-in-wordpress/) | | Webhook | Pro | [Send to a webhook](https://nexterwp.com/docs/connect-to-zapier-webhook-from-a-wordpress-form/) | | Slack, Discord | Pro | [Send to Slack](https://nexterwp.com/docs/send-a-message-to-a-slack-channel-from-a-wordpress-form/) | ## Form Fields | Field | Edition | | ----- | ------- | | Name Field, Email Address, Message, Numeric Input, Dropdown, Radio Button, Checkbox, Submit | Free | | Phone Number, Pick a Date, Pick a Time, Website URL, Hidden Field | Pro | | Agree to Terms | Pro - [consent checkbox](https://nexterwp.com/docs/make-a-gdpr-compliant-form-in-wordpress/) | | Security Code (Honeypot, reCAPTCHA, Cloudflare) | Pro - [reCAPTCHA](https://nexterwp.com/docs/add-google-recaptcha-in-wordpress-form/), [Turnstile](https://nexterwp.com/docs/add-cloudflare-turnstile-captcha-in-wordpress-form/) | | Form Step | Pro - [multi step forms](https://nexterwp.com/docs/create-a-multi-step-form-in-wordpress/) | Most fields share these settings: **Label**, **Placeholder**, **Help Text**, **Required** with an **Error Message**, **Auto Fill**, **Unique ID** (Pro), **Icon Type** and **Field Width**. Every input field also has a **Conditional Logic** panel. See [conditional logic](https://nexterwp.com/docs/add-conditional-logic-in-wordpress-form/). On the **Style** tab, the Label, Input, Checkbox/Radio, Button, Dropdown, Success and Extra Option panels style every field of the form at once. ## How It Behaves - Required fields are checked in the browser before the form is sent.- The form submits without reloading the page and shows the success message, or redirects if Redirect is chosen.- All chosen actions run for every submission, for example Email plus Database Entry plus Mailchimp. ## Limitations - In the free plugin, Action After Submit offers only Email and Redirect, and the success message uses the default text.- If Nexter Blocks Pro is deactivated, Pro actions and fields on existing forms stop working without a warning.- File upload fields are not available. ## Troubleshooting ### I cannot find the Form block It is switched off. Go to **Nexter > Blocks**, search for Form and turn it on. ### The form says it was sent but no email arrives Check the To address in the Email panel and set up SMTP on your site. ## Related Docs - [Receive a custom email for each submission](https://nexterwp.com/docs/receive-custom-email-confirmation-from-wordpress-form/)- [Save form submissions in WordPress](https://nexterwp.com/docs/save-form-submissions-in-wordpress/)- [Add a newsletter form](https://nexterwp.com/docs/add-a-newsletter-in-wordpress/)- [Advanced tab options for Nexter Blocks](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/)