You've written brilliant copy for your contact page. You've made it crystal clear what you do and how people can reach you. But here's the uncomfortable truth: if your contact form doesn't work—or worse, intimidates visitors with too many fields—you'll lose leads before they even try to reach you.
A broken or poorly designed form is like having a shop with a door that sticks. People will try once, maybe twice, then leave. And unlike a physical door, you'll never know they were there.
This is the step where you transform your contact page from informational to functional. You're not just adding a form—you're building the critical infrastructure that captures enquiries, quote requests, and new business opportunities. The good news? It takes less than 45 minutes, requires no coding knowledge, and once it's set up correctly, it works silently in the background converting visitors into leads.
What You'll Have When Done:
A functional, tested primary enquiry form that reliably delivers leads to your inbox
Time Needed: 25-45 minutes
Difficulty: Beginner
Prerequisites:
Website platform chosen; Contact page structure drafted
In this guide:
---
Before You Start:
The fastest path to a working contact form:
You've succeeded when: You submit a test enquiry and receive the notification email in your business inbox within minutes.
✅ Completed the quick version? Move on to Add Booking or Payments Without a Developer or continue below for the detailed walkthrough that covers optimal field selection, legal compliance, and advanced testing.
---
Your website platform likely includes form functionality already. Don't overcomplicate this by shopping for third-party tools unless you have specific requirements.
For WordPress sites:
For Squarespace, Wix, Weebly:
For custom or HTML sites:
The key criterion: choose something that's actively maintained and has good reviews for email delivery reliability. A beautiful form that doesn't deliver emails is worthless.
[MEDIA:SCREENSHOT:form-tool-selection]
Selecting a basic form widget/plugin/block within common platforms (e.g., WordPress block editor or Squarespace widget).
This is where most businesses sabotage themselves. They ask for too much information upfront and watch their conversion rate plummet.
The essential fields (and nothing more):
Fields to avoid unless absolutely necessary:
Every additional field reduces your form completion rate by approximately 10-20%. If you're a service business and 90% of your work comes from phone conversations, then yes, include a phone field. Otherwise, leave it out.
Field types matter:
[MEDIA:SCREENSHOT:minimal-form-fields]
Example of a high-converting, minimal form showing only 3-5 essential fields.
The default "Submit" button is lazy and uninspiring. Your button text should tell people exactly what happens when they click it.
Better alternatives:
The button should feel like a natural conclusion to the action they're taking. If your form is specifically for quote requests, "Request a Quote" is far more compelling than "Submit".
For detailed guidance on writing button copy that converts, see our guide on how to write strong button copy.
Your contact form shouldn't live only on your contact page. Strategic placement multiplies its effectiveness.
Primary location: Your dedicated Contact page (you've already drafted this in Make It Easy for People to Contact You)
Secondary locations to consider:
The Anatomy of a High-Converting Homepage covers optimal form placement in detail, but the principle is simple: put forms where people are making decisions, not just on a separate contact page they might never visit.
This is non-negotiable, especially if you're operating in the UK or serving UK customers.
Below your form, add:
This serves two purposes:
Don't make the checkbox required unless your legal advisor specifically recommends it. Adding friction here can reduce submissions, and implied consent (via the text statement) is often sufficient for basic contact forms.
When someone submits your form, they need immediate confirmation that it worked. Silence creates anxiety and doubt.
Two approaches:
Option A: Redirect to a Thank You page (recommended)
Option B: Display an on-page confirmation message
The redirect method is better because it gives you a dedicated space to reassure the visitor, set expectations, and even track conversions in analytics tools. If you need a quick header graphic for your thank you page, you can design a quick Thank You page header in Canva in under 10 minutes.
In your form settings:
[MEDIA:SCREENSHOT:redirection-settings]
Screenshot demonstrating where to input the confirmation message or "Thank You" page URL in standard form settings.
This is the step that separates functional websites from broken ones. Never assume your form works until you've proven it.
The verification process:
If the test fails, see Troubleshooting a broken form for detailed diagnostic steps.
Test on multiple devices:
Forms that work perfectly on desktop sometimes break on mobile due to field validation issues, button sizing problems, or keyboard interference. Test thoroughly.
[MEDIA:SCREENSHOT:successful-test-email]
A verification screenshot showing what a successfully received form submission email should look like.
You've succeeded when:
🎉 Completed? Your lead capture funnel is now operational. You're ready for Add Booking or Payments Without a Developer.
---
Common Problems and Fixes:
Problem: Form submissions aren't arriving in my inbox.
Fix: Check your spam/junk folder first—this is the most common issue. If they're going to spam, add your website's domain to your safe senders list. If you're using WordPress, the problem is often that your hosting doesn't support PHP mail() function reliably. Install an SMTP plugin like "WP Mail SMTP" or "Easy WP SMTP" and configure it to send through your email provider (Gmail, Outlook, etc.). This dramatically improves delivery reliability.
Problem: The form is too long and people aren't completing it.
Fix: Be ruthless. Remove every field that isn't absolutely essential for your first response. You don't need phone numbers, company names, or addresses upfront. You can ask for additional information in your reply email once they've made initial contact. The goal is to lower the barrier to entry as much as possible.
Problem: Users click submit but nothing happens.
Fix: This is usually a validation error that isn't displaying properly. Check that all required fields are clearly marked and that error messages are visible. Test in multiple browsers (Chrome, Firefox, Safari) and on mobile devices. Clear your browser cache and test again—cached JavaScript can cause this issue. If you're using WordPress, try temporarily disabling other plugins to check for conflicts.
---
You've built the critical infrastructure for capturing leads. Your contact form is live, tested, and ready to convert visitors into enquiries.
Your next step: Add Booking or Payments Without a Developer—take your website functionality to the next level by integrating booking systems or direct payment options.
Go deeper:
---
---
You've completed setting up your first critical conversion tool. Now that the technical setup is done, NetNav can audit your entire site across 9 pillars in 60 seconds—including checking your overall site health and speed—to see what else needs attention before launch. Start your free audit now.
Previous in sequence
Next in sequence
Other Start Here Guides:
Not sure where to start? Get a free audit of your current online presence and discover your biggest opportunities.
Run Your Free NetNav Audit Now →