Contact Form Examples: 12 Use Cases (Tested + Reviewed)

Do not index

Hide CTA

Hide cover

After reviewing dozens of contact forms across SaaS, e-commerce, and service businesses, here are 12 contact form examples across the most common use cases, so you can find one that fits yours.

What Makes a Contact Form Actually Work?

A contact form works when it collects the right information from the right person at the right time, without making them think too hard.

That sounds obvious. But most contact forms fail at least one of those points. Most contact forms convert between 1% and 5%, depending on industry, form design, and how well the surrounding page is optimized. That means the majority of visitors who see your form will leave without filling it out.

The difference between forms that convert and forms that do not comes down to a few specific design choices.

Field count matters, but not the way you think. The common advice is “fewer fields = more conversions.” HubSpot's research on 40,000+ landing pages shows that conversion rates tend to drop as more fields are added, but the sweet spot usually falls between three and five fields.

A CXL case study complicates that picture. Removing fields can actually hurt conversions if the fields you cut were ones people wanted to fill out. When one team dropped from 9 fields to 6, conversions fell 14%. They added the fields back with clearer labels, and conversions jumped 19%.

The real lesson: Only ask for what you’ll use, but don’t remove fields that help visitors feel understood.

Purpose should dictate structure. A support form needs different fields than a sales inquiry form. A freelancer’s “get in touch” form has no business looking like an enterprise lead qualification form.

The examples below are organized by purpose for exactly this reason, because the best form for your business depends entirely on what you need it to do.

Contact Form Examples for Lead Generation

Lead generation forms have a specific job: collect enough detail to qualify a lead without scaring off people who aren’t ready for a sales call yet.

The best ones strike that balance by being strategic about which fields they include and why.

1. Stripe’s Sales Contact Form

What it does well: Stripe asks for more than just a name and email. Their form includes fields for job level, job function, company name, and country, all of which help their sales team prioritize and route leads before anyone picks up the phone.

This extra friction is intentional. Stripe doesn’t want every casual visitor filling out this form. They want qualified leads who are seriously evaluating payment infrastructure.

The smart detail: Each qualifying field uses a dropdown instead of free text. This reduces effort for the visitor (clicking is easier than typing) and gives Stripe clean, structured data they can sort and segment.

What could be better: The form doesn’t set expectations for response time. After submitting, you’re left wondering if someone will reply in an hour or a week. A simple “We’ll get back to you within one business day” line would fix this.

Build it yourself: If you’re creating a lead gen form for a B2B product, start with name, work email, and company name as your baseline. Then add one or two qualifying fields specific to your sales process (like team size or use case).

Fillout can put this kind of multi-field form together with dropdowns in minutes, then pipe leads straight into your CRM so they route automatically.

2. Demostack’s Demo Request Form

What it does well: Demostack’s form opens with a clear value proposition right above the fields; it tells you exactly what you’ll get by submitting (a personalized demo on the first call). This positions the form as a value exchange rather than a data grab.

The visual design matches their brand perfectly, with a bold color palette and rounded typography that makes the form feel intentional.

The smart detail: They capture email, name, company, company size, and a field for intent (what you’re looking to achieve). That intent field is gold for sales teams. It lets them prep for the demo call instead of spending the first 10 minutes asking discovery questions.

What could be better: No alternative contact method is visible. If someone isn’t ready to book a demo but has a quick question, there’s no obvious way to get help. Adding a “Just have a question? Email us” link below the form would also catch those leads.

3. Salesforce’s Contact Form

What it does well: Salesforce’s form is built for enterprise B2B. It collects job title, company, phone number, and a detailed message field, all wrapped in clean labels and placeholder text that guide you through each step.

The form also doubles as a content gate, positioning the submission as a way to receive industry insights alongside a sales conversation. This gives visitors a reason to submit even if they’re not ready to buy.

The smart detail: Required fields are clearly marked, and the form uses a single-column layout that works perfectly on mobile. For a company of its size, the form is surprisingly uncluttered.

What could be better: The form is long. For visitors in early research mode, seeing fields for phone number and company size upfront might feel premature. A multi-step approach (basic info first, qualifying details second) would reduce abandonment.

Contact Form Examples for Customer Support

Support forms have a different job than lead gen forms. The goal here is to route the right question to the right team as fast as possible. The best support forms reduce back-and-forth by collecting context upfront.

4. Asana’s Support Contact Form

What it does well: Asana keeps its support form minimal, but it's surrounded by smart routing options. Before you even reach the form, the page links to their FAQ and knowledge base, filtering out questions that don’t need a human response.

