/No-Code Development Agency

Bubble.io에서 구독 계획을 어떻게 구축하나요?

Bubble.io에서 구독 플랜을 만드는 방법에 대한 우리의 쉽게 따라할 수 있는 가이드를 통해 반복적인 수익의 힘을 해제하세요 - 초보자와 경험 많은 개발자 모두에게 완벽합니다!

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와 같은 결제 게이트웨이와 통합하는 것을 포함합니다. Bubble.io 앱에서 구독 플랜을 설정하기 위해 준수해야하는 단계는 다음과 같습니다:

1 단계 : Stripe 플러그인을 Bubble.io 앱에 설치하십시오. Bubble 편집기 내의 플러그인 탭으로 이동하여 Stripe 플러그인을 찾습니다. 찾으면 설치하십시오.

2 단계 : API 키를 입력하여 Stripe 플러그인을 구성하십시오. 공개 키와 시크릿 키가 필요하며 이는 Stripe 대시보드에서 가져올 수 있습니다.

3 단계 : Stripe 내에서 앱에서 제공하고 싶은 구독 플랜을 설정하십시오. 플랜 ID를 기록하고 Bubble 앱에서 플랜을 참조해야 합니다.

4 단계 : Bubble 편집기로 돌아가 구독 기능을 추가하려는 페이지로 이동하십시오. 사용자에게 구독 과정을 시작하는 버튼 또는 다른 요소를 삽입하십시오.

5 단계 : 워크플로우 탭으로 이동하여 해당 요소에 대한 새 워크플로우를 생성하여 버튼 또는 트리거 요소와 연결된 워크플로우를 시작하십시오.

6 단계 : 워크플로우 액션에서 "사용자를 구독에 등록"하는 액션을 추가하십시오 (이 옵션은 Stripe 플러그인이 올바르게 설치된 경우 사용할 수 있습니다).

7 단계 : 구독 액션을 구성하십시오. Stripe에서 생성한 플랜 중에서 드롭다운 메뉴에서 플랜을 선택하여 지정할 수 있습니다. 동적으로 플랜을 할당하려는 경우 (예: 사용자의 선택에 따라), 동적으로 플랜을 지정하는 옵션을 체크하고 그것을 설정하기 위한 적절한 데이터를 사용하십시오.

8 단계 : 기존의 구독을 수정해야 하는 경우, 어떤 구독을 업데이트 할지를 나타내는 데 구독 ID 필드를 사용하십시오. 비워 두면, 액션은 Stripe가 반환하는 첫 번째 구독을 수정합니다.

9 단계 : 구독 플랜이 수량 (사용자 수와 같은)을 필요로 하는 경우, 이를 수량 필드에 명시하십시오. 대부분 경우에 값은 1로 설정됩니다.

10 단계 : 배포 후 앱이 올바르게 작동하도록 하려면 개발 및 실시간 버전의 Stripe 계정에 동일한 플랜이 동일한 ID로 있도록 해야 합니다.

11 단계 : Stripe의 테스트 결제 정보를 사용하여 테스트 사용자를 구독하여 구독 설정을 테스트하십시오. 이는 모든 것이 예상대로 작동하는지 확인할 수 있습니다.

12 단계 : 테스트 하고 작동을 확인하면, 앱을 게시하고 실제 거래에 대해 실시간 버전의 Stripe API 키로 전환하는 것을 잊지 마십시오.

이 단계들을따르고 언급된 세부 사항에 주의를 기울이면, Bubble.io 앱 내에서 구독 서비스를 설정할 수 있어야 합니다. 활성화하기 전에 반드시 철저하게 테스트하고 사용자에게 원활한 경험을 제공하기 위해 항상 확인하십시오.

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

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