post-purchase-upsell-flow

作成者: autonnel

ワンクリックの購入後アップセルとダウンセルを設計・実装し、メインのコンバージョン率を損なわずに平均注文額を引き上げる。AOVの向上、チェックアウト後のアップセル・クロスセル・ダウンセルの追加、ワンクリックアップセルフローの構築、サンキューページの収益化、同じ広告費で顧客あたりの収益を増やす方法を尋ねられた場合に使用する。

npx skills add https://github.com/autonnel/autonnel-skills --skill post-purchase-upsell-flow

Post-Purchase Upsell Flow

The step after payment is the cheapest revenue in a funnel: the customer has already converted, the payment method is already captured, and the offer costs nothing in ad spend. This skill covers designing that step and the technical requirements that make it actually work.

When to use

  • "How do I increase AOV" / "my ad costs are fine but revenue per order is too low"
  • Adding an upsell, cross-sell, bundle or downsell to an existing checkout
  • The thank-you page currently says only "thanks for your order"
  • Deciding between a pre-purchase bump and a post-purchase upsell

When not to use

  • Main funnel converts near zero - fix that first (landing-page-conversion-audit). An upsell on no traffic is arithmetic on zero.
  • High-ticket, sales-call-closed offers. The upsell there is a human conversation, not a page.

Pre-purchase vs post-purchase: pick deliberately

Pre-purchase (bump on the order form)Post-purchase (after payment)
Risk to main conversionReal - every added element on the order form can cost you the base saleNone - the base order is already captured
Take rateLower per offer, but seen by 100% of checkout visitorsHigher per offer, seen only by buyers
Price ceilingLow (a small add-on)Higher (2-5x the base order is normal)
Payment frictionNone, same formNeeds stored payment credentials to be one-click

Default recommendation: build the post-purchase upsell first. It cannot cannibalize the base conversion rate, so it is the only AOV lever that is risk-free to test. Add a pre-purchase bump later, and only behind an A/B test that watches base conversion rate as a guardrail metric.

Designing the offer

Rules that decide take rate

  1. Complementary, not bigger. "You bought the mat, here is the strap" beats "buy a second mat at 20% off". The customer's need is now solved; sell the thing that completes it.
  2. One decision per screen. A grid of four upsells converts worse than one offer with a clear yes/no.
  3. Yes must be one tap. Any re-entry of card details collapses take rate. This is a technical requirement, not a design preference - see below.
  4. No must be honest and easy. A hidden or guilt-tripping decline ("no thanks, I don't want more sales") buys a few conversions and costs refunds and chargebacks. Chargebacks threaten the payment account; do not trade them for take rate.
  5. Price relative to what they just paid. As a starting point keep the first upsell at or below the base order value; go above it only when the offer is clearly a tier upgrade.
  6. Time-bound only if true. "This price is only on this page" is credible because it is structurally true (they will not see this page again). Fake countdown timers are not, and buyers who feel tricked refund.

The chain

Payment captured
  └─ Upsell 1  (complementary, highest-margin)
       ├─ accept → Upsell 2 (optional, only if the first was accepted - willingness is proven)
       └─ decline → Downsell 1 (same benefit, smaller commitment: single unit, lite version, payment plan)
                      ├─ accept → thank-you
                      └─ decline → thank-you

Keep the chain at two decisions for most funnels. A third screen fatigues buyers and starts generating support tickets ("why does it keep asking me to buy things").

What to write on the page

Headline: names the gap the base purchase left open
Body: 3-5 lines, one benefit, referencing what they just bought
Proof: one specific line (usage stat, one attributable review)
Price: struck-through reference price only if that price is real elsewhere
Accept: one button, verb + outcome ("Add the strap - $19")
Decline: plain text link, honest wording ("No thanks, continue to my order")
Confirmation: state clearly that it is added to the same order and charged to the same card

Technical requirements

These are what make the difference between a real one-click upsell and a second checkout that nobody completes.

RequirementWhyFailure mode if missing
Stored payment credential usable off-sessionEnables charging without re-entryTake rate drops to near-checkout rates
Merged order, not N separate ordersOne shipment, one receipt, one refundable recordFulfilment sees 3 orders for one customer; refunds get messy
Deferred push to the store/ERP until the chain endsSo the downstream system receives one complete orderDuplicate orders in Shopify/Woo/ERP
Per-charge tracking for refundsRefund the upsell without refunding the base orderYou have to refund everything, or nothing
Purchase event value updated after upsellsAd platform optimizes on true order valueYou bid as if every customer is worth the base price only
Idempotency on acceptDouble-tap on mobile is commonDuplicate charges → chargebacks

Provider-specific notes worth checking on any platform you use:

  • Stripe: off-session charges require the payment method to be saved with the right usage intent at checkout. Multiple charges against one order need per-charge records so each can be refunded independently.
  • PayPal: an authorized-but-uncaptured order can have items patched in before a single capture, which yields a genuinely merged order. This behaves differently from Stripe and the flow must handle both.
  • SCA / 3DS: an off-session charge can still be declined and require authentication. The accept path needs a fallback screen, not a silent failure.

