Bubble.io에 결제 게이트웨이를 어떻게 통합하나요?

Bubble.io 앱에 Stripe 결제 게이트웨이를 통합하는 것에는 다수의 중요한 단계가 포함됩니다. 이 과정을 돕기 위해, 여기 단계별 가이드를 준비했습니다:

단계 1: Bubble.io 앱에 Stripe 플러그인을 설치하십시오. 이 플러그인을 사용하면 사용자의 신용 카드를 청구하고 구독을 처리할 수 있습니다. 플러그인 메뉴에서 "Checkout v3"를 선택하면 Strong Customer Authentication (SCA)를 활성화할 수 있습니다.

단계 2: 현재 사용자에게 요금을 청구하는 동작을 설정하여, 그들에게 신용 카드 정보를 입력하도록 요청하십시오. 사용자가 성공적으로 청구되면, Stripe의 응답, 예를 들어 Stripe 청구 ID, 금액, 확인 사항 등은 '앞 단계의 결과'로 이후의 동작에서 접근할 수 있습니다.

단계 3: 'Payer email'을 청구될 사용자의 이메일로 정의하십시오. 보통은 '현재 사용자의 이메일'을 사용합니다.

단계 4: 청구될 '금액'을 입력하십시오. 제품이나 서비스의 가격에 따라 동적 데이터를 삽입할 수 있습니다.

단계 5: 청구서 흐름과 Stripe로부터 이메일 영수증에 나타날 제품의 '이름'을 정의하십시오.

단계 6: 제품이나 서비스에 대한 '설명'을 제공하십시오. 이는 청구 흐름과 사용자에게 보내는 이메일에 나타날 것입니다.

단계 7: 제품이나 서비스를 대표하는 '이미지'가 있다면, 청구 흐름 동안 나타나도록 추가하십시오.

단계 8: 거래에 대한 '통화'를 지정하십시오. 나열되어 있지 않은 경우 수동으로 추가할 수 있습니다.

단계 9: Stripe Checkout 양식에 대한 '버튼 캡션'을 커스터마이즈하십시오. 참고로 금액은 활성화되었을 때 캡션에 포함될 것입니다.

단계 10: 선택적으로, 고객의 명세서에 결제가 어떻게 표시될지를 사용자 정의하기 위해 'Statement descriptor'를 생성하십시오.

단계 11: 'Authorize the charge only'를 결정하십시오. 이는 요금이 승인되지만 즉시 청구되지 않음을 의미하며; 이는 나중에 청구할 수 있습니다.

단계 12: 마켓플레이스의 경우, 결제가 다른 사용자(판매자나 서비스 제공자 등)에게 이루어질 수 있도록 설정을 구성하십시오. 이는 '이 거래의 지불자는 다른 사용자다'를 선택하여 확인할 수 있습니다.

단계 13: '거래 지불자'를 할당하십시오. 일반적으로 판매되는 제품 또는 서비스의 생성자입니다.

단계 14: 해당되는 경우, 거래에 청구할 'App fee'를 설정하십시오. 이는 정액의 통화 금액이어야 합니다.

단계 15: 프로모션 또는 할인을 제공할 계획이라면, 체크아웃 동안 사용자가 코드를 입력할 수 있도록 'Allow promotion codes'를 선택하십시오.

단계 16: 필요한 경우, 'Tax rate to checkout'을 추가하십시오. 이는 체크박스를 체크하고, Stripe 대시보드에서 세금율 객체를 만들었음을 확인해야 합니다.

단계 17: Bubble에서 기본 성공 메시지를 표시할지 여부를 결정하십시오. 사용자 정의 메시지를 선호한다면, 기본 경고 옵션을 선택 취소하십시오.

단계 18: 필요한 경우, 카드를 즉시 청구하지 않고 '사용자의 CC 정보 수집' 동작을 사용하십시오. 이는 지연된 지불이나 크라우드펀딩 시스템에 유용할 수 있습니다.

마지막으로, 테스트는 중요합니다. Stripe가 요금을 처리하는 방식과 앱이 이러한 거래를 처리하는 방식, 특히 모든 것이 의도대로 작동하는지 확인하기 위해 여러 테스트 거래를 실행하십시오. 이 단계별 가이드는 일반적인 지침을 포함하고 있지만, 자세한 요구사항에 대해서는 Stripe 문서와 Bubble.io 매뉴얼을 확인하십시오.