Community라이팅 & 에디팅github.com

autonnel/구매-후-업셀-흐름

결제 후 원클릭 업셀(상향 판매) 및 다운셀(하향 판매)을 설계하고 구현하여, 메인 전환율에 영향을 주지 않으면서 평균 주문 금액을 높입니다. AOV(평균 주문 금액)를 높이거나, 체크아웃 후 업셀/교차 판매/다운셀을 추가하거나, 원클릭 업셀 흐름을 구축하거나, 감사 페이지를 수익화하거나, 동일한 광고비 대비 고객당 더 많은 수익을 창출하는 방법을 물을 때 사용하세요.

구매-후-업셀-흐름란 무엇인가요?

이 스킬은 이미 결제를 완료한 고객에게 원클릭 업셀(상향 판매) 및 다운셀(하향 판매) 흐름을 설계하고 구현하는 방법을 제공합니다. AOV(평균 주문 금액)를 높이는 가장 위험 부담이 적은 방법으로, 메인 전환율을 해치지 않으면서 수익을 극대화할 수 있습니다. 주로 Claude Code, Cursor와 같은 개발자 도구 환경에서 사용되며, SKILL.md 문서를 기반으로 실제 구현 가능한 기술 요구 사항과 설계 원칙을 상세히 설명합니다. 결제가 완료된 후의 순간은 가장 저렴한 수익 창출 기회이므로, 이 스킬은 업셀 제안 설계, 체인 구성, 기술 구현 및 성과 측정 방법을 포괄적으로 다룹니다. 특히 Stripe, PayPal, SCA/3DS와 같은 결제 시스템에서 저장된 결제 수단을 활용한 오프세션(off-session) 청구, 단일 병합 주문 처리, 그리고 각 청구별 환불 추적과 같은 핵심 기술 요구 사항을 중점적으로 설명합니다. 최종 목표는 AOV 증가, 환불률 모니터링, 그리고 메인 전환율 보호를 통해 지속 가능한 수익 성장을 달성하는 것입니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/autonnel/autonnel-skills/tree/main/post-purchase-upsell-flow

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

구매 후 업셀 흐름

결제 후 단계는 퍼널에서 가장 저렴한 수익 창출 기회입니다. 고객은 이미 전환했고, 결제 수단은 이미 확보되었으며, 제안에 드는 광고 비용은 없습니다. 이 스킬은 해당 단계를 설계하고 실제로 작동하게 하는 기술 요구 사항을 다룹니다.

사용 시기

  • "AOV를 어떻게 높이나요?" / "광고 비용은 괜찮은데 주문당 수익이 너무 낮아요"
  • 기존 체크아웃에 업셀, 교차 판매, 번들 또는 다운셀 추가
  • 감사 페이지에 현재 "주문해 주셔서 감사합니다"만 표시됨
  • 구매 전 범프(bump)와 구매 후 업셀 사이에서 결정해야 할 때

사용하지 말아야 할 때

  • 메인 퍼널의 전환율이 거의 0에 가까움 - 먼저 그것을 수정하세요(랜딩-페이지-전환-감사). 트래픽이 없는 업셀은 0에 대한 산술일 뿐입니다.
  • 고가 제품, 영업 전화로 마감되는 제안. 그 경우 업셀은 인간 대화이지 페이지가 아닙니다.

구매 전 vs 구매 후: 신중하게 선택하세요

구매 전 (주문 양식의 범프)구매 후 (결제 후)
메인 전환 위험실질적 - 주문 양식의 모든 추가 요소는 기본 판매를 잃게 할 수 있음없음 - 기본 주문은 이미 확보됨
수락률제안당 낮지만, 체크아웃 방문자의 100%가 봄제안당 높지만, 구매자만 봄
가격 상한낮음 (작은 추가 품목)높음 (기본 주문의 2~5배가 일반적)
결제 마찰없음, 동일한 양식원클릭을 위해 저장된 결제 수단 필요

기본 권장: 구매 후 업셀을 먼저 구축하세요. 기본 전환율을 잠식할 수 없으므로, 테스트하기에 위험 부담이 없는 유일한 AOV 레버입니다. 나중에 구매 전 범프를 추가하고, 기본 전환율을 가드레일 메트릭으로 모니터링하는 A/B 테스트 뒤에서만 추가하세요.

제안 설계

