How to Build a Signup Funnel, Step by Step

Short answer: define four to six steps a new user must pass through, from the first page to the moment they get value. Use page paths where a step has its own URL and custom events where it does not. Then segment the result by device and open the sessions that stopped at the weakest step.

Table of Contents

1. Decide Where the Funnel Ends
2. Map the Steps
3. Instrument the Steps
4. Create the Funnel
5. Read the Result
6. Go From Number to Cause
7. Common Signup Funnel Problems
8. Key Takeaways

Decide Where the Funnel Ends

Most signup funnels end at "account created". That is too early. An account that never does anything is not a success.

End the funnel at activation: the first moment the user gets what they came for. For an analytics product that might be "first data received". For a design tool, "first file saved".

Map the Steps

Walk through signup yourself in a private window and write down every screen and required action. A typical result:

1. Landing or pricing page viewed
2. Signup page viewed
3. Signup form submitted successfully
4. Email verified
5. Workspace or project created
6. Activated

Rules for a clean funnel:

• Every step must be required. If people can skip it, leave it out.
• Keep it to six or fewer.
• Order matters. Steps must occur in sequence.
• Separate paths get separate funnels. Email signup and Google sign-in are different flows.

Instrument the Steps

Add the events at the point where each outcome is confirmed:

deepsync("track", "signup_completed", { method: "email" });
deepsync("track", "project_created");
deepsync("track", "activated");

Identify the user once they exist, so their sessions can be found later:

deepsync("identify", user.id, { plan: "trial", signupDate: user.createdAt });

Client-side route changes are recorded as page views automatically, so single-page signup flows with distinct URLs need no extra calls.

Create the Funnel

In DeepSync (funnels docs):

1. Open Funnels and click New funnel.
2. Add steps in order. Each is a page path match or a custom event name.
3. Save, then pick a date range to see step-by-step conversion and drop-off.

Free plans can create one funnel. Pro and above are unlimited.

Read the Result

1. Find the largest drop. That is where to start.
2. Split by device. A step that loses 20% on desktop and 60% on mobile is a mobile bug, not a product problem.
3. Split by source. Paid visitors and search visitors behave differently.
4. Use at least two weeks of data so weekday effects average out.
5. Compare with last month to see whether a step is getting worse.

Go From Number to Cause

The funnel is an index into sessions, not the finding itself. In DeepSync, clicking any step's drop-off number jumps straight to the sessions that stopped there.

1. Open the drop-off sessions for your weakest step.
2. Watch ten to fifteen.
3. Note the last thing each person did.
4. Group what you see into two or three causes.
5. Check JavaScript errors for the same page.
6. Fix the most common cause and compare the step next week.

Common Signup Funnel Problems

More detail in improving SaaS onboarding with session replay.

Key Takeaways

• End the funnel at activation, not account creation.
• Use page paths for pages and custom events for confirmed outcomes.
• Segment by device before drawing conclusions.
• Open the sessions behind the biggest drop.

Conclusion

A signup funnel takes an afternoon to build and tells you exactly which step is costing you users. Build it once and review it weekly.

Build your funnel in DeepSync.