Two Field Modes
Email-only or name+email for different use cases
LeadCaptureForm - Flexible Lead Generation
One form component for all your lead capture needs. Hero signups, newsletters, downloads—fully configurable with email-only and name+email modes.
One Component, Multiple Use Cases
The LeadCaptureForm component adapts to different scenarios. Use email-only mode for quick signups, or name+email mode when you need more context. Compact mode fits sidebars and footers perfectly.
Email-Only Mode
Best for: Newsletters, quick signups, downloads
Show Code
<LeadCaptureForm
formName="hero-signup"
formAction="/success?source=hero"
fields="email-only"
heading="Join Our Newsletter"
description="Get weekly tips delivered to your inbox."
buttonText="Subscribe Free"
/>Name + Email Mode
Best for: Consultations, demos, high-value offers
Show Code
<LeadCaptureForm
formName="modal-download"
formAction="/success?source=download"
fields="name-email"
heading="Download Free Guide"
description="Get our comprehensive guide to local SEO."
buttonText="Download Now"
/>Compact Mode
Best for: Sidebars, footers, space-constrained areas
Show Code
<LeadCaptureForm
formName="sidebar-newsletter"
formAction="/success?source=newsletter"
fields="email-only"
heading="Stay Updated"
buttonText="Sign Up"
compact={true}
/>Component Props
Required Props
-
formName- Unique form identifier for Netlify -
formAction- Success page URL (where to redirect after submission)
Optional Props
-
fields- "email-only" or "name-email" (default: "name-email") -
heading- Form heading text -
description- Subtext below heading -
buttonText- Submit button label (default: "Get Started") -
compact- Smaller variant for sidebars (default: false)
LeadCaptureForm Features
Compact Mode
Smaller variant perfect for sidebars and footers
Configurable
Custom headings, descriptions, and button text
GA4 Tracking
Lead generation conversion tracking built-in
Start Capturing Leads
Flexible, configurable, and ready to use anywhere on your site.