Bubble.io 거래를 쉽게 마스터하세요! 원활하고 신뢰할 수 있는 작업흐름을 위한 단계별 가이드에 뛰어들고, 앱의 효율성을 높이는 전문가 팁을 확인하세요.
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.
단계 1: 사용자 등록 확인
먼저, 거래에 참여하는 사용자가 Bubble.io 앱에 가입했는지 확인하세요. 결제를 받을 사용자는 앱 내에서 판매자로도 등록해야 합니다.
단계 2: Stripe 플러그인 설정
Stripe 플러그인을 Bubble.io 앱에 통합하세요. 이는 신용카드 거래를 안전하게 처리할 수 있게 해주는 중요한 단계입니다. 설정 완료 후에는 Stripe가 신용카드 정보의 안전한 저장을 포함한 결제 과정을 관리하게 됩니다.
단계 3: 결제 세부 사항 정의
거래에 대한 결제 금액과 화폐를 결정하세요. 마켓플레이스의 경우, 수취인을 지정하세요. 일반적으로 이는 리스팅을 작성한 사용자에게 결제를 원할 경우 '현재 목록 물품의 작성자'가 됩니다.
단계 4: 결제 워크플로우 설계
거래로 이어지는 워크플로우를 구축하세요. 이는 '저장된 CC(신용카드)를 사용하여 사용자에게 요금 청구'나 '사용자를 플랜에 가입시키기'와 같은 액션을 포함할 수 있습니다.
단계 5: 앱 수수료 정의
거래에 대한 수수료를 청구하려면 이를 화폐 금액으로 지정하세요. Bubble.io의 Composer를 사용하여 수수료 값을 계산할 수 있습니다.
단계 6: Stripe 기능 사용
프로모션 코드, 체크아웃 시 세율 추가, 청구서 발행 등의 Stripe 기능을 활용하세요. 사용자가 Stripe 대시보드에서 생성된 프로모션 코드 또는 할인 코드를 사용할 수 있게 할 수 있습니다. 필요한 경우 Stripe 대시보드에서 세율이 포함되도록 해야 합니다.
단계 7: 신용카드 정보 처리
사용자가 신용카드 정보를 입력할 수 있는 워크플로우를 생성하세요. 결제를 지연시키려는 경우(예: 크라우드펀딩 시나리오), 사용자가 자신의 정보를 입력하도록 요청하는 '사용자의 CC 정보 수집' 액션을 사용합니다.
단계 8: 신용카드 업데이트 또는 청구
필요한 경우 '기존 주 카드 업데이트' 또는 '저장된 CC를 사용하여 사용자에게 청구' 액션을 이용하여 거래 요구사항에 따라 조치를 취하세요. 사용자의 기본 카드를 바꾸거나, 저장된 특정 카드를 청구하려는 경우를 지정하세요.
단계 9: 승인된 청구금 장부화
아직 장부화되지 않은 승인된 청구에 대해 '승인된 청구 장부화' 작업을 사용하세요. 승인되지만 장부화되지 않은 청구는 7일 후에 만료됩니다. 이는 Stripe의 정책에 따른 것입니다.
단계 10: 청구서 생성 및 업데이트
거래 과정이 청구서를 포함하는 경우, '청구서 생성' 작업을 사용하여 초안 청구서를 생성하고 '청구서 업데이트'를 사용하여 기존 청구서에 수정을 가할 수 있습니다.
단계 11: 사용자를 판매자로 등록
비즈니스 모델이 마켓플레이스를 포함한다면, '사용자를 판매자로 등록' 작업을 사용하여 사용자가 거래 후에 그들의 계정에 입금할 수 있게 합니다. 사용자가 Stripe에서 호스팅하는 판매자 온보딩 과정을 완료하도록 해야 합니다.
단계 12: 거래 상태 및 메시지 관리
이 단계들을 거치면서 '성공 메시지 표시 안 함' 체크박스에 주의하세요. 성공한 작업 후에 기본 메시지 대신 사용자 정의 메시지를 표시하려면 이 박스를 선택 취소하세요.
이 단계를 따르면, Stripe 플러그인을 사용하여 Bubble.io에서 거래를 성공적으로 처리하고 앱의 다양한 결제 시나리오에 효과적으로 대응할 수 있습니다.
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.
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.
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.