/No-Code Development Agency

Bubble.io에서 구독 플랜을 어떻게 설정하나요?

Bubble.io에서 구독 플랜을 만드는 방법을 단계별 가이드로 쉽게 배워보세요. 오늘 우리의 SaaS 모델을 향상시키고 효율적으로 수익을 창출하세요!

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

Bubble.io에서 구독 플랜을 어떻게 설정하나요?

Bubble.io에서 구독 플랜을 설정하는 것은 일반적으로 Stripe와 같은 결제 제공업체와 통합합니다. 다음은 시작하는 데 도움이 될 간단한 단계별 가이드입니다:

1단계:
Bubble.io 편집기에서 플러그인 탭으로 이동하여 Stripe와 같은 결제 처리 플러그인을 설치합니다. Stripe 플러그인을 애플리케이션에 추가하는 방법을 따릅니다.

2단계:
플러그인 탭에서 Stripe 계정에서 API 키를 입력합니다. 이렇게 하면 Bubble 애플리케이션이 Stripe 계정에 연결되어 결제를 관리하고 처리할 수 있습니다.

3단계:
Stripe에서 플랜을 구성합니다. 사용자에게 제공하려는 구독 플랜을 직접 Stripe 대시보드 내에서 만들어야 합니다. 각 플랜에는 고유 식별자가 있어야 합니다.

4단계:
Stripe에서 플랜을 설정한 후, Bubble 애플리케이션에서 구독 로직을 추가하려는 작업 흐름으로 이동합니다.

5단계:
Stripe 플러그인의 "사용자를 플랜에 가입시키다"라는 작업을 사용합니다. 이 작업은 작업 흐름 작업의 결제 > Stripe에서 찾을 수 있습니다.

6단계:
특정 플랜을 선택하는 대신 사용자에게 동적으로 플랜을 할당하려면 Stripe 작업에서 "동적으로 플랜 지정" 상자를 체크하십시오.

7단계:
구독 유형을 선택합니다 - 단일 플랜을 선택하거나 구독에 여러 플랜을 포함시킬 수 있습니다.

8단계:
드롭다운에서 플랜 이름을 선택합니다. 이 드롭다운은 자동으로 Stripe 계정에서 생성한 플랜으로 채워집니다. 동적 플랜을 사용하는 경우 값이 Stripe에서 정의한 플랜 중 하나와 일치하는지 확인해야 합니다.

팁: 앱의 개발 버전과 라이브 버전이 있는 경우, 일치하는 ID가 있는 Stripe의 두 환경에서 플랜이 있어야 합니다.

9단계:
해당하는 경우 플랜의 수량과 같은 추가 매개 변수를 정의합니다.

10단계:
구독이 생성된 후 필요한 기타 작업 흐름 조치를 설정합니다. 예를 들면 페이지 네비게이션 또는 사용자 알림 등입니다.

11단계:
앱의 개발 버전에서 설정을 철저히 테스트한 후에 실시간 변경 사항을 적용합니다. 구독이 예상대로 생성되고 사용자 액세스가 부여되거나 업데이트되는지 확인합니다.

12단계:
설정을 테스트하고 만족하면 앱을 라이브로 배포합니다.

이제, Bubble.io 앱은 Stripe를 통해 사용자 구독을 처리하도록 설정되어야 합니다. 구독 관리는 취소, 업데이트, 환불 처리도 포함되므로 관련된 모든 작업 흐름을 설정하는 것이 중요합니다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences