Funnel & Trace
Unified Console
Demo · mock data

Let's set up your funnel.

A quick walkthrough — name your funnel, list the pages, set up your products, add your emails. Once that's done, you'll get the tracking code to paste onto each page. Takes about 3 minutes.

1Funnel
2Pages
3Products
4Emails
5Install

Name your funnel

A short name to identify this funnel internally. Lowercase, no spaces.

Becomes the storage key on your visitors' browsers.
The domain or subdomain where your pages live. Used to build email tracking URLs.

What's actually happening
in your funnel.

Every chart below is generated from realistic mock events. The shape of the data is identical to what your live tracker will produce. Use the "Email tracking" tab to add or edit emails; their performance flows through to the table below.

Funnel
Window
Traffic
01 / Funnel map

The journey, top to bottom.

Pink tags show emails driving traffic into each page. Click any page to jump to its detail panel below.

02 / Drop-off

Where you're losing people.

Visitor counts and drop-off rates between each stage.

03 / Email performance

Which emails drive sales.

First-touch attribution. When a visitor from a tracked email link buys, the sale is credited to that email.

Per-email attribution

Sorted by revenue
04 / Per-page detail

What happens on each page.

Pick a page. See section heatmaps, click maps, scroll depth, and video engagement for that step.

Section heatmap

Scroll depth

% of visitors reaching

Top clicks

Buttons & links

Video engagement

05 / Visitor journeys

Follow real visitors.

Live event feed on the left. Individual visitor journeys on the right — including which email brought them in.

Live event feed

Recent journeys

Last 6 visitors

Track which emails
drive your sales.

Add each email in your campaign. The right side generates a trackable URL you paste into your email's call-to-action. Every click links back to that email — and when the visitor buys, the sale is attributed in the dashboard.

Base URL for tracking links Funnel my-funnel
01 / Flow

From emails to sales.

Each line is an email driving traffic into a funnel page. Line thickness scales with the chosen metric. Toggle the metric below to see which emails just generated clicks, which moved leads deeper, and which actually produced revenue.

Show:
Range:
Traffic:
Drag cards anywhere — arrows follow.
02 / Campaigns

Your email roster.

Add each email. Pick which funnel page its main link sends visitors to. The right column generates the trackable URL.

+ Add a new email

Lead center.

Every visitor who entered your funnel. Click any lead to see their full journey — pages viewed, sections read, videos watched, buttons clicked, and whether they purchased.

Sort

Drop-in analytics
for Kartra pages.

Each page in your funnel needs its own tracker snippet — same code, different page identity baked in. Pick a page, copy its snippet, paste into that Kartra page's Header tracking slot. The Onboarding install step does the same thing in one go; this tab is for grabbing a single snippet later.

01 / Pick a page

Which page is this?

Each Kartra page gets its own snippet — the page identity is baked into the config object inside the code.

Your funnel · current step highlighted
02 / Your snippet

Copy & paste this code.

Paste the entire block — <script> tags included — into the Header slot of the matching Kartra page. Save the page. Visit it. Events start flowing.

tracker.html
— bytes

Meta ads sync.

Pull spend, link clicks, and CPC directly from Meta's Marketing API into your ad_spend table. No scraping, no Chrome extension — clean API data that survives Meta's UI changes.

01 — CONNECTION

Connect Facebook

One click to authorize. Facebook will show a permission dialog — whoever is logged into Facebook in your browser at that moment is the account that gets connected. The token is stored encrypted in your Supabase project.

Click below to authorize Funnel & Trace to read your Facebook ad insights. You'll be redirected to Facebook, asked to grant ads_read permission, then redirected back here automatically.

03 — SYNC

Pull fresh data

Choose a level and date range, then sync. Data is upserted by Meta object ID + date window — re-syncing the same window won't duplicate rows.

Level
Date range
02 — UTM TEMPLATE

Tag your ad URLs

Paste this URL template into your Facebook ad's destination field. Meta auto-fills {{campaign.id}}, {{adset.id}}, and {{ad.id}} at click time — that's how Funnel & Trace links each lead back to the ad that drove them.

The page your ads send traffic to. Without query params.
In Ads Manager → your ad → Destination → Website URL: paste this whole thing.
04 — RESULT

Recent spend

Most recent rows in your ad_spend table for the selected level.

No data yet. Save credentials and click Sync now.

Settings.

Manage your data source and reset preferences here.

01 / Data source

Real data or mock data.

Mock data simulates a healthy funnel so you can see the dashboard at full strength. Real data pulls from your Supabase events table — visible only after tracking codes are installed and visitors arrive.

Use mock data
Showing simulated events for demo purposes. Toggle off to see real visitor data.
Supabase connection
Checking…
02 / Funnel

Your active funnel.

Reset onboarding to start over. Your Supabase data stays intact.

Current funnel
User ID
03 / AI labeling

Smart section names.

Add an API key for Claude or OpenAI (or both) to let AI read your page sections and generate short, meaningful labels like "Hero", "Testimonials", "FAQ" instead of raw heading text. Keys are stored only in your browser.

AI provider
Claude API key (Anthropic)
OpenAI API key
How it works
During page discovery or when you click "✨ AI label" on the dashboard, the raw text of each section is sent to your chosen AI. It returns a 2-4 word label like "Hero Video", "Testimonials", "Pricing Table". These replace the raw headings in your heatmaps.
04 / Source links

Track any traffic source.

Build a custom link for any source you want to track separately — Instagram bio, YouTube comment, a podcast you guested on, a Facebook ad, anything. The tracker reads the source label from the URL and tags every event from that visitor. Sales attributable back to the source show up on your dashboard.

Copied to clipboard