Add email capture

Goal: Make sure interested people can actually join the waitlist and land somewhere real. (~45 min)

This is the day the page becomes useful. Without email capture, you just have a page people can look at and leave. Today you add the signup form, connect it properly, and test the whole path like a real person would use it.

What to do

Choose your email tool and get your embed code

You have two options. Here is the honest comparison: Option A — Kit (formerly ConvertKit) — recommended for complete beginners: Free up to 10,000 subscribers. No code knowledge needed. You build a form using clicks and get a simple embed code to paste into your page. Setup: Go to kit.com → Create a free account → Click "Grow" in the left menu → Forms → Create Form → choose "Inline" → customize the text → click Publish → click "Embed" → copy the HTML embed code. That code is what you paste into your page in the next step. Option B — Resend: Free up to 3,000 emails per month. Needs more setup — you have to create an API key and write a small piece of code to send the signup to Resend. Better if you got comfortable with code on Day 2 and want more control. If you are unsure: use Kit. You can always switch later. Pick one and move forward — do not spend time comparing.

Add the signup form

Place the waitlist form on the page and connect it to the provider or endpoint.

Copy this Day 3 waitlist prompt into Codex, Claude Code, or Claude

Use this prompt to add the email capture without drifting into a bigger build. Paste it into the AI tool you are using and fill in the provider name.

I am a non-technical beginner and I need to add a working waitlist signup form to my landing page.
My provider is: [CONVERTKIT / RESEND / OTHER].
My page currently does this: [PASTE SHORT DESCRIPTION OR CODE].

Please help me:
1. Add a simple email signup form
2. Connect it to the correct provider or endpoint
3. Show a clear success message after signup
4. Tell me exactly how to test one real signup
5. Keep the solution as simple as possible for a beginner

Important:
- Explain changes in plain English
- Tell me which file(s) changed
- Do not redesign the whole page
- If something needs secret keys or provider setup, tell me exactly where that happens

Test one real signup

Submit a test email and confirm it reaches the right inbox or list.

Show a success state

Add a thank-you message or confirmation state so the user knows the signup worked.

Confirm the data path

Make sure the signup is going to a list, inbox, or storage location you can actually use.

Fix and retest

If anything breaks, fix it and run one more full signup test before moving on.

Expected result

The form works, the signup goes somewhere real, and you know exactly how to prove it worked.

Common mistake

Stopping at “the form looks right” without testing whether the email actually gets captured.

What you learned

Validation only counts when someone can take a real next step.
A working form is worth more than a polished section that does nothing.
You do not know the signup flow works until you test it end to end yourself.

Tomorrow

Day 4 - you make the page feel credible and ready for a real domain. Mobile polish and trust details come next.

Day 2 Day 4: Style and connect your domain