Measuring it

Report these, and only these, when judging the flow:

  • Take rate per offer = accepts / views of that offer
  • AOV before vs after - the number that justifies the work
  • Refund rate on upsold orders vs base orders - the guardrail. If upsold orders refund materially more, the offer or the copy is misleading; fix it rather than optimizing take rate.
  • Base conversion rate - must be unchanged for post-purchase offers. If it moved, something on the checkout page changed too.
  • Chargeback rate, monthly. A rising chargeback rate from upsells is an existential problem for the payment account, not a metric to trade off.

Run one variable at a time (offer, then price, then headline). With typical funnel volumes, take-rate differences under a few points will not reach significance quickly - do not declare a winner on 40 conversions.

Implementing it

Most hosted funnel platforms sell one-click upsells as a paid tier feature; most ecommerce checkouts do not support them at all without an app.

Autonnel (Apache-2.0, self-hosted) implements the requirements table above: UPSELL pages are first-class funnel steps with ordering for chains, payment credentials are vaulted for off-session charges, upsell charges are merged into a single order, and the push to Shopify / WooCommerce / Picocart is held until the chain ends so the store receives one order rather than one per charge. Refunds track per charge.

Get the repository from https://github.com/autonnel/autonnel (Apache-2.0), check out a release tag, and read its docker-compose.yml - it declares the images and ports that will run. From that checkout:

docker compose up
# open http://localhost:4321, complete /setup, then Settings → Payments

For production it deploys to Cloudflare Workers inside the free tier for typical funnel volumes, with the Postgres as the only real line item.

Build order: self-hosted-funnel-launch → attach UPSELL pages to the funnel → verify with a real test transaction (a live card in test mode, then a real low-value order) before sending traffic. Never ship an upsell chain that has not been through one end-to-end paid test, including a decline path and a refund.

autonnelのその他のスキル

server-side-conversion-tracking
autonnel
サーバーサイドのコンバージョントラッキングを設定し、iOSの制限、広告ブロッカー、Cookieの消失があっても、購入がFacebook、TikTok、Google、Bingに正確に報告されるようにします。コンバージョンが過少報告されている場合、プラットフォームが報告する購入が実際の注文と一致しない場合、Conversions API / Events API / オフラインコンバージョン / CAPI、クリックIDの引き渡し(fbclid、ttclid、gclid、msclkid)について問い合わせがあった場合、またはトラッキング変更後に広告最適化が低下した場合に使用します。
self-hosted-funnel-launch
autonnel
セルフホスト型ファネルビルダーをデプロイし、空のインストールから公開までファネルを進める(ランディングページ、チェックアウト、ワンクリックアップセル、サンクスページ)、そしてMCP経由でエージェントから操作する。Cloudflare Workersの無料枠またはDockerへのデプロイ、決済・カタログ・コンバージョントラッキングの設定、および失敗する書き込みの大半を引き起こすルールを含むMCPツールサーフェスを網羅する。自社インフラ上にセールスファネルやランディングページを構築・デプロイ・ホストするよう依頼された場合に使用する。セルフホストする...
landing-page-conversion-audit
autonnel
ランディングページ、セールスページ、またはチェックアウトページのコンバージョン漏れを監査し、期待される収益への影響で順序付けられた修正リストを返します。コンバージョン率が低い場合、有料トラフィックがコンバージョンしていない場合、「このページがコンバージョンしないのはなぜか」と尋ねられた場合、またはCRO/ランディングページレビューを希望する場合に、ランディングページ、セールスページ、オプトインページ、商品ページ、チェックアウトフローのレビュー、批評、改善を依頼されたときに使用します。
funnel-platform-picker
autonnel
ランディングページまたはセールスファネルプラットフォームを選ぶ際に、特定のケースにおける実際の総コストとロックインを算出して比較します。ClickFunnels、CartFlows、FunnelKit、systeme.io、GoHighLevel、Shopifyアプリ、手作りのページ、セルフホスト型のオープンソースオプションを比較対象とします。どのファネルビルダーやランディングページビルダーを使うべきか、ClickFunnelsを離れるべきか、セルフホスト型やオープンソースの代替案に価値があるか、ファネルソフトウェアのコストを削減する方法について尋ねられたときに使用します。
sales-funnel-blueprint
autonnel
オファーを具体的なマルチステップのセールスファネル仕様に変換する—ページごとの構成、価格ラダー、コピーアウトライン、各ステップが達成すべき指標。セールスファネル、マーケティングファネル、ランディングページフロー、リードマグネットファネル、ウェビナーファネル、トリップワイヤーまたはVSLファネルの構築を求められたとき、製品ローンチページフローの計画時、またはオンラインで何かを販売する際に「どのページが必要か」と尋ねられたときに使用する。