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.
In this guide:
Quick Start (5 Minutes)
The fastest path to a working contact form:
- Choose your form tool. Most website platforms have built-in form blocks or widgets. WordPress users: look for "Contact Form 7" or "WPForms" in your plugins. Squarespace/Wix users: find the "Form" block in your page editor.
- Add the form to your contact page. Drag the form block into position or paste the shortcode where you want it to appear (typically below your contact information).
- Configure the basics. Name your form something obvious like "Main Contact Form", then enter the email address where submissions should be sent (usually your main business email).
- Test it immediately. Fill out the form using a personal email address (not your business one), submit it, and check both your inbox and spam folder.
- Confirm receipt. You should receive an email notification within 2-3 minutes. If you don't, check your form settings and test again.
✅ 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.
Complete Step-by-Step Guide: Building Your Lead Form
Step 1: Select the Right Form Tool for Your Platform
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:
- •Contact Form 7 (free, lightweight, most popular)
- •WPForms (free version available, more visual builder)
- •Gravity Forms (paid, powerful but overkill for basic contact forms)
For Squarespace, Wix, Weebly:
- •Use the native form blocks built into your page editor
- •They're already integrated with your site's email system
For custom or HTML sites:
- •Formspree (free tier available, works with static sites)
- •Google Forms (free, but less professional-looking when embedded)
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.
Selecting a basic form widget/plugin/block within common platforms (e.g., WordPress block editor or Squarespace widget).
Step 2: Start with Minimal Fields
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):
- •Name (single field, not separate first/last unless you genuinely need it)
- •Email address (required—you need a way to respond)
- •Subject or Enquiry Type (dropdown: "General Enquiry", "Quote Request", "Support", etc.)
- •Message (text area for their actual question)
Fields to avoid unless absolutely necessary:
- •Phone number (many people won't give it; you can ask for it in your response email)
- •Company name (you can look this up if needed)
- •Address (rarely needed for initial contact)
- •"How did you hear about us?" (interesting data, but adds friction)
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:
- •Use dropdowns for predefined options (keeps data clean)
- •Use text areas for open-ended responses (not single-line text boxes)
- •Mark only truly essential fields as "required" (usually just email and message)
Example of a high-converting, minimal form showing only 3-5 essential fields.
Step 3: Optimise the Call-to-Action (CTA) Button Copy
The default "Submit" button is lazy and uninspiring. Your button text should tell people exactly what happens when they click it.
Better alternatives:
- •"Send My Enquiry"
- •"Request a Quote"
- •"Get in Touch"
- •"Ask Your Question"
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.
Step 4: Embed the Form in Key Locations
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:
- •Homepage: If your primary call-to-action (CTA) is "Get a Quote" or "Book a Consultation", embed a short form directly in that section
- •Services pages: Add a contextual form at the bottom of each service description ("Interested in this service? Get in touch")
- •Footer: A simplified version (just email and message) can work well for persistent access
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.
Step 5: Ensure Legal Compliance
This is non-negotiable, especially if you're operating in the UK or serving UK customers.
Below your form, add:
- •A checkbox (optional but recommended): "I agree to the Privacy Policy"
- •Or simple text: "By submitting this form, you agree to our [Privacy Policy]"
This serves two purposes:
- Legal compliance with GDPR and UK data protection regulations
- Trust building—it's one of the essential trust signals that professional businesses display
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.
Step 6: Set up the Confirmation/Thank You Experience
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)
- •Create a simple page at `/thank-you` or `/contact-thank-you`
- •Include a clear headline: "Thanks! We've received your message"
- •Set expectations: "We'll respond within 24 hours" or "You'll hear from us by [day]"
- •Optional: Add a secondary CTA or useful links while they wait
Option B: Display an on-page confirmation message
- •Most form tools can show a success message without leaving the page
- •Keep it visible and clear: "Message sent successfully! We'll be in touch soon."
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:
- •Find the "Success Message" or "Redirect URL" option
- •Enter your thank you page URL (e.g., `https://yoursite.com/thank-you`)
- •Save the settings
Screenshot demonstrating where to input the confirmation message or "Thank You" page URL in standard form settings.
Step 7: Critical Verification—Test, Test, Test
This is the step that separates functional websites from broken ones. Never assume your form works until you've proven it.
The verification process:
- Open your contact page in a private/incognito browser window (this simulates a real visitor's experience)
- Fill out the form using a personal email address (not your business email—you're testing the full journey)
- Submit the form and note the time
- Check for the confirmation message or thank you page—if this doesn't appear, something is wrong with your form configuration
- Check your business email inbox within 2-3 minutes—you should receive a notification with the form submission details
- Check your spam/junk folder if the email doesn't arrive in your inbox
- Verify the email contains all the information you need to respond (name, email, message content)
If the test fails, see Troubleshooting a broken form for detailed diagnostic steps.
Test on multiple devices:
- •Desktop computer
- •Mobile phone (this is where most problems surface)
- •Tablet if you have one available
Forms that work perfectly on desktop sometimes break on mobile due to field validation issues, button sizing problems, or keyboard interference. Test thoroughly.
A verification screenshot showing what a successfully received form submission email should look like.
🎉 Completed? Your lead capture funnel is now operational. You're ready for Add Booking or Payments Without a Developer.
Troubleshooting
What's Next
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:
- •Why Aren't People Filling In My Contact Form?—For a detailed look at why forms fail and specific conversion fixes, see our guide on maximising form submissions.
- •Build a Simple Lead Scoring System—If you want to start filtering and prioritising leads based on the answers they give in your form, check out how to build a simple lead scoring system.
Other Get Online Guides
- •Choose Your Website Platform
- •Write an About Page People Actually Read
- •Lay Out Your Services Clearly
- •Privacy & Cookies: What You Actually Need (UK Guide)
- •Test Your Website on Multiple Devices
- •25-Point Website Pre-Launch Checklist
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.