general demo-form-design

demo-form-design

This skill should be used when the user asks to "design a demo request form", "build a demo form", "optimize our demo form", "improve demo form conversion", "create a demo booking page", "design a request a demo page", "fix demo form fields", "choose demo form fields", "reduce demo form abandonment", or any variation of designing, optimizing, or improving demo request forms for B2B SaaS.
Download .md

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
Want agents that use skill files like this?
We customize skill files for your brand voice and methodology, then run content agents against them.
Book a call