Feature guide4 min read

How to add a contact form to your website

Adding a contact form is the single biggest conversion lift for most small business websites. Here's how to add one — and how to make sure it actually captures leads.

Quick answer

Most modern website builders (Adviita, Wix, Squarespace, Shopify) include built-in contact forms that work in 2 clicks. For WordPress: use Contact Form 7, WPForms, or Fluent Forms. For hand-coded sites or hosted forms: use Formspree, Getform, or Web3Forms — all free for low-volume usage. Keep your form to 3–5 fields, surface it on every page, and set up email notifications so you respond fast.

Step-by-step

If you use a modern website builder

Adviita includes a contact form on every generated site by default — captures name, email, message, and routes submissions to your dashboard plus email. Wix, Squarespace, Shopify all include contact form blocks you drag onto any page. Setup time: under 5 minutes. Most builders also include notification routing (email you when a form is submitted) and basic spam protection. For 95% of small businesses, this built-in option is the right answer — no extra tools needed.

If you use WordPress

WordPress sites use form plugins. Three best options in 2026. Contact Form 7 (free, classic, technical interface). WPForms (free tier + paid Pro from £40/year, friendly drag-and-drop). Fluent Forms (free tier + paid Pro, modern interface, good performance). Install via the plugin directory, create your form via drag-and-drop, paste the shortcode onto your contact page. Setup: 20–40 minutes for first form. All three support spam protection, conditional fields, and email notifications.

If you have a hand-coded site or static site

For sites without a CMS (Eleventy, Astro, plain HTML), use a hosted form service. Three best options. Formspree (free up to 50 submissions/mo, $10+/mo paid). Getform (free up to 50 submissions/mo, paid plans cheap). Web3Forms (genuinely free, no submission limits on free tier — excellent for static sites). All three work the same way: sign up, get a form endpoint URL, point your HTML form's 'action' attribute at it. Setup: 15–30 minutes.

Design the form fields right

Less is more. Default high-converting form for service businesses: Name (required), Email (required), Phone (optional), Message (required). Anything more should justify itself with a specific business reason. Don't add 'Company name', 'How did you hear about us', or budget ranges unless they save you real time qualifying leads. Each additional field costs you 5–15% of submissions.

Set up email notifications and routing

Every form submission should email you immediately. Two failure modes to prevent. Spam folder: send notifications from a verified domain (your-domain.com), not generic free-email addresses, to reduce spam filtering. Slow response: route notifications to a phone-checked inbox so you see them within hours, not days. Speed of response is the single biggest conversion lever after the form itself — responding within 30 minutes converts 5–10x better than responding 24 hours later.

Protect against spam

Contact forms attract bot spam. Three protection layers. Honeypot fields (invisible field bots fill in but humans don't — most modern form services include this automatically). Time-based filtering (forms submitted in under 3 seconds are flagged as bots). Modern invisible CAPTCHA (Cloudflare Turnstile, hCaptcha invisible — better than Google reCAPTCHA which slows page load). Avoid old-school visible CAPTCHAs (those 'select all traffic lights' ones) — they cut form conversion by 20–40%.

Test before you go live

Always test your form yourself before promoting your contact page. Submit a test enquiry, check that you receive the email notification, reply to confirm reply path works. Test from mobile too — most form submissions come from phones, and form layouts that look fine on desktop sometimes break on mobile. Re-test every 6 months — silent failures (form submissions that aren't reaching your inbox because of an email config change) are surprisingly common and you lose leads silently.

Tips & best practices

▸Add the contact form to every relevant page, not just '/contact'. Most visitors who want to enquire don't navigate to your contact page; surfacing the form on services pages and your homepage captures more leads.
▸Include a click-to-call phone number alongside the form. Many mobile visitors prefer to call directly, especially for urgent service work. Don't force a single contact method.
▸Add a confirmation message that sets expectations ('We respond within 24 hours via email. If urgent, call us on [number]'). Reduces follow-up enquiries from anxious prospects wondering if their message got through.

Common questions

How many fields should a contact form have?

Four is the sweet spot: name, email, phone (optional), message. Each additional field costs you 5–15% of submissions. Only add more if they genuinely save you time qualifying leads.

Do I need to use a paid form service?

No for most small businesses. Built-in forms on modern website builders, WordPress plugins like WPForms or Fluent Forms (free tiers), and free hosted services like Web3Forms cover typical small business needs. Move to paid only if you need advanced features (conditional logic, multi-step forms, integrations).

How do I stop spam through my contact form?

Three layers: honeypot fields (built into most modern form services), Cloudflare Turnstile or hCaptcha for invisible protection, and email filtering to catch anything that slips through. Avoid visible CAPTCHAs — they hurt conversion more than they prevent spam.

What's the biggest mistake small businesses make with contact forms?

Slow response. The form itself is fine; what kills conversion is responding 24+ hours after submission. Set up notifications that reach you on your phone immediately and reply within a few hours minimum.