Flat 30% off for Singapore 🇸🇬
← All posts

Contact Form Template That Actually Gets Answered

Topic first, name and email last, and a reply promise up front: a free contact form template, plus how to route messages so none go unanswered.

Enter to send
Shaheer Malik

Shaheer Malik

Framer Designer & Developer

October 4, 20265 min read
Contact Form Template That Actually Gets Answered

Quick answer

A contact form gets answered when it promises a reply time, asks what the message is about first, and asks only for a message, a name and an email. Route messages by topic and end by saying when people will hear back.

A contact form gets answered when it does three things: it promises a reply time, it asks what the message is about before anything else, and it asks only for what you need to reply, usually a message, a name and an email. Route messages by topic so they reach the right person, and end by saying when they'll hear back. The free Forms contact template does exactly this in four questions.

I make Forms, the builder behind the template. The guidance on email fields comes from the GOV.UK Design System, read on 4 October 2026; the rest is what I've learned running contact forms for my own studio.

Flow of the contact template: a promise to reply within one working day, the topic, the message, the name, the email, then an ending that uses the person's name
Diagram by Shaheer Malik from the Forms contact form template. Source: Forms contact form template.

Why do contact forms go unanswered?

Usually because of what happens after someone presses Send, not the form itself. The message lands in a shared inbox with no topic, no one owns it, and the person who wrote it has no idea when to expect a reply, so they follow up by email and you now have two threads. A good contact form fixes all three before the message is even sent:

  • Expectations: say when you reply, on the first screen.
  • Routing: ask what the message is about, so it can go to the right person or folder.
  • Enough to reply: a message and a way to reach them. Nothing that slows them down.

What should a contact form ask?

Four things, in this order. This is the contact form template, question by question:

#ScreenWhy it's there
Welcome"Got a question? We'd love to hear it. We reply to every message within one working day."Sets the reply time before they write a word
1What's your message about? A new project, Help with something, Partnerships, Press, Something elseOne click to start, and it routes the message
2What would you like to say?The message, in a long text box
3And what's your name?So the reply is personal; recalled on the next screens
4Where can we reply, {name}?An email field, with their name in the question
Ending"Thanks, {name} — message received."Confirms it worked
Contact template question: Thanks for reaching out. What's your message about? with five choices
Screen from the Forms contact form template, taken 4 October 2026. Form © Shaheer Malik; photo from Unsplash under the Unsplash License where shown. Source: Forms contact form template.

The order matters. Starting with the topic, a single click, gets people moving; asking for their email first feels like a sign-up. Name and email come last, when they've already invested in writing the message. This is the same one-question-at-a-time approach I compare in one question at a time vs one long page.

Should I ask for a phone number?

Only if you'll phone people back. A phone field is one of the questions that makes people hesitate, because it feels like an invitation to sales calls. If you need it for certain topics, such as a new project, make it optional or show it only for that topic with conditional logic. Everyone else never sees it.

How should the email field work?

Let browsers fill it in, check its format, and say what you'll use it for. The GOV.UK Design System's pattern for asking for email addresses is a good reference:

  • Make it clear what the address will be used for, so people choose the right one.
  • Use the email input type and autocomplete, so phones show the right keyboard and browsers can fill it.
  • Don't ask people to type it twice unless your own research shows it helps.
  • Give specific error messages, such as "Enter an email address in the correct format, like name@example.com".
GOV.UK Design System pattern: Ask users for email addresses, with an example field and hint We'll only use this to send you a receipt
Screenshot of GOV.UK Design System, Email addresses pattern, taken 4 October 2026. © Crown copyright, Open Government Licence. Source: GOV.UK Design System, Email addresses pattern.

Forms' email question validates the format and uses the browser's email keyboard and autofill. Recalling their name in the question ("Where can we reply, Sam?") is a small touch that makes the form feel like a conversation.

How do I make sure every message gets a reply?

Send each message somewhere a person will see it, and decide who owns each topic. In Forms:

  1. Email alerts: in Settings, turn on "Email me each new response". Every message arrives in your inbox, on every plan.
  2. Google Sheets: connect a sheet and every message becomes a row you can assign, sort and mark as done.
  3. Webhooks (Pro): send messages to Slack, a help desk or a CRM through Zapier, Make or n8n; my webhooks guide shows how.
  4. Results: filter by topic to see all press or partnership messages together, and tag them as you go.

Forms doesn't send an automatic email to the person who wrote to you. That's why the ending screen matters: it confirms the message arrived, and the welcome screen has already told them when to expect a reply. Keep that promise, and change "one working day" if you can't.

Contact template welcome screen: Got a question? We'd love to hear it. We reply to every message within one working day
Screen from the Forms contact form template, taken 4 October 2026. Form © Shaheer Malik; photo from Unsplash under the Unsplash License where shown. Source: Forms contact form template.

Contact form or email address?

Offer the form, and keep an email address for people who prefer it. Each has its place:

Contact formPlain email address
Routing by topicBuilt inOnly if people write a good subject line
SpamLess exposure; the address isn't on the pageScraped addresses get spam
StructureSame fields every timeAnything goes
AttachmentsAdd a file upload question if you need themEasy
Feels personalIf it's short and friendlyYes

How do I set it up?

  1. Open the contact form template and click Use this template.
  2. Change the reply promise on the welcome screen to one you'll keep.
  3. Edit the topics to match how your inbox is actually split.
  4. In Settings, turn on email alerts, and connect Google Sheets if you want a shared list.
  5. Embed it on your contact page; my guide covers embedding in Webflow, WordPress and Shopify and Framer.

For more layouts, see 24 form examples. Nielsen Norman Group's website form usability guidelines are worth a read for any form that matters.

Last updated: 4 October 2026. Build your first form free, no card needed, or talk to me about your project.

FAQ

Frequently asked questions

A topic, the message, a name and an email address. Add a phone number only if you will phone people back, and make it optional or show it only for the topics that need it.

Want it done for you? I offer website design on a fixed price, from $700. See pricing.

Enter to send