Build a landing page with lead capture forms, email nurture sequences, CRM tracking, and analytics to convert visitors into customers.
A high-converting lead generation site with a polished landing page, embedded lead capture forms, automated email nurture sequences, CRM tracking in Airtable, and analytics to measure every step of the funnel. Visitors land on the page, fill out a form, enter an email drip campaign, and get tracked as leads through your pipeline.By the end of this recipe you will have a production-ready lead generation system that you can customize for any product, service, or offer.
Open rocket.new and create a new project. Give Rocket a detailed description of the landing page so it scaffolds a high-converting layout from the start.
Build a lead generation landing page called "GrowthKit" using Next.js and TypeScript. The page should have: a hero section with a bold headline, subheadline, and a call-to-action button that scrolls to the form, a social proof section with logos of companies or testimonials, a benefits section with 3-4 feature cards explaining the value proposition, a detailed "How it works" section with 3 steps, a testimonials carousel, a lead capture section with a form and a compelling offer (like a free guide or consultation), and a FAQ accordion. Use a modern, conversion-focused design with a bold color scheme (dark background hero, white content sections, bright CTA buttons). Make it fully responsive.
Landing pages live or die by their first impression. Be specific about the hero section, social proof, and CTA placement in your first prompt so Rocket nails the layout.
2
Build the landing page sections
Refine each section of the landing page to maximize conversions. Focus on clear messaging, strong visuals, and a single call to action.
Improve the landing page sections:- Hero: Add a gradient background, a large headline like "Grow your business with proven strategies", a subheadline explaining the offer, and a bright CTA button ("Get Your Free Guide"). Add a small trust badge below the button like "Join 5,000+ marketers".- Social proof: Show a row of 5-6 grayscale company logos with the text "Trusted by teams at" above them.- Benefits: Create 4 feature cards with icons, each explaining a key benefit. Use clear, outcome-focused copy.- How it works: Show 3 numbered steps with icons explaining the process (1. Sign up, 2. Get the guide, 3. Implement and grow).- Testimonials: Add a carousel with 3 testimonial cards, each with a quote, name, title, company, and headshot.- FAQ: Add 5-6 common questions in an accordion component.- Sticky CTA: Add a floating call-to-action button that appears when the user scrolls past the hero section.
3
Add the lead capture form
Embed a lead capture form that collects visitor information and triggers your automation pipeline.
Add a lead capture form to the landing page:- Embed a Typeform or Tally form in the lead capture section. The form should collect: first name, email address, company name (optional), and "What is your biggest challenge?" (dropdown with 4-5 options).- Style the form to match the landing page design. If using Tally, use the embedded mode for a seamless look.- Add a Typeform/Tally webhook that fires on form submission and sends the data to a Next.js API route at /api/leads.- On successful submission, show a thank-you message with a link to download the free guide (or redirect to a thank-you page).- Add a secondary form in the hero section that collects just the email address for quick signups, then redirects to the full form or thank-you page.
Tally offers unlimited forms on its free tier and supports webhooks. Typeform has a more polished form experience with conditional logic but limits submissions on the free plan.
4
Connect email marketing
Set up automated email sequences to nurture leads after they submit the form.
Connect Mailchimp (or Brevo) for email marketing:- In the /api/leads API route, add the new lead to a Mailchimp audience (or Brevo contact list) using the API. Tag the lead with the source page and their selected challenge.- Set up a 5-email welcome/nurture sequence in Mailchimp:Email 1 (immediate): Welcome and deliver the free guide download linkEmail 2 (day 2): Share a relevant case study or success storyEmail 3 (day 4): Provide an actionable tip related to their challengeEmail 4 (day 7): Introduce your product or service with social proofEmail 5 (day 10): Final call to action with a limited-time offer or consultation booking link- Add an unsubscribe link in every email to comply with email regulations.
Write all five emails before activating the sequence. Test the full flow with your own email address to check formatting, links, and timing between emails.
5
Set up CRM tracking in Airtable
Use Airtable as a lightweight CRM to track leads through your sales pipeline.
Connect Airtable and set up lead tracking:- Create an Airtable base called "Lead Pipeline" with a table called "Leads" containing these fields: Name (text), Email (email), Company (text), Challenge (single select), Source (text, from UTM parameters), Status (single select: New, Contacted, Qualified, Converted, Lost), Submitted At (date), Notes (long text), Email Sequence Status (single select: Not Started, In Progress, Completed)- In the /api/leads API route, create a new Airtable record for every form submission with the lead's data and UTM source.- Set the initial status to "New" for all incoming leads.- Create Airtable views for each pipeline stage so you can quickly see which leads need follow-up.
Airtable’s free tier supports up to 1,000 records per base, which is enough for early-stage lead generation. Upgrade when your volume grows.
6
Add analytics and conversion tracking
Connect Google Analytics to measure traffic sources, form submissions, and overall conversion rates.
Connect Google Analytics (GA4) and add conversion tracking:- Add the GA4 measurement script to the landing page- Track these events:page_view: automatic on page loadcta_click: when the user clicks any call-to-action buttonform_start: when the user begins filling out the formform_submit: when the form is successfully submitted (this is your primary conversion event)thank_you_page_view: when the user reaches the thank-you page- Set up the form_submit event as a conversion in the GA4 dashboard- Add UTM parameter capture: read utm_source, utm_medium, and utm_campaign from the URL and pass them to the API route so they are stored in Airtable- Create a funnel report in GA4: page_view > cta_click > form_start > form_submit to measure drop-off at each stage
7
Set up A/B testing
Test different versions of the landing page to find the highest-converting variant.
Add A/B testing support:- Create two variants of the hero section: Variant A with the current headline, and Variant B with an alternative headline and different CTA button color- Use Netlify's split testing feature (branch-based A/B testing) to route 50% of traffic to each variant- Track which variant each visitor sees by adding a custom dimension in Google Analytics (variant_id: "A" or "B")- Include the variant ID in the form submission data so you can measure conversion rate per variant in Airtable- After collecting enough data (at least 100 conversions per variant), pick the winner and make it the default
Only test one element at a time (headline, CTA color, form length) so you can attribute conversion differences to a specific change. Testing too many things at once makes it hard to draw conclusions.
8
Deploy to Netlify
Go to Integrations and connect Netlify, then deploy your landing page to the web.Use the Launch button in your Rocket project to deploy to the web. Rocket handles the Netlify build configuration automatically. Make sure all required environment variables are set in your project’s integration settings before launching.
After deploying, test the entire funnel end to end: visit the page from a link with UTM parameters, submit the form, verify the lead appears in Airtable, confirm the welcome email arrives, and check that the conversion event shows up in Google Analytics.
Once the base lead generation site is running, here are ways to extend it.
Add a chatbot for lead qualification
Add a chat widget that engages visitors, answers common questions, and qualifies leads before they fill out the form.
Add a chatbot widget in the bottom-right corner of the landing page. Use a simple decision-tree flow that asks the visitor: what they are looking for, their company size, and their timeline. Based on the answers, either direct them to the lead capture form (qualified) or show them a resource page (not ready yet). Log the chat responses to Airtable as a pre-qualification step.
Add social proof notifications
Show real-time notifications when other people sign up to create urgency and social proof.
Add a small notification toast in the bottom-left corner that shows messages like "Sarah from New York just downloaded the guide" every 15-20 seconds. Pull recent signups from Airtable (first name and city only) to keep it authentic. Fade the notification in and out smoothly. Only show these notifications to visitors who have not submitted the form yet.
Add an exit-intent popup
Capture visitors who are about to leave the page with a targeted popup offering an additional incentive.
Add an exit-intent popup that triggers when the user's cursor moves toward the browser's close button or address bar. The popup should have a different offer than the main page, like "Wait, grab our exclusive checklist before you go." Include a simple email-only form in the popup. Only show the popup once per visitor (track with localStorage). Do not show it to users who have already submitted the main form.
Add a multi-step funnel
Replace the single landing page with a multi-step funnel that guides visitors through a series of pages before the final conversion.
Convert the landing page into a 3-step funnel:Step 1: Landing page with the value proposition and a "Get Started" button (no form yet)Step 2: A quiz or assessment page with 3-4 questions about the visitor's needs (using Typeform or Tally)Step 3: Results page showing personalized recommendations based on their answers, with the lead capture form to unlock the full reportTrack funnel progression in Google Analytics and measure drop-off between each step.
Add referral tracking
Let existing leads refer friends and track which referrals convert, creating a viral growth loop.
Add a referral system. After a lead submits the form, show them a unique referral link on the thank-you page. When someone visits the landing page through a referral link, track the referrer in the URL parameters. If the referred visitor converts, update both the new lead's record and the referrer's record in Airtable. Add a simple leaderboard or reward system (like "Refer 3 friends, get a free consultation") to incentivize sharing.
If visitors submit the form but nothing shows up in Airtable or your email tool, the form webhook may not be connected to your app. Make sure the webhook is enabled in your Typeform or Tally form settings, then ask Rocket to debug:
Form submissions from Typeform (or Tally) are not reaching my app. Check the webhook handler at /api/leads and make sure it correctly receives the form data, creates a record in Airtable, and adds the lead to my Mailchimp (or Brevo) audience. Add error logging so I can see what is failing.
You can test by submitting the form yourself and checking whether the lead appears in Airtable.
Leads are not appearing in Airtable
If form submissions work but records do not show up in Airtable, the connection between your app and Airtable may need attention. Make sure Airtable is connected in your project’s Integrations panel, then ask Rocket to check:
Form submissions are coming through but new leads are not appearing in my Airtable base. Review the Airtable API integration code and make sure the table name and field names match my Airtable setup. Add error handling so failed writes show a clear message.
Marketing emails landing in spam
If leads are not receiving your emails, the messages may be going to spam. This is usually a domain reputation issue. Ask Rocket to improve email deliverability:
My marketing emails are landing in spam folders. Review my email templates and remove any spam trigger words. Make sure the "from" address uses my verified domain and that the email content is clean and conversational.
If you are using a custom sending domain, check with your email provider (Mailchimp or Brevo) that your DNS records (SPF, DKIM) are set up correctly. Both services provide step-by-step guides for this.
