How to add a contact form to website
In this guide & where to go next
Part of the What a Website Really Costs in Canada series. Related: How To Write Website Copy For Small BusinessHow To Add Google Analytics To Website
Want it handled? Lead4Pro — done-for-you web design & local SEO.
To add a contact form to your website, choose a method that fits your platform: use a built-in form builder or plugin (like WPForms on WordPress), an embedded form from a service such as Google Forms or Typeform, or hand-code an HTML form connected to a form-handling service. Most small businesses use a plugin or builder, which takes minutes and needs no coding. The key is keeping the form short, secure, and protected from spam.
Choose the right method for your site
How you add a form depends on how your site is built:
- WordPress: A plugin like WPForms, Contact Form 7, or Gravity Forms gives you a drag-and-drop builder.
- Website builders: Squarespace, Wix, and Shopify include native form blocks you just drop onto a page.
- Embedded services: Google Forms, Typeform, or Jotform let you embed a form anywhere with a snippet.
- Custom HTML: Hand-code a form and connect it to a service like Formspree to handle submissions.
For most small businesses, a plugin or built-in block is the simplest and most reliable choice. It handles the technical work of delivering submissions to your inbox, so you can focus on what fields to include rather than wrestling with code.
Decide what fields to include
A good contact form is short. Every extra field reduces the number of people who complete it, so ask only for what you truly need:
- Name: So you can reply personally.
- Email or phone: A way to reach them back.
- Message: Space to explain their inquiry.
- Optional context: A short subject or service dropdown, if useful.
Resist the urge to add long questionnaires at the contact stage. You can gather more detail once a conversation starts. The fewer fields a visitor faces, the more likely they are to actually submit, and a few quality leads beat a form so demanding that people abandon it before sending.
Protect against spam
An unprotected contact form quickly fills with spam, burying real inquiries. Build in defences from the start:
- Honeypot field: A hidden field bots fill in but humans don't, silently catching spam.
- CAPTCHA: Google reCAPTCHA or hCaptcha to block automated submissions.
- Rate limiting: Restrict how many times a form can be submitted quickly.
Most form plugins include spam protection you can enable in a couple of clicks. Honeypots are especially nice because they're invisible to genuine visitors, keeping your form friction-free while still stopping bots. A spam-free inbox means you'll actually notice and respond to the real leads your form brings in.
Test, confirm, and follow up
Before relying on your form, make sure the whole flow works end to end:
- Submit a test: Fill it out yourself and confirm the email arrives.
- Check the destination: Ensure submissions reach the right inbox, not a spam folder.
- Add a thank-you message: Reassure visitors their message was sent.
- Set up notifications: Get alerted instantly so you can respond quickly.
Also remember Canadian privacy expectations: since a contact form collects personal data, your privacy policy should explain how you handle it under PIPEDA. Fast responses turn form submissions into customers, so configure instant notifications. If a form breaks silently, you may lose leads without ever knowing, which is why testing matters.
FAQ
What's the easiest way to add a contact form?
For WordPress sites, a free plugin like WPForms Lite or Contact Form 7 is the easiest route, with drag-and-drop setup and no coding. On website builders like Wix or Squarespace, use the built-in form block. Embedded tools like Google Forms work anywhere. Choose whichever matches your platform for the smoothest setup.
How do I stop spam on my contact form?
Enable spam protection built into your form tool, such as a honeypot field and CAPTCHA like reCAPTCHA. Honeypots are invisible to real visitors but trap bots, while CAPTCHA blocks automated submissions. Most plugins offer these in a couple of clicks. Together they keep your inbox clear of spam so real leads stand out.
How many fields should a contact form have?
Keep it minimal: usually just name, email or phone, and a message. Every extra field lowers completion rates. Ask only for what you need to start a conversation, then gather more detail later. A short form converts more visitors into leads than a long one that asks for too much upfront.
Do contact forms need a privacy policy?
In Canada, yes. A contact form collects personal information, so under PIPEDA you should explain in your privacy policy how you collect, use, and protect that data. It's good practice to link to your privacy policy near the form. This builds trust and keeps you compliant with Canadian privacy expectations.