Skip to content

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.
Table of Contents

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.

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

Steps

  1. Go to Nexter > Blocks, search for Form and turn it on.
The Nexter Blocks settings page filtered to the Form block
  1. Add the Form block to a page and click Design from Scratch, or Import Pre-Designed Template to start from a ready design.
  1. 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
  1. 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
  1. Select the Form block and choose what happens after submit in Action After Submit. Save the page.
The Action After Submit panel with Options

Form Settings

PanelWhat it controls
ContentLayout Type: Style 01 is free and Style 02 to 04 need Pro. Newsletter forms show News Style 01 to 04 instead
Action After SubmitOne or more actions to run after submit (see below)
Email and other action panelsSettings for each chosen action
Success Message (Pro)The text shown after a successful submission. Hidden when Redirect is chosen
Extra OptionForm 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

ActionEditionGuide
EmailFreeReceive a custom email
RedirectFreeRedirect after submit
Database EntryProSave submissions
Auto Respond EmailProEmail the visitor
Mailchimp, MailerLite, Brevo, ConvertKit, GetResponse, ActiveCampaign, DripProNewsletter form and services
WebhookProSend to a webhook
Slack, DiscordProSend to Slack

Form Fields

FieldEdition
Name Field, Email Address, Message, Numeric Input, Dropdown, Radio Button, Checkbox, SubmitFree
Phone Number, Pick a Date, Pick a Time, Website URL, Hidden FieldPro
Agree to TermsPro – consent checkbox
Security Code (Honeypot, reCAPTCHA, Cloudflare)Pro – reCAPTCHA, Turnstile
Form StepPro – multi step forms

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.

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

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!