The form itself asks for the essentials: name, email, and a message. The page also offers a chatbot for people who want faster answers.

The smart detail: By placing self-service resources above the form, Asana reduces ticket volume without hiding the form. Visitors who need human help can still find it easily, but many get their answer faster through the FAQ.

This is a pattern worth copying if your team handles a high volume of repeat questions.

What could be better: The form lacks a category dropdown for query type. Adding one (e.g., billing, technical issue, feature request) would help the support team route tickets faster and set clearer SLAs.

5. K18’s Customer Inquiry Form

What it does well: K18 (a haircare brand) includes clear, targeted fields that align with its most common support scenarios. The form collects the user’s name, email, and order number, and uses a topic dropdown so customers can categorize their inquiry before writing a message.

This is a great example of using a contact form to pre-sort tickets instead of dumping everything into a single inbox.

The smart detail: The form includes a note about expected response times (“Our team typically responds within 24-48 hours”). This one line reduces follow-up emails from impatient customers and sets a clear expectation that builds trust.

What could be better: The form could benefit from conditional fields. If someone selects “Order Issue” from the dropdown, showing an order number field makes sense. But if they select “Product Question,” that field is irrelevant.

Conditional logic (showing or hiding fields based on previous answers) would make the form feel more tailored. Fillout’s form builder handles this with skip logic: you set rules for which fields appear based on earlier responses, so every visitor sees only what’s relevant to them.

6. American Express’s Tiered Support Page

What it does well: AmEx doesn’t use a single contact form. Instead, their Contact Us page acts as a routing hub with clearly categorized support options: account questions, card benefits, travel services, and disputes.

Each category leads to the appropriate form or direct contact method.

The smart detail: The page uses a muted background with bold category cards, making it easy to scan. Each card functions like a button, not a list item. This design recognizes that people with support questions are often frustrated and need to find the right path quickly.

What could be better: The depth of the routing can feel overwhelming for simple questions. A prominent “general inquiry” option at the top would help visitors who aren’t sure which category fits.

When a form alone is not enough: If submissions need to live inside a full customer portal with secure logins, ticket tracking, or status dashboards, that is a job for an app builder, not a form builder.

Fillout is part of the broader Zite platform, which is where form submissions can grow into portals, dashboards, or database-backed workflows.

Contact Form Examples for Sales Inquiries

Sales inquiry forms sit between lead gen and support. The visitor already has buying intent; they want a quote, a consultation, or pricing details.

The form’s job is to collect enough context so the sales team can respond with something specific in the first reply.

7. Jives Media’s Agency Contact Form

What it does well: Jives Media (a digital marketing agency) includes checkbox fields for services the visitor is interested in: SEO, PPC, web design, and social media. This immediately tells the sales team which expert to loop in and what kind of proposal to prepare.

The form is paired with a “Take Action” sidebar that explains the next steps after submission. It tells visitors exactly what will happen: a discovery call, then a proposal, then execution. That transparency removes the uncertainty that causes people to abandon forms.

The smart detail: The parallax scrolling effect on the page demonstrates the agency’s design capabilities while the visitor fills out the form. The form itself is the pitch.

What could be better: The form doesn’t ask about the budget range. For an agency, knowing whether someone has $1,000/month or $20,000/month to spend changes the conversation entirely. Adding a budget dropdown (even with broad ranges) saves both parties time.

8. KPMG’s Department-Specific Contact System

What it does well: KPMG’s contact page is built for a company with hundreds of offices and dozens of service lines. Instead of a single generic form, they offer two search functions: one to find a local office and another to find a specific contact person.

The page also includes a general email address and a media team hotline, all in one layout, covering multiple visitor types.

The smart detail: The search-first approach means visitors are more likely to reach the right person rather than land in a generic info@ inbox. For large companies, this reduces internal email forwarding and speeds up response times.

What could be better: The page is information-dense. Visitors who want to send a quick message have to navigate past the search tools first. A simple “Send us a message” form above the fold would better serve that segment.

Simple “Get in Touch” Contact Forms

Not every business needs a multi-step lead qualification form. Freelancers, small agencies, and early-stage companies often just need a clean way for people to say hello.

The best simple forms are short, fast, and personality-driven.

9. Ban.do’s Playful Contact Form

What it does well: Ban.do (a lifestyle brand) opens their contact page with a giant “Hello, ban.do?” headline set against pastel rotary phone illustrations. The tone is warm, inviting, and completely on-brand.

The form itself is as simple as it gets: name, email, and message. No dropdowns, no required phone numbers, no qualifying fields.

The smart detail: The surrounding copy encourages visitors to reach out about anything, even puppy name suggestions. This is a friction-removal tactic. People hesitate to fill out contact forms because they worry their question isn’t “important enough.”