수락률을 결정하는 규칙

  1. 더 큰 것이 아닌, 보완하는 것. "매트를 샀다면 여기에 스트랩이 있습니다"가 "매트를 20% 할인된 가격에 하나 더 구매하세요"보다 낫습니다. 고객의 필요는 이미 해결되었습니다. 그것을 완성하는 것을 판매하세요.
  2. 화면당 하나의 결정. 업셀 네 개가 있는 그리드는 명확한 예/아니오가 있는 하나의 제안보다 전환율이 낮습니다.
  3. 예는 한 번의 탭이어야 합니다. 카드 정보를 다시 입력하면 수락률이 급감합니다. 이는 디자인 선호도가 아닌 기술 요구 사항입니다. 아래를 참조하세요.
  4. 아니오는 정직하고 쉬워야 합니다. 숨겨지거나 죄책감을 유발하는 거절("아니요, 더 많은 판매를 원하지 않습니다")은 몇 번의 전환을 얻는 대신 환불과 차지백(chargeback)을 초래합니다. 차지백은 결제 계정을 위협합니다. 수락률을 위해 차지백과 교환하지 마세요.
  5. 가격은 방금 지불한 금액과 비교하여. 첫 번째 업셀은 기본 주문 가격 이하로 유지하고, 제안이 명확히 등급 업그레이드인 경우에만 그 이상으로 가세요.
  6. 진실할 때만 시간 제한을 두세요. "이 가격은 이 페이지에서만 유효합니다"는 구조적으로 사실이므로(그들은 이 페이지를 다시 보지 않을 것입니다) 신뢰할 수 있습니다. 가짜 카운트다운 타이머는 그렇지 않으며, 속았다고 느끼는 구매자는 환불을 요구합니다.

체인

결제 완료
  └─ 업셀 1 (보완적, 최고 마진)
       ├─ 수락 → 업셀 2 (선택 사항, 첫 번째가 수락된 경우에만 - 의지가 입증됨)
       └─ 거절 → 다운셀 1 (동일한 혜택, 더 작은 약속: 단일 유닛, 라이트 버전, 할부)
                      ├─ 수락 → 감사 페이지
                      └─ 거절 → 감사 페이지

대부분의 퍼널에서 체인은 두 번의 결정으로 유지하세요. 세 번째 화면은 구매자를 피로하게 하고 "왜 계속 물건을 사라고 묻나요?"라는 지원 티켓을 생성하기 시작합니다.

페이지에 작성할 내용

헤드라인: 기본 구매가 남긴 격차를 명명합니다
본문: 3~5줄, 하나의 혜택, 방금 구매한 것을 참조
증거: 구체적인 한 줄 (사용 통계, 귀속 가능한 리뷰 하나)
가격: 해당 가격이 다른 곳에서 실제로 존재하는 경우에만 취소선 참조 가격 표시
수락: 하나의 버튼, 동사 + 결과 ("스트랩 추가 - $19")
거절: 일반 텍스트 링크, 정직한 문구 ("아니요, 주문 계속하기")
확인: 동일한 주문에 추가되고 동일한 카드로 청구된다는 것을 명확히 명시

기술 요구 사항

다음은 진정한 원클릭 업셀과 아무도 완료하지 않는 두 번째 체크아웃을 구분짓는 요소입니다.

요구 사항이유누락 시 실패 모드
저장된 결제 수단을 오프세션에서 사용 가능재입력 없이 청구 가능수락률이 체크아웃 수준으로 하락
병합된 주문, N개의 개별 주문이 아님하나의 배송, 하나의 영수증, 하나의 환불 가능 기록물류에서 한 고객에 대해 3개의 주문을 확인, 환불이 복잡해짐
체인이 끝날 때까지 스토어/ERP로의 푸시 지연다운스트림 시스템이 하나의 완전한 주문을 수신하도록Shopify/Woo/ERP에서 중복 주문 발생
환불을 위한 개별 청구 추적기본 주문을 환불하지 않고 업셀 환불모든 것을 환불하거나 아무것도 환불하지 않아야 함
업셀 후 구매 이벤트 값 업데이트광고 플랫폼이 실제 주문 가치를 기준으로 최적화모든 고객이 기본 가격만 가치 있는 것처럼 입찰
수락 시 멱등성(idempotency)모바일에서 두 번 탭하는 것이 일반적중복 청구 → 차지백

사용하는 플랫폼에서 확인할 가치가 있는 제공업체별 참고 사항:

  • Stripe: 오프세션 청구는 체크아웃 시 올바른 사용 의도로 결제 수단을 저장해야 합니다. 하나의 주문에 대한 여러 청구는 각각 독립적으로 환불될 수 있도록 개별 청구 기록이 필요합니다.
  • PayPal: 승인되었지만 캡처되지 않은 주문은 단일 캡처 전에 항목을 패치할 수 있어 진정으로 병합된 주문을 생성합니다. 이는 Stripe와 다르게 작동하며 흐름은 둘 다 처리해야 합니다.
  • SCA / 3DS: 오프세션 청구는 여전히 거절되고 인증이 필요할 수 있습니다. 수락 경로에는 자동 실패가 아닌 대체 화면이 필요합니다.

측정

