How to Create a Contact Form in WordPress Without Coding

Want to add a contact form to your WordPress website but don’t know how to code? You’re in the right place. In this step-by-step guide, you’ll learn how to create a professional contact form in WordPress without writing a single line of code—and it takes less than 5 minutes.

Whether you’re a blogger, small business owner, or building your first website, having a contact form is essential. It lets visitors reach you easily, helps you capture leads, and looks far more professional than simply posting your email address.

Why Every WordPress Website Needs a Contact Form

Before we dive into the tutorial, let’s understand why a contact form matters:

• Protects your email from spam – Publishing your email address publicly invites spam bots to flood your inbox
• Looks professional – A well-designed form builds trust with visitors
• Collects structured information – Get the details you need (name, email, message) in an organized format
• Tracks inquiries – Store submissions in your WordPress dashboard instead of losing them in email
• Mobile-friendly experience – Forms work perfectly on phones and tablets

What You’ll Need

To follow this tutorial, you’ll need:

• A WordPress website (self-hosted WordPress.org)
• Admin access to install plugins
• 5 minutes of your time

That’s it! No coding knowledge, no technical experience, no paid tools required.

Step 1: Install Auto Form Builder (Free Plugin)

We’ll use Auto Form Builder (also known as AFB)—a free, lightweight WordPress plugin with a visual drag-and-drop interface. It’s perfect for beginners because there’s zero learning curve.

Here’s how to install it:

1. Log in to your WordPress admin dashboard
2. Go to Plugins → Add New
3. Search for “AFB” (the short name for Auto Form Builder)
4. Look for “AFB – Auto Form Builder – Drag & Drop Form Creator“
5. Click Install Now, then Activate

💡 Tip: Searching for “AFB” is the quickest way to find the plugin in the WordPress repository.

Once activated, you’ll see “Auto Form Builder” in your WordPress admin menu. That’s it—you’re ready to create your first form!

Step 2: Create a New Contact Form

Now let’s build your contact form:

1. Click Auto Form Builder in your admin menu
2. Click Create New Form
3. You’ll see a template selection screen—choose Contact Form

Auto Form Builder comes with a pre-built contact form template that includes:

• Full Name field
• Email Address field
• Phone Number field (optional)
• Message field

The template is ready to use immediately, but you can customize it however you like.

Step 3: Customize Your Form Fields (Optional)

Want to add or modify fields? The drag-and-drop builder makes it simple:

Adding New Fields

On the left sidebar, you’ll see available field types. Simply drag any field onto your form canvas:

• Text Input – For short answers like name or subject
• Email – Automatically validates email addresses
• Phone – For phone numbers with optional formatting
• Text Area – For longer messages
• Dropdown – Let users select from options (like “Reason for Contact”)
• Checkbox – For consent boxes or multiple selections

Editing Field Settings

Click any field to customize it:

• Change the label (e.g., “Your Name” instead of “Full Name”)
• Add placeholder text to guide users
• Make fields required or optional
• Add help text below fields

Reordering Fields

Simply drag fields up or down to change their order. The visual builder shows exactly how your form will look.

Step 4: Configure Form Settings

Click the Settings tab to configure what happens when someone submits your form:

Success Message

Customize the message users see after submitting. For example:

“Thank you for contacting us! We’ll get back to you within 24 hours.”

Email Notifications

Get notified instantly when someone fills out your form:

1. Enable Email Notifications
2. Enter your email address (or multiple emails separated by commas)
3. Customize the email subject line

Every submission will be sent directly to your inbox—and also stored safely in your WordPress dashboard.

Step 5: Style Your Form (Optional)

Want your form to match your website’s design? Click the Customize tab to customize:

• Colors – Change button colors, backgrounds, and text
• Borders – Adjust field borders and corner radius
• Spacing – Control padding and margins
• Button – Customize the submit button text and appearance

Auto Form Builder forms are designed to look great on any theme out of the box, so styling is completely optional.

Step 6: Save and Get Your Shortcode

Once you’re happy with your form:

1. Give your form a name (e.g., “Contact Form”)
2. Click Save Form
3. Copy the shortcode displayed

Step 7: Add the Contact Form to Your Page

Now let’s display your form on your website:

Option A: Add to an Existing Page

1. Go to Pages and edit your Contact page
2. Paste the shortcode where you want the form to appear
3. Click Update

Option B: Create a New Contact Page

1. Go to Pages → Add New
2. Title it “Contact” or “Contact Us”
3. Add some introductory text if you’d like
4. Paste the shortcode
5. Click Publish

Visit your page to see your beautiful new contact form in action!

Step 8: Test Your Contact Form

Before announcing your new form to the world, test it:

1. Visit your contact page
2. Fill out the form with test information
3. Click Submit
4. Check that you see the success message
5. Check your email for the notification
6. In WordPress, go to Auto Form Builder → Submissions to see the stored entry

If everything works, congratulations—your contact form is live!

Managing Contact Form Submissions

One of the best features of Auto Form Builder is the built-in submission management. Unlike some form plugins that only send emails, every submission is stored in your WordPress database.

Go to Auto Form Builder → Submissions to:

• View all submissions in a searchable table
• Filter by date – Today, this week, this month, etc.
• Search submissions – Find specific messages instantly
• Mark as read/unread – Track which inquiries you’ve handled
• Star important messages – Flag high-priority contacts
• Export to CSV – Download your data for spreadsheets or backups

This means you’ll never lose a customer inquiry, even if emails fail to deliver.

Why Auto Form Builder is Perfect for Contact Forms

There are many WordPress form plugins available, but here’s why Auto Form Builder stands out for creating contact forms:

Frequently Asked Questions

Will the form work with my WordPress theme?

Yes. Auto Form Builder is designed to work with any WordPress theme.

Can I receive form submissions by email?

Absolutely. Enable email notifications in the form settings, and you’ll receive an email every time someone submits your form. Submissions are also stored in your WordPress dashboard as a backup.

Is the contact form mobile-friendly?

Yes. All forms created with Auto Form Builder are fully responsive and look great on phones, tablets, and desktop computers.

How do I protect my form from spam?

Auto Form Builder offers spam protection add-ons, including Google reCAPTCHA and Cloudflare Turnstile.

Next Steps

Now that you have a contact form on your WordPress website, consider these enhancements:

• Add your contact form to the footer – Make it accessible from every page
• Create a feedback form – Collect customer reviews and testimonials
• Build a newsletter signup form – Grow your email list
• Add spam protection – Enable reCAPTCHA for high-traffic sites

Conclusion

Creating a contact form in WordPress doesn’t require any coding skills. With Auto Form Builder, you can build a professional, mobile-responsive contact form in under 5 minutes—completely free.

The drag-and-drop interface makes it easy for beginners, while the built-in submission management ensures you never miss a customer inquiry. Plus, all your data stays securely on your own WordPress server.

Ready to create your contact form? Download Auto Form Builder from the WordPress plugin repository and get started today.