By making the form feel casual, Ban.do gives visitors permission to reach out.

What could be better: Zero post-submit guidance. After you hit send, you don’t know if anyone will respond, when, or how. A confirmation message with a timeline would complete the experience.

10. Metalab's Minimalist Contact Form

What it does well: Metalab (a product design agency) strips its contact form down to the absolute essentials: name, email, and a message. No clutter, no extra fields, no paragraphs of explanatory text.

The page design is clean and spacious, with plenty of white space around the form. This makes the form feel quick to complete, even before you start typing.

The smart detail: The simplicity is a deliberate brand signal. Metalab designs products for companies like Slack and Coinbase. Their contact form reflects the same design philosophy they sell to clients: clean, focused, and frictionless. The form is the portfolio.

What could be better: With only three fields and no query type dropdown, every submission lands in the same inbox. For an agency handling sales inquiries, partnership requests, and job applications, adding a simple "What's this about?" dropdown would help the team route messages faster without adding much friction.

Booking and Consultation Contact Forms

Booking forms add a layer of complexity: they need to collect contact info and scheduling preferences. The best ones reduce the back-and-forth of “when are you free?” by building scheduling into the form itself.

11. June Digann’s Portfolio Contact Form

What it does well: June Digann (a freelance illustrator) opens with a full-screen visual that says, “Let’s work together on your next project.” The design pulls you into the artist’s world before you ever reach the form fields.

The form itself is simple: name, email, project description, and timeline. But the project description field is framed as a collaboration request. The language (“Tell me about your project”) makes the visitor feel like a creative partner.

The smart detail: The page design is the portfolio pitch. By the time you reach the form, you’ve already experienced the illustrator’s visual style. The page has done the selling for you.

What could be better: No calendar integration for scheduling an initial call. For freelancers who want to cut down on back-and-forth, adding a scheduling field (or linking to a booking tool) would save at least one round of emails.

12. Insight Homes’ Floating Contact Button

What it does well: Instead of burying their contact form on a dedicated page, Insight Homes uses a floating contact button that follows visitors as they browse. One click opens the form as a pop-up overlay, with no page navigation required.

People decide they want to reach out at random moments while browsing, not when they navigate to a Contact Us page. Making the form available everywhere captures that intent at the point it happens.

The smart detail: The floating button is subtle enough not to feel intrusive but visible enough to be found when needed. It stays in the corner of the screen without covering content.

What could be better: Pop-up forms can feel disruptive on mobile if the trigger area is too large or too close to other tap targets. Testing the mobile experience with real users (not a simulator) would help fine-tune the sizing and placement.

If you are considering this approach, Fillout supports pop-up, slider, side tab, and full-screen embed modes, so you can test different formats without rebuilding the form each time.

Contact Form Best Practices That Move the Needle

You've seen the examples. Here's what the best ones have in common, and what moves conversions the most.

Show Different Fields Based on the Visitor's Answer

The single biggest upgrade you can make to any contact form is adding a query-type field and routing submissions based on the answer. A dropdown that asks “What is this regarding?” (sales, support, partnerships, press) lets you automatically send each submission to the right team.

Multi-step forms take this further. The first screen asks what the visitor needs. The second screen shows only the fields relevant to that answer. This keeps the form short for everyone while still collecting the details your team needs.

Write Button Copy That Matches the Action

“Submit” is the most unclear word on the internet. It tells the visitor nothing about what happens next.

Swap it for copy that describes the outcome: “Get My Free Quote,” “Send My Question,” “Book a Call,” or “Request Pricing.” HubSpot found that “Submit” buttons had lower conversion rates than action-specific alternatives across its 40,000+ customer landing pages.

Set Response Time Expectations on the Form

Add one line below your submit button: “We typically respond within [X hours/days].” This prevents the post-submit anxiety that leads to duplicate submissions, follow-up emails, and social media complaints.

If your response time varies by inquiry type, say so: “Sales inquiries: within 4 hours. Support: within 24 hours.”

Design for Mobile First, Desktop Second

More than half of all web traffic now comes from mobile devices, and for most websites, mobile visitors outnumber desktop users. Your contact form needs to work with one hand on a phone screen. That means:

Single-column layout (multi-column breaks on small screens)

Large tap targets (at least 44x44 pixels for buttons and fields)

Auto-fill enabled for name, email, and phone fields

The right keyboard type for each field (email keyboard for email, number pad for phone)

Test your form on an actual phone before publishing. Simulators miss real-world quirks like field spacing and thumb reach.

