Guides
How to Create a Form in WordPress (Step by Step)
You do not need custom PHP or a paid SaaS account to put a working form on your WordPress site. Auto Form Builder is free from WordPress.org and gives you a drag-and-drop editor, saved submissions and email notifications in the core plugin. This tutorial walks through the full path from install to a live form on a page — the same workflow you will reuse for contact forms, surveys and everything else.
What you'll need
Auto Form Builder installed free from WordPress.org — no account required for the core plugin.
Step 1: Install Auto Form Builder
Start in your WordPress dashboard under Plugins → Add New, search for Auto Form Builder, then click Install Now and Activate. If you prefer a manual upload, download the ZIP from WordPress.org and use Plugins → Add New → Upload Plugin instead. Full setup details are in the installation guide at /docs/getting-started/installation/. The plugin requires WordPress 6.0+ and PHP 7.4+; no account or license key is needed for the free core.
Step 2: Create a new form (or use AI)
Open Auto Form Builder from the admin menu and click Create New Form. You can start from a blank canvas, pick a template, or choose Build with AI and describe the form you need in plain language — the AI builder generates fields you can edit before publishing. Name the form something you will recognize later, such as Contact or Newsletter Signup, because that name appears in your dashboard and notification emails.
Step 3: Add and configure fields
Drag fields from the left panel onto the canvas — Name, Email, Text Area and Dropdown are common starting points. Click any field to set its label, placeholder, required state and validation in the settings panel on the right. Reorder fields by dragging them or using the Move Up and Move Down controls so the flow feels natural on mobile and desktop.
Step 4: Configure notifications and success message
Open Form Settings to set what happens when someone submits. Turn on admin email notifications and add the address that should receive new entries; use placeholders like {submission_data} in the message body so every field value arrives in the email. Set a clear success message or redirect URL so visitors know their submission was received, and optionally enable a user confirmation email if you want an automatic reply.
Step 5: Style the form to match your site
Switch to the Customize tab to apply a theme preset or adjust colors, fonts, button style and layout without writing CSS. Preview on desktop, tablet and mobile so spacing and field widths look right on small screens. Save your design as a reusable theme if you plan to build more forms with the same brand look.
Step 6: Embed with a shortcode
Click Save, then copy the shortcode shown on the Forms screen — it looks like [auto_form_builder id="123"]. Paste that shortcode into any page, post or widget area where you want the form to appear. In the block editor you can also add the Auto Form Builder block and pick the form from a dropdown for a live preview before publishing.
Tips
- Keep your first form short — three to five fields is enough to launch and you can always add conditional logic later when you know what visitors actually need.
- Submit a test entry from the front end after embedding to confirm notifications arrive and the success message displays before you share the page publicly.
- Enable spam protection under Form Settings if the form is public-facing — reCAPTCHA or Cloudflare Turnstile stops bot noise without frustrating real visitors.
Go deeper
FAQ
Is Auto Form Builder really free?
Yes — the drag-and-drop builder, notifications, submission storage, multi-step forms, conditional logic and more are all included free. No account is required for the core plugin on WordPress.org.
Do I need coding skills to create a form?
No — you build visually in the editor and embed with a shortcode or Gutenberg block. Custom code is optional and only needed if you want developer-level hooks or webhook integrations.