Home / Docs / Getting Started: Create Your First AI-Generated Form

Getting Started: Create Your First AI-Generated Form

3–5 minutes

to read

Introduction

WP AI Forms lets you create fully-designed, validated forms using a simple text prompt.
This guide walks you through installation, activation, and generating your first form.

1. Download the Plugin ZIP File

You can get the WP AI Forms plugin ZIP in two ways:

If you purchased a license

After checkout, you will automatically be sent a confirmation email.

Inside the email, you’ll find:

  • Download link to the ZIP file
  • Your license key
  • Link to your customer dashboard

You can also download the plugin and find your license key anytime from your account page.

2. Install & Activate the Plugin

  1. You can install WP AI Forms like any other plugin:
  2. In WordPress, go to Plugins → Add New.
  3. Click Upload Plugin.
  4. Select the wp-ai-forms.zip file and click Install Now.
  5. Activate the plugin.

3. Activate Your License

After activation:

  1. You’ll see a popup from asking you to enter your license key.
  2. Paste your license key and confirm.
  3. The plugin will verify the license, ask you to confirm your email, and give you access to all AI Form building features.
Add license key to AI Forms Plugin

4. Add the AI Form Block

  1. Edit or create any page or post in WordPress.
  2. Click + Add Block.
  3. Search for AI Form and insert the block.

When first added, the block displays a placeholder with tabs at the top:

  • Form Preview
  • Success View
  • Actions Preview

You’ll also see a button inside the block prompting you to open the AI Form Builder.

5. Open the AI Form Builder (Inspector Sidebar)

To generate a form, you use the inspector sidebar on the right side of the screen:

  1. Select the AI Form block.
  2. Click the ‘Open AI Form Builder’-button and it will open the right sidebar and focus on the AI Form Builder.

This panel contains a chat box where you describe the form you need.

AI Chat form builder - Inspector controls

6. Generate Your Form With AI

Inside the AI Form Builder panel, describe your form in natural language. For example:

“Create a workshop registration form with name, email, phone number, preferred date, and a message field.”

Press enter.

The AI will:

  • Understand your description
  • Create the form fields
  • Apply labels and placeholders
  • Set validation rules
  • Structure the layout
  • Update the Form Preview instantly inside the block

No separate admin screens — everything is inline.

7. Form Preview (Edit Fields & Layout)

Whenever you send a new message to the AI to add/remove/update fields, the preview refreshes.

Examples of useful refinement prompts:

“Group first name and last name side-by-side.”

“Make the phone number optional.”

“Add a dropdown for preferred department.”

“Remove the message field and add a file upload instead.”

For advanced users, there’s a code button on the block toolbar (<> icon).

Clicking it opens the raw JSON form specification.

You can:

  • Edit any part of the spec manually
  • Add advanced validation
  • Change field structure
  • Insert custom metadata
  • Undo or regenerate via AI anytime

The json is saved automatically on edit.

8. Style Your Form

In the inspector under Style settings, you can:

  • Choose a style preset or pick the ‘Unstyled’ if you prefer styling yourself with css.
  • You can adjust styling and colors of the form and the fields directly in the inspector controls also.

The preview updates instantly.

9. Success View (Thank-You Screen or Redirect)

Switch to the Success View tab to control what users see after submitting the form.

✔ Option A: Design a custom thank-you screen

You can design with any Gutenberg block directly in the block tab.

✔ Option B: Redirect to a page

In the tab, choose ‘Redirect on success’ and add a url.

The success logic is part of the block, so it stays with the form wherever you use it.

design-thank-you

10. Create Post-Submission Actions (AI Action Builder)

Forms can perform automated actions after submission.

Open the Actions panel in the inspector, then chat with the AI to create actions such as:

✔ 1. Send email

  • Notify your team
  • Send user confirmation emails
  • Include any submitted field in the template

✔ 2. Send data to a webhook

  • Zapier
  • Make.com
  • CRMs
  • Custom REST APIs

AI generates the JSON payload for you.

✔ 3. Create a new post of any post type

Example:

“Create a new job_application post. Use {{name}} as the post title and store {{cv_upload}} as meta field cv_file.”

You can map fields to:

  • Post title
  • Content
  • Taxonomies
  • Custom meta fields
  • Post status (e.g., draft, pending, publish)

Every form has a default action to send the submission to the site admin.

All the actions can be seen in the Actions Preview tab of the block.

11. Publish & Test

  1. Publish or update your page.
  2. Test the form on the frontend.
  3. View submissions under:
    WP AI Forms → Submissions

You can filter submissions per form or page.

Get in touch if you need help getting started!

Start building forms the modern way

Describe your form. Watch it appear. Publish in seconds.
WP AI Forms brings AI-native form creation into Gutenberg so everyone on your team — and your clients — can work faster and with more confidence.

14-day free trial · Cancel anytime