Getting Started

AppFunnel is infrastructure for web2app funnels — quizzes, onboarding flows, paywalls, and checkout experiences. We handle sessions, payments, routing, tracking, and integrations. You build the UI.

What AppFunnel handles

Sessions & variables — Every quiz answer, user attribute, and system state is a reactive variable, persisted across visits.
Payments — Stripe and Paddle integration with subscriptions, trials, upsells, and automatic webhook processing.
Routing — Conditional page-to-page navigation based on user answers and variable state.
Server-side tracking — Events flow through a reliable queue to Meta CAPI, Customer.io, webhooks, and GTM.
A/B testing — Split traffic between funnel variants, measure ARPU and conversion rates with confidence intervals.

Choose Your Approach

AppFunnel offers two ways to build. Both share the same backend — sessions, variables, routing, payments, tracking, and integrations all work the same.

	Headless SDK	No-Code Editor
Best for	Developers, rapid iteration with AI tools like Claude Code	Marketers, quick visual iterations
UI control	Full React + TypeScript components	Drag-and-drop visual builder
Deployment	`appfunnel build` + `appfunnel publish`	Publish from the dashboard

Headless SDK — Build with React and TypeScript. Point Claude Code at the docs and ship a complete funnel. See Headless SDK.

No-Code Editor — Build visually without writing code. See No-Code Editor.

Quick Start (Headless)


npm install -g appfunnel
appfunnel login
appfunnel init
appfunnel dev

See the full Headless Getting Started guide.

Quick Start (No-Code)

Create a project — sign in and create a new project
Create a funnel — choose No-Code, land in the visual editor
Add a quiz page — add Text + SingleSelect with Option children for answer choices
Add a paywall page — set page type to paywall, add pricing cards with product variables and a Payment Element
Connect Stripe — go to Project Settings > Stores, enter your Secret Key + Publishable Key
Wire products — import Stripe prices, link them in Funnel Settings > Products
Create a campaign — give it a slug (e.g., quiz), link your funnel
Set to Active — change campaign status from Paused to Active
Visit your URL — open yourdomain.com/f/{slug} and test the flow

Next Steps

Headless SDK — Build funnels with React + TypeScript.
Core Concepts — Projects, campaigns, sessions, customers.
Products & Payments — Pricing, trials, and upsells.
Integrations — Meta Ads, Customer.io, webhooks, GTM.