Getting to Know the WPZOOM Forms Builder

Since version 2.0, WPZOOM Forms comes with its own full-screen Form Builder. You no longer build forms inside the WordPress block editor: you pick a template (or start blank), drag fields onto a live preview, and configure notifications, styling and integrations from one screen. This guide gives you a tour of the builder so you can find everything quickly.

Upgrading from WPZOOM Forms 1.x? Your existing forms keep working exactly as before. The first time you open an old form in the builder and click Save, it is converted to the new format. See Migrating forms from 1.x for details.

---

Table of Contents

1. Creating a new form
2. The builder at a glance
3. Adding, selecting and arranging fields
4. Field Settings
5. Form Settings
6. Notifications & Confirmation
7. Saving and embedding your form
8. Keyboard shortcuts and tips

---

1. Creating a new form

1. In your WordPress dashboard go to WPZOOM Forms → Add New Form.
2. The Choose a template screen opens. Click a template in the left list to preview it on the right.
3. Click Use This Template to open it in the builder — or choose Blank Form to start from scratch, or Generate with AI (PRO) to describe the form you need and let AI build it (see How to Generate a Form with AI).

Use the search box to filter templates by name, e.g. “RSVP”:

WPZOOM Forms (free) ships 24 templates; templates marked PRO and the AI generator require WPZOOM Forms PRO, which includes 35 templates.

---

2. The builder at a glance

The builder has four areas:

Area	What it does
Top bar	Back arrow · Submissions count (click to open this form’s entries) · form title (click the pencil to rename) · Embed · Notifications · Settings · Save
Left sidebar	The field palette, grouped into Standard Fields, Choice Fields, Advanced and Layout. Click or drag a field to add it.
Canvas (centre)	A live preview of your form. Click a field to select it; drag the handle on its left to reorder.
Right panel	Shows Field Settings for the selected field, or Form Settings / Notifications & Confirmation when opened from the top bar.

When nothing is selected, the right panel shows a shortcut to Edit Form Settings and a rotating Did you know? tip:

The first time you open the builder a short Welcome Guide walks you through these areas. You can reopen it any time from Settings → Show Welcome Guide (the ? icon).

---

3. Adding, selecting and arranging fields

• Add a field — click it in the left palette (it is appended to the end of the form) or drag it to the exact position you want on the canvas.
• Select a field — click it on the canvas. Its settings open in the right panel.
• Reorder — drag the ⋮⋮ handle on the left of a field.
• Duplicate / Delete — hover a field and use the icons in its top-right corner (delete asks for confirmation). You can also press Delete or Backspace with a field selected.

Fields marked PRO in the palette (Number, Time, Upload, Hidden, GDPR) are available in WPZOOM Forms PRO. The free plugin shows an upgrade notice when you click them.

---

4. Field Settings

Click any field to edit it. Every field has a General tab and an Advanced tab.

General (common to most fields): Label · Placeholder · Default Value · Required · Help text · Width (Full, 1/2, 1/3, 2/3 — fields with partial widths sit side by side). Advanced: CSS Class · Additional CSS · Field ID · Conditional Logic (PRO).

Each field type adds its own options — the Email field has Use as reply-to address, the Text field Use as email subject, choice fields have an options editor, and so on. See the Form Fields Reference for every option of every field.

---

5. Form Settings

Click Settings in the top bar (or Edit Form Settings in the right panel).

• Submit Button Text and Submit Button Alignment (Left / Center / Right / Full)
• Labels Position — Top, Left or Hidden
• Form Layout — Default, Horizontal, Compact
• Form Style — nine ready-made styles plus Custom Style (PRO)
• Show required-field asterisk (*)
• Enable spam honeypot field — an invisible field that silently rejects bots; on by default
• Integrations → Mailchimp (PRO) — connect this form to a Mailchimp audience

Styling options are covered in depth in Styling Your Forms.

---

6. Notifications & Confirmation

Click Notifications in the top bar.

• How to handle submissions — Email Only, Database Only, or Email + Database (recommended; stores entries under WPZOOM Forms → Submissions and emails you).
• Send notifications to — the recipient address (defaults to the site admin email).
• Reply To — optional; defaults to the submitter’s email when your form has an Email field.
• Success Message / Failure Message — shown to the visitor after submitting.
• After Submission — Show Message or Redirect to URL.
• Customize Notification Email (PRO) — opens the email template editor.
• Confirmation Email (PRO) — Send Confirmation Email to User sends an automatic reply to the person who filled in the form.

See Customizing Notification Emails for the template editor and available tags.

---

7. Saving and embedding your form

Click Save in the top bar (or press Ctrl/⌘ + S). The button reads Saved when everything is stored; the builder warns you if you try to leave with unsaved changes.

To put the form on your site click Embed:

Copy the shortcode — it looks like [wpzf_form id="4"] — and paste it into any post, page or widget, or insert the Contact Form by WPZOOM block in the block editor (search for “WPZOOM Forms”). Both methods are explained in Adding Forms to Pages, Posts, and Widgets.

---

8. Keyboard shortcuts and tips

Action	Shortcut
Save	Ctrl/⌘ + S
Delete selected field	Delete / Backspace
Close a modal	Esc

• The Submissions counter in the top bar is a quick link to the entries of this form.
• Every form has its own notification settings and email template — changes in one form never affect another.
• Forms are always published when saved; there is no draft state for forms.

---

What’s Next?

• Form Fields Reference
• Styling Your Forms
• Adding Forms to Pages, Posts, and Widgets
• Managing Form Submissions