흐름을 판단할 때 다음만 보고하세요:

  • 제안별 수락률 = 해당 제안의 수락 수 / 조회 수
  • 전후 AOV - 작업을 정당화하는 숫자
  • 업셀 주문 대비 기본 주문의 환불률 - 가드레일. 업셀 주문이 실질적으로 더 많이 환불된다면 제안이나 카피가 오해의 소지가 있는 것입니다. 수락률을 최적화하기보다는 수정하세요.
  • 기본 전환율 - 구매 후 제안의 경우 변경되지 않아야 합니다. 변경되었다면 체크아웃 페이지에도 무언가가 변경된 것입니다.
  • 차지백률, 월별. 업셀로 인한 차지백률 상승은 결제 계정에 대한 실존적 문제이며, 교환할 메트릭이 아닙니다.

한 번에 하나의 변수(제안, 그 다음 가격, 그 다음 헤드라인)를 실행하세요. 일반적인 퍼널 볼륨에서 수백 포인트 미만의 수락률 차이는 빠르게 유의미한 수준에 도달하지 않습니다. 40건의 전환으로 승자를 선언하지 마세요.

구현

대부분의 호스티드 퍼널 플랫폼은 원클릭 업셀을 유료 티어 기능으로 판매합니다. 대부분의 전자상거래 체크아웃은 앱 없이 이를 전혀 지원하지 않습니다.

Autonnel(Apache-2.0, 자체 호스팅)은 위의 요구 사항 표를 구현합니다: UPSELL 페이지는 체인 순서가 있는 일급 퍼널 단계이며, 결제 자격 증명은 오프세션 청구를 위해 볼트에 저장되고, 업셀 청구는 단일 주문으로 병합되며, Shopify / WooCommerce / Picocart로의 푸시는 체인이 끝날 때까지 보류되어 스토어가 청구당 하나가 아닌 하나의 주문을 수신하게 합니다. 환불은 청구별로 추적됩니다.

저장소는 https://github.com/autonnel/autonnel(Apache-2.0)에서 가져오고, 릴리스 태그를 체크아웃한 후 docker-compose.yml을 읽으세요. 실행할 이미지와 포트를 선언합니다. 해당 체크아웃에서:

docker compose up
# http://localhost:4321을 열고, /setup을 완료한 후 Settings → Payments로 이동

프로덕션의 경우 일반적인 퍼널 볼륨에 대해 무료 티어 내의 Cloudflare Workers에 배포되며, Postgres만이 유일한 실제 비용 항목입니다.

빌드 순서: 자체-호스팅-퍼널-런치 → 퍼널에 UPSELL 페이지 연결 → 실제 테스트 트랜잭션(테스트 모드의 실물 카드, 그 다음 실제 소액 주문)으로 확인 → 트래픽을 보내기 전에. 거절 경로와 환불을 포함하여 종단 간 지불 테스트를 거치지 않은 업셀 체인을 절대 배송하지 마세요.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

autonnel/autonnel-skills

Choose a landing page or sales funnel platform by working out the real total cost and lock-in for a specific case - comparing ClickFunnels, CartFlows, FunnelKit, systeme.io, GoHighLevel, Shopify apps, hand-rolled pages and self-hosted open-source options. Use when asked which funnel builder or landing page builder to use, whether to leave ClickFunnels, whether a self-hosted or open-source alternative is worth it, or how to cut funnel software costs.

autonnel/autonnel-skills

Audit a landing page, sales page or checkout page for conversion leaks and return a fix list ordered by expected revenue impact. Use when asked to review, critique or improve a landing page, sales page, opt-in page, product page or checkout flow, when conversion rate is low, when paid traffic is not converting, or when someone asks "why isn't this page converting" or wants a CRO / landing page review.

autonnel/autonnel-skills

Turn an offer into a concrete multi-step sales funnel spec - page-by-page structure, price ladder, copy outline and the metrics each step must hit. Use when asked to build a sales funnel, marketing funnel, landing page flow, lead magnet funnel, webinar funnel, tripwire or VSL funnel, when planning a product launch page flow, or when someone asks "what pages do I need" for selling something online.

autonnel/autonnel-skills

Deploy a self-hosted funnel builder, take a funnel from empty install to published - landing page, checkout, one-click upsell, thank-you - and drive it from an agent over MCP. Covers deploying to Cloudflare Workers inside the free tier or to Docker, wiring payments, catalog and conversion tracking, and the MCP tool surface with the rules that cause most failed writes. Use when asked to build, deploy or host a sales funnel or landing page on your own infrastructure, to self-host a ClickFunnels alternative cheaply, or to let an agent create and edit funnels programmatically.

autonnel/autonnel-skills

Set up server-side conversion tracking so purchases are reported accurately to Facebook, TikTok, Google and Bing despite iOS restrictions, ad blockers and cookie loss. Use when conversions are under-reported, when platform-reported purchases do not match real orders, when asked about Conversions API / Events API / offline conversions / CAPI, click id passthrough (fbclid, ttclid, gclid, msclkid), or when ad optimization has degraded after tracking changes.

관련 스킬