Paywall은 사용자가 제품을 구매하도록 권장하는 화면입니다. RevenueCat의 paywall 시스템은 서버 기반 UI를 기반으로 구축되어 새 앱 버전을 릴리스할 필요 없이 Paywall Editor를 사용하여 레이아웃을 즉시 업데이트할 수 있습니다.

이를 통해 팀은 앱 업데이트 지연 없이 A/B 테스트, offering 개선, 메시징 최적화에 집중하여 구독을 늘릴 수 있습니다.

사전 요구사항: Offering 설정

Paywall을 생성하기 전에 패키지가 포함된 Offering이 최소 하나 이상 구성되어 있어야 합니다. Paywall은 Offering에 연결되며, 해당 Offering 내의 패키지가 사용자에게 표시될 제품을 결정합니다.

Paywall과 Offering의 관계

Paywall과 Offering 간의 관계를 이해하는 것이 중요합니다:

• Offering = 패키지(제품)를 담는 컨테이너
• Paywall = 해당 패키지를 표시하는 시각적 프레젠테이션 레이어
• 하나의 Offering에는 한 번에 하나의 활성 Paywall만 연결할 수 있습니다
• Paywall에 Offering을 선택하면 해당 Offering 내의 모든 패키지에 자동으로 접근할 수 있습니다

새 Paywall 생성

구축을 시작하려면 프로젝트의 Paywalls 페이지로 이동하여 + New Paywall을 클릭합니다.

시작점 선택

세 가지 옵션으로 시작할 수 있습니다:

1. 사전 제작 템플릿 (권장) - 전문적으로 디자인된 템플릿으로 시작하여 커스터마이징
2. 처음부터 시작 - 빈 캔버스에서 Paywall 구축
3. Figma에서 가져오기 - Figma에서 직접 디자인 가져오기

Paywall Editor 사용하기

Paywall Editor는 세 가지 주요 영역으로 구성됩니다:

• 왼쪽 사이드바 - 컴포넌트 추가, 레이어 계층 구조 보기, 브랜딩 및 미디어 자산 관리
• 중앙 미리보기 - Paywall의 실시간 시각화
• 오른쪽 패널 - 선택한 컴포넌트의 속성 구성 (크기, 스타일, 동작)

주요 구성 단계

1. Paywall 이름 설정 - Paywall에 설명적인 이름 부여 (예: "메인 구독 Paywall")
2. Offering 선택 - 이 Paywall이 표시할 Offering 선택. 식별자가 Paywall을 Offering에 연결합니다.
3. 컴포넌트 구성 - 텍스트, 이미지, 아이콘, 패키지 선택기, 구매 버튼 추가 및 배치
4. 디자인 스타일링 - 앱 브랜딩에 맞게 색상, 폰트, 간격, 이미지 커스터마이징
5. 구매 버튼 설정 - 구매 버튼이 선택한 패키지의 결제를 트리거하도록 연결

사용 가능한 컴포넌트

RevenueCat은 Paywall을 위한 다양한 빌딩 블록을 제공합니다:

• 텍스트 및 이미지 - 헤드라인, 설명, 기능 목록, 시각적 자산
• 패키지 선택기 - 연결된 Offering의 구독 옵션 표시
• 구매 버튼 - 선택한 패키지의 구매 플로우 트리거
• 푸터 - 이용약관, 개인정보 보호정책, 구매 복원 링크
• 스택 및 컨테이너 - 다른 요소를 구성하는 레이아웃 컴포넌트
• 캐러셀 - 스와이프 가능한 콘텐츠 섹션

미리보기 옵션

편집기의 미리보기 컨트롤을 사용하여 Paywall을 테스트하세요:

• 라이트 모드와 다크 모드 간 전환
• 다양한 디바이스 크기 (iPhone, iPad) 간 전환
• 지역화된 콘텐츠가 있는 경우 다른 로케일 미리보기

초안 vs 게시됨

Paywall에는 두 가지 상태가 있습니다:

워크플로우:

1. 변경사항을 만들고 "Save to draft"를 클릭하여 라이브 사용자에게 영향을 주지 않고 작업 저장
2. 준비가 되면 "Publish changes"를 클릭하여 Paywall을 라이브로 전환
3. 게시된 Paywall은 언제든지 비활성 상태로 전환할 수 있습니다

App Store 제품 및 RevenueCat 대시보드 설정을 위한 모든 구성 단계를 완료했습니다! 다음으로 모든 것이 올바르게 작동하는지 확인하기 위해 샌드박스 테스트를 설정해 보겠습니다.