Don’t Forget the Confirmation

What happens after someone clicks “Send” matters as much as the form itself. At a minimum, display a confirmation message that lets visitors know their message was received.

Better: send an automated email confirming submission and outlining next steps.

The best post-submit experiences include confirmation that the form worked and an expected response timeline. Bonus points if you link to helpful resources (FAQ, knowledge base, popular articles) so visitors have something useful while they wait.

Common Contact Form Mistakes (And How to Fix Them)

Your form submissions go to spam. This is more common than people realize, especially on WordPress sites. After adding any contact form, send yourself a test submission and check your spam folder.

If messages aren’t arriving, configure your form to use SMTP (Simple Mail Transfer Protocol) instead of your server’s default mail function.

You’re asking for a phone number when you don’t need one. If your team responds by email, don’t require a phone number. Every unnecessary required field increases abandonment. Make phone optional or remove it entirely.

Your form looks broken on mobile. Multi-column forms, tiny submit buttons, and fields that overlap on small screens are silent conversion killers. Pull up your form on your phone right now. If you have to pinch-to-zoom or struggle to tap a field, your visitors are bouncing.

You have no confirmation message. When a visitor clicks “Send,” and nothing visible happens, they assume the form is broken. They either submit again (creating duplicate tickets) or leave frustrated. Always show a confirmation screen immediately after submission.

Your “Submit” button says “Submit.” Generic button text signals a generic experience. Match the button label to the visitor’s intent. “Send My Message” feels personal. “Get My Free Quote” creates anticipation.

You’re not using your form data. Collecting submissions is step one. What you do with them is the actual value. Connect your form to a CRM, email tool, or project management system so submissions automatically create leads, tickets, or tasks.

With Fillout, submissions pipe directly into Airtable, Google Sheets, Notion, Slack, or your CRM, with no manual export required.

What to Look for When Choosing a Form Builder

From what I've seen, the tool you choose often matters more than the template you start with. Templates handle layout. The tool determines whether you can add conditional fields, route submissions, connect to your CRM, and customize the design to match your brand.

Here's what's worth evaluating:

Conditional logic support. Can you show or hide fields based on previous answers? This is essential for routing inquiries and keeping forms up to date.

Integration depth. Does the form builder connect to your CRM, email marketing tool, or helpdesk? Manual CSV exports defeat the purpose.

Embed flexibility. Can you embed the form inline, as a pop-up, in a slide-in panel, or as a floating button? Different pages and audiences call for different display methods.

Branding control. Your contact form should look like it belongs on your website, not like a third-party widget. Look for tools that let you customize colors, fonts, logos, and custom CSS.

Mobile responsiveness. This should be a given in 2026, but test it yourself. Some builders look responsive in preview mode and break on actual devices.

Post-submit workflows. Can you set up automated confirmation emails, route submissions to different team members based on query type, or trigger follow-up sequences? The best form builders handle everything from the first click to the first reply.

Looking for a tool that checks all of these boxes?

Fillout lets you build branded, multi-step contact forms with conditional logic, 50+ integrations, and flexible embed options, all without code.

Browse the Fillout templates gallery for ready-made forms you can customize and publish in minutes.

Frequently Asked Questions

What is a contact form?

A contact form is an interactive form on a website where visitors can type in their name, email, and a message to reach a business directly. It replaces the need to open an email client or make a phone call, and it provides the business with structured data rather than free-form inbox messages.

How many fields should a contact form have?

Three to five fields work best for most use cases. Name, email, and message are the baseline. You can add one or two qualifying fields (like company name or inquiry type) if your team needs them to respond effectively.

Do contact forms still work in 2026?

Yes. Teams managing dozens of websites still consider forms among the most reliable sources of leads and inquiries. When designed well and paired with fast follow-up, contact forms outperform generic email links because they collect structured information and can automatically route inquiries.

What’s the best way to reduce contact form spam?

Use a CAPTCHA or honeypot field (a hidden field that bots fill out but humans don’t). Most modern form builders include built-in spam protection. You can also require email verification or add a simple question (“What is 2+3?”) to filter out automated submissions.

Should I use a single-page or multi-step contact form?

It depends on how much information you need. If you’re collecting name, email, and a message, a single page works fine.

If you need qualifying details (budget, company size, project timeline), a multi-step form breaks the process into smaller chunks and typically sees lower abandonment than a long single-page form.

Where should I place my contact form on my website?

Put it where visitors are most likely to look for it: a dedicated Contact Us page linked from your main navigation, and (optionally) as a floating button or footer form across your site. A dedicated page catches visitors with intent. The floating option catches visitors who develop intent while browsing other pages.