/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에서 거래를 어떻게 처리하나요?

단계 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에서 거래를 성공적으로 처리하고 앱의 다양한 결제 시나리오에 효과적으로 대응할 수 있습니다.

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

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