Skip to main content

​
Funnel demos

This category is a catalog of funnel types. Each demo is a complete, copyable pattern: the graph, the offers, and how the thank-you page shows what the customer actually bought. Start with the simplest — a DTC post-purchase flow — then pick a routed variation: geo, CRM tags, or cart value. More types will land here (subscriptions, digital goods, storefront inbound, …) without changing this page’s job: pick a type, reproduce it.
Finished projects: every published demo has a clonable app on GitHub — basic-post-purchase, geo-offers, vip-tag-offers, cart-value-upsell. Clone one, run tagada-init → pnpm seed → pnpm dev, and walk the graph before you rebuild it.
Import into the CRM (beta). Each example ships a funnel.bundle.json — products, offers, and the graph. In the dashboard: store → Funnels → Import bundle, then tick what should travel (payment settings, shipping rates, address form, access restrictions, custom scripts, offers & products); groups the file does not carry show disabled. The store needs a default payment flow. Preview from the landing step (checkout alone has no cart). Pixels, plugin instances and routes never travel; carried payment flows, processors and shipping rates that do not exist on the target account are dropped with a warning. Exporting your own funnel (row menu → Export bundle) offers the same choices.
These demos are the shape of the funnel (nodes, edges, offers). You can build the same shape in the dashboard, in TagadaStudio, with the Node SDK, or on your own domain with the Headless SDK.

​
How to read a demo

Every demo page answers the same four questions:
  1. Graph — which steps, which edges, which when conditions
  2. Catalog — which products and checkout offers you need
  3. Pages — native, Studio, Plugin SDK, or self-hosted Headless
  4. Thank you — how add-on orders show up (relatedOrders)
Concepts (node types, routing, analytics) live in the Funnel Orchestrator. This category does not repeat that — it shows worked examples.

​
Types

Start with Basic post-purchase even if your catalog is not apparel. The type is the graph (accept / decline / related orders), not the products.

​
Which SDK?

Headless SDK ≠ Studio. @tagadapay/headless-sdk runs on your site. Studio / Plugin pages run on Tagada. Same offers and mainOrderId either way.

basic-post-purchase

Landing, checkout, cap OTO, downsell, tote, thank you

geo-offers

One checkout, three localized offers — 🇺🇸 / 🇪🇺 / 🌍

vip-tag-offers

CRM tags pick the offer — ⭐ VIP hoodie or 🆕 welcome cap

cart-value-upsell

The real order total picks the offer — premium or easy add-on