Skip to main content

Building Your First Form

A 5-minute walkthrough to publish a working contact form.

1. Create a new form​

  1. In WordPress admin, go to Form Plant → Add New
  2. Enter a form name (e.g. Contact)

2. Add fields​

In the Fields tab, add the fields you need. A typical contact form looks like this:

LabelField TypeRequired
NameText✅
EmailEmail✅
PhonePhone
MessageTextarea✅

Each field opens a modal for detailed configuration. Drag and drop to reorder.

See Field Types for the full list of supported field types.

3. Configure email notifications​

In the Form Settings → Email tab, configure the admin notification email and the auto-reply email.

  • Admin notification email — sent to the site operator when a submission is received
  • Auto-reply email — sent to the submitter (using the value of the Email field)

In the email body, use field names wrapped in curly braces to insert submitted values:

{Name}     ← inserts the value of the field named "Name"
{Email}    ← inserts the value of the field named "Email"

See Form Settings for details.

4. Configure confirmation screen and post-submit action​

  • Confirmation screen — toggle whether to show a confirmation step before submitting
  • Post-submit action — choose between Message / Custom HTML / Redirect

5. Embed on a page​

  1. Open a page or post in the editor
  2. Add the Form Plant block from the block inserter
  3. Pick the form you just created from the dropdown
  4. Publish the page

Method B: Shortcode​

In the classic editor or any text-based context, use:

[fplant id="1"]

id is the form ID shown on the Form Plant list screen.

6. Verify​

  1. Open the published page in a browser
  2. Fill out the form and submit
  3. Confirm the confirmation screen → success message flow works as expected
  4. Confirm the notification email arrives at the configured address
  5. Open Form Plant → Submissions in WordPress admin to view the saved entry

Next Steps​