demo-form-design
Demo Form Design
The demo request form is the highest-intent conversion point on a B2B SaaS website. Every field you add reduces completion rate by 5-10%. Every unnecessary field is a prospect who wanted a demo but didn't finish the form. The form's job is to capture enough information to route and personalize the demo while creating as little friction as possible.
The principle: ask only what you can't get from enrichment. If Clearbit or Apollo can fill a field from the email address, don't ask the prospect to type it.
The Optimal Field Set
Required fields (always include)
| Field | Why required | Can't be enriched? |
|---|---|---|
| Work email | Primary identifier. Routes, deduplicates, enriches | No (it IS the enrichment key) |
| First name | Personalization in follow-up | Can be enriched, but asking is natural and fast |
| Last name | CRM record, dedup | Can be enriched, but asking is natural and fast |
Three fields. That's the minimum viable demo form. Everything else is either enrichable or optional.
Recommended fields (add based on routing needs)
| Field | When to include | Type | Why |
|---|---|---|---|
| Company name | Always (unless enrichment is instant) | Text (pre-filled from enrichment if possible) | Routing, ICP scoring. Enrichment can fill this, but pre-filling builds trust |
| Job title | When persona-based routing is needed | Text or dropdown | Routes to right rep, tailors demo content |
| Company size | When size-based routing or qualification is needed | Dropdown (ranges) | Routes enterprise vs SMB. Use ranges: 1-50, 51-200, 201-1000, 1000+ |
| Phone number | When reps call within 5 minutes | Text (optional field) | Enables immediate phone follow-up. Mark as optional to avoid drop-off |
| "How did you hear about us?" | When attribution data is valuable | Open text (not dropdown) | Self-reported attribution captures dark funnel sources that system tracking misses |
Fields to NEVER include on a demo form
| Field | Why not | Alternative |
|---|---|---|
| Full address | Not needed for a demo. Feels invasive | Enrich from company domain |
| Budget range | Too early. Scares prospects. Feels like a qualification trap | Ask on discovery call |
| Timeline | Too early. "Are you buying soon?" before you've shown value is presumptuous | Ask on discovery call |
| Industry (dropdown with 50 options) | Friction. The prospect scrolls through "Agriculture, Aerospace, Automotive..." | Enrich from company domain |
| Number of employees (exact) | Nobody knows their exact headcount. Friction | Use ranges: 1-50, 51-200, etc. |
| Revenue | Invasive. Prospects don't want to share revenue on a form | Enrich or estimate from headcount/funding |
| Message / "Tell us about your needs" (required) | Long text fields kill completion rate. The prospect came for a demo, not to write an essay | Make it optional if included |
| CAPTCHA | Adds friction. Kills mobile completion. Use honeypot spam detection instead | Honeypot field (hidden input) |
| Terms and conditions checkbox | Only required if legally necessary in your jurisdiction. Most B2B SaaS demo forms don't need it | Consult legal. If needed, use implied consent with a privacy link |
Form Field Count and Conversion
The field-count curve
| Fields | Approximate conversion rate | Relative to 3 fields |
|---|---|---|
| 3 | 25-35% of page visitors | Baseline (100%) |
| 4 | 20-30% | ~85% of baseline |
| 5 | 18-25% | ~70% of baseline |
| 6 | 14-20% | ~55% of baseline |
| 7 | 10-16% | ~45% of baseline |
| 8+ | 8-12% | ~35% of baseline |
Every field beyond 3 costs you ~10-15% of completions. A 7-field form converts at roughly half the rate of a 3-field form. The data you collect from extra fields is worth less than the demos you lose.
The enrichment trade-off
| Scenario | Form fields | Enrichment fields | Total data captured | Conversion |
|---|---|---|---|---|
| No enrichment | 7 fields | 0 | 7 data points, high friction | Low |
| With enrichment | 3-4 fields | 4-6 fields from email domain | 7-10 data points, low friction | High |
| Over-enriched | 3 fields | 8+ fields | 11+ data points, but some inaccurate | High conversion, medium data quality |
The play: 3-4 visible fields + real-time enrichment on form submit = maximum data with minimum friction.
Form Design Patterns
Pattern 1: Minimal form (3 fields + enrichment)
Best for: companies with real-time enrichment (Clearbit Reveal, Apollo, HubSpot Breeze).
┌──────────────────────────────────────┐
│ See [Product] in Action │
│ │
│ Work email [________________] │
│ First name [________________] │
│ Last name [________________] │
│ │
│ [Request a Demo] │
│ │
│ By submitting, you agree to our │
│ privacy policy. │
└──────────────────────────────────────┘
On submit: enrich email domain for company, size, industry, title (if available). Route based on enriched data.
Pattern 2: Standard form (5 fields)
Best for: companies without real-time enrichment or needing routing data at submission.
┌──────────────────────────────────────┐
│ Request a Demo │
│ │
│ Work email [________________] │
│ First name [________________] │
│ Last name [________________] │
│ Company name [________________] │
│ Company size [▾ Select ] │
│ 1-50 employees │
│ 51-200 employees │
│ 201-1,000 employees │
│ 1,000+ employees │
│ │
│ [Get Your Demo] │
└──────────────────────────────────────┘
Pattern 3: Smart form (3 fields + conditional)
Best for: companies that need one extra qualifying question but don't want to show it to everyone.
Step 1:
┌──────────────────────────────────────┐
│ Work email [________________] │
│ First name [________________] │
│ Last name [________________] │
│ [Continue →] │
└──────────────────────────────────────┘
Step 2 (appears after email is entered, enrichment runs):
┌──────────────────────────────────────┐
│ What are you most interested in? │
│ [▾ Select ] │
│ Outbound automation │
│ Inbound lead management │
│ Pipeline reporting │
│ All of the above │
│ │
│ [Request Demo] │
└──────────────────────────────────────┘
Smart form rules:
- Step 1 collects the email. Enrichment fires in the background while the user sees Step 2
- Step 2 asks ONE qualifying question. Not three. One. This question should help personalize the demo, not qualify the lead
- If Step 2 is abandoned, the form still captured the email from Step 1. The lead isn't lost
- The two-step form converts nearly as well as a single-step 3-field form because the prospect has already committed by entering their email
Pattern 4: Embedded calendar (form + booking)
Best for: self-serve booking motions where you want the prospect to schedule immediately.
┌──────────────────────────────────────┐
│ Book a Demo │
│ │
│ Work email [________________] │
│ First name [________________] │
│ Last name [________________] │
│ │
│ Pick a time: │
│ ┌────────────────────────────────┐ │
│ │ [Calendly / Chili Piper embed] │ │
│ │ Mon 10am Mon 2pm Tue 11am │ │
│ │ Tue 3pm Wed 9am Wed 1pm │ │
│ └────────────────────────────────┘ │
│ │
│ [Confirm Booking] │
└──────────────────────────────────────┘
Embedded calendar rules:
- Show the calendar inline, not as a redirect. Redirecting to Calendly loses 20-30% of prospects in the transition
- Show available times immediately. Don't make the prospect pick a rep first. Route to the right rep behind the scenes based on territory/round-robin
- If using Chili Piper: it handles routing + calendar in one step. If using Calendly: route first (via enrichment), then show the right rep's calendar
- Confirmation page should set expectations: "You'll meet with {rep_name}. Here's a brief overview of what we'll cover"
Form UX Rules
Layout and design
| Rule | Why | Implementation |
|---|---|---|
| Single column layout | Multi-column forms reduce completion by 15-20% | Stack all fields vertically |
| Large input fields | Small fields feel cramped on mobile. Harder to tap | Min height: 44px. Min font size: 16px |
| Visible labels above fields | Placeholder-only labels disappear on focus, causing confusion | Always show labels. Placeholders are supplementary |
| One primary CTA button | Two buttons ("Request Demo" and "Watch Video") split attention | One button. One action |
| No navigation links on form page | Navigation lets prospects leave without converting | Remove or minimize site nav on demo request pages |
| Mobile-first design | 40-60% of B2B site traffic is mobile | Test form on iPhone SE (375px) before launching |
CTA button copy
| CTA text | Conversion impact | When to use |
|---|---|---|
| "Request a Demo" | Baseline | Standard. Clear and direct |
| "Get Your Demo" | +5-10% vs baseline | Ownership language ("your") increases commitment |
| "See [Product] in Action" | +5-15% vs baseline | Specific, outcome-oriented |
| "Book a Demo" | Similar to baseline | Use when calendar is embedded |
| "Start Free Trial" | Different intent | Only for PLG/trial flows, not sales demos |
| "Submit" | -20-30% vs baseline | Never. Generic and lifeless |
| "Send" | -15-20% vs baseline | Never. Feels transactional |
CTA rules:
- Button color should contrast with the page background. If the page is white, the button shouldn't be white. Use your brand's primary action color
- Button width should be at least 200px (desktop) or full-width (mobile). Small buttons are hard to tap
- Button text should describe the outcome, not the action. "Get Your Demo" not "Submit Form"
Validation and error handling
| Rule | Implementation |
|---|---|
| Validate email format in real-time | Check for @ and valid domain as the user types. Show green checkmark on valid |
| Block personal emails (optional) | If you only want work emails, reject @gmail.com, @yahoo.com with a message: "Please use your work email" |
| Show errors inline, not at the top | Error message should appear next to the field with the issue, not as a banner |
| Don't clear the form on error | If one field fails validation, don't wipe the other fields. The prospect shouldn't retype everything |
| Auto-format phone numbers | If collecting phone, auto-add country code and format as the user types |
Post-Submit Experience
What happens after the form is submitted matters almost as much as the form itself.
Thank-you page
| Element | Purpose | Implementation |
|---|---|---|
| Confirmation message | "We got your request. A team member will reach out within [timeframe]" | Set realistic expectations. If you respond in 5 minutes, say "within minutes." Don't say "within 24-48 hours" if you can do better |
| Calendar embed | Let them book a time right now while intent is highest | Chili Piper or Calendly embed on the thank-you page |
| Resource offer | Give them something to consume while they wait | Link to a relevant case study, product overview video, or comparison page |
| AI chat widget | Start a qualification conversation immediately | AI chatbot opens with: "While we set up your demo, quick question..." |
| Social proof | Reinforce their decision with logos and testimonials | Customer logos, G2 rating, one-line testimonial |
Thank-you page rules:
- Never show a generic "Thanks, we'll be in touch." Use the thank-you page as a conversion accelerator
- If you can embed a calendar on the thank-you page, do it. Prospects who book immediately show up at 2x the rate of prospects who wait for an SDR to send a link
- The thank-you page should have no site navigation. Don't let the prospect wander away. Keep them focused on booking or consuming content
Post-submit automation
| Trigger | Action | Timing |
|---|---|---|
| Form submitted | Auto-acknowledgment email | Instant (< 30 seconds) |
| Form submitted | Enrich contact (Clearbit, Apollo) | Instant |
| Form submitted | Route to rep (round-robin or territory) | Instant |
| Form submitted | Slack alert to assigned rep | Instant |
| Form submitted | Create/update CRM record | Instant |
| No booking within 5 minutes | Rep follow-up email with time slots | 5 minutes |
| No booking within 24 hours | Automated follow-up sequence starts | 24 hours |
Measuring Form Performance
| Metric | Definition | Target | How to measure |
|---|---|---|---|
| Form view rate | Page visitors who see the form / total page visitors | > 80% (form should be above the fold) | GA4 scroll depth or form impression event |
| Form start rate | Visitors who interact with a field / form views | > 40% | GA4 form interaction event |
| Form completion rate | Submissions / form views | 20-35% (3-4 fields), 10-20% (5-7 fields) | GA4 form submission event / form views |
| Form abandonment rate | Started but didn't complete / form starts | < 40% | 1 - (completions / starts) |
| Abandonment by field | Which field has the highest drop-off | Identify and remove the friction field | Form analytics (HubSpot, Typeform, or custom tracking) |
| Mobile completion rate | Mobile completions / mobile form views | Within 80% of desktop rate | GA4 device segment |
| Post-submit booking rate | Meetings booked on thank-you page / form submissions | > 30% (if calendar is embedded) | Calendar tool analytics |
Form optimization cadence
| Activity | Frequency |
|---|---|
| Review form completion rate | Weekly |
| A/B test form variants (field count, CTA copy, layout) | Monthly |
| Review field-level abandonment | Monthly |
| Mobile usability audit | Quarterly |
| Review enrichment coverage (what % of submitters get enriched?) | Quarterly |
A/B Tests Worth Running
| Test | Hypothesis | What to measure |
|---|---|---|
| 3 fields vs 5 fields | Fewer fields = higher completion | Completion rate AND lead quality (downstream MQL rate) |
| "Request a Demo" vs "See [Product] in Action" | Outcome-oriented CTA converts better | Completion rate |
| Single-step vs two-step form | Two-step captures email early, reduces perceived friction | Completion rate + partial capture rate |
| With phone field vs without | Phone field adds friction but enables faster follow-up | Completion rate + meeting booked rate |
| With calendar embed vs without | Inline booking reduces friction vs waiting for rep | Post-submit booking rate |
| "How did you hear about us?" included vs not | Self-reported attribution is valuable but adds a field | Completion rate + attribution data value |
A/B testing rules:
- Run each test for at least 2 weeks or 200 submissions per variant, whichever comes later
- Measure downstream metrics, not just completion rate. A 3-field form may convert higher but produce lower-quality leads than a 5-field form. Measure MQL rate and meeting rate per variant
- Only test one variable at a time. Changing the CTA AND removing a field in the same test makes it impossible to know which change drove the result
Anti-Pattern Check
- Form has 8+ fields. Every field beyond 3 costs 10-15% of completions. Cut to 3-5 fields and enrich the rest
- Asking for company size as an exact number. Nobody knows the exact headcount. Use ranges: 1-50, 51-200, 201-1000, 1000+. Dropdown, not free text
- Asking for budget on the demo form. Too early. Feels like a qualification trap. The prospect hasn't seen the product yet. Ask on the discovery call
- Required "message" field. Long text fields kill completion rate. If you want to know what they're interested in, use a single-select dropdown with 4-5 use cases, not a text area
- CTA says "Submit." Generic and lifeless. "Get Your Demo" or "See [Product] in Action" converts 15-30% better
- No enrichment on form submit. Asking 7 questions when enrichment can answer 4 of them is pure friction. Install Clearbit, Apollo, or HubSpot Breeze and enrich on email domain
- Generic thank-you page ("Thanks, we'll be in touch"). The thank-you page is the highest-intent moment. Embed a calendar. Show a case study. Open an AI chat. Don't waste it
- No mobile testing. 40-60% of B2B traffic is mobile. A form that breaks on mobile loses half your potential demos. Test on a 375px viewport before launching
- No field-level abandonment tracking. "The form converts at 15%" doesn't tell you which field is the problem. Track where people drop off to identify and fix the friction point
- CAPTCHA on the demo form. CAPTCHAs block real prospects and kill mobile completion. Use a honeypot field (hidden input that bots fill but humans don't) for spam prevention instead