Two Field Modes
Email-only or name+email for different use cases
One form component for all your lead capture needs. Hero signups, newsletters, downloads—fully configurable with email-only and name+email modes.
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.
Best for: Newsletters, quick signups, downloads
<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"
/> Best for: Consultations, demos, high-value offers
<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"
/> Best for: Sidebars, footers, space-constrained areas
<LeadCaptureForm
formName="sidebar-newsletter"
formAction="/success?source=newsletter"
fields="email-only"
heading="Stay Updated"
buttonText="Sign Up"
compact={true}
/> formName - Unique
form identifier for Netlify
formAction -
Success page URL (where to redirect after submission)
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)
Email-only or name+email for different use cases
Smaller variant perfect for sidebars and footers
Custom headings, descriptions, and button text
Lead generation conversion tracking built-in
Flexible, configurable, and ready to use anywhere on your site.