/No-Code Development Agency

Bubble.io에서 PayPal 통합을 어데서 구현할 수 있나요?

PayPal을 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에서 PayPal 통합을 어데서 구현할 수 있나요?

Bubble.io 앱에 PayPal 통합을 구현하는 것은 Braintree 결제 처리 시스템을 통해 PayPal 서비스에 연결하는 것을 포함합니다. PayPal이 소유한 Braintree는 PayPal을 통한 거래뿐만 아니라 신용 카드 및 Apple Pay 및 Android Pay와 같은 기타 결제 방법을 지원합니다. 다음은 Bubble.io 응용 프로그램에서 Braintree를 사용하여 PayPal 통합을 설정하기 위한 간단하고 이해하기 쉬운 단계별 가이드입니다:

단계 1: Braintree 계정 생성
Braintree 계정을 생성하십시오. Braintree 웹사이트를 방문하여 계정에 가입하십시오. 가입한 후 실제로 사용하기 전에 Sandbox 환경을 사용할 수 있습니다. 이를 통해 실제 거래를 사용하지 않고 테스트하고 살펴볼 수 있습니다.

단계 2: Braintree에서 API 키 받기
Braintree 대시보드에 접속하여 API 키 섹션을 찾습니다. 필요한 키를 생성하십시오. 이에는 공개 키, 비밀 키, 상인 ID가 포함됩니다. 테스트에는 Sandbox 키를 사용하고 애플리케이션을 출시할 준비가 되면 실제 키를 사용하십시오.

단계 3: Bubble에서 Braintree 플러그인 설치
Bubble.io 편집기 안에서 "플러그인" 탭으로 이동합니다. "Braintree" 플러그인을 검색하고 설치하세요. 이는 Braintree가 PayPal 결제를 처리하기 때문에 필수 단계입니다.

단계 4: API 키로 플러그인 구성
플러그인이 설치된 후, Braintree에서 받은 API 키로 이를 구성해야 합니다.
테스트 모드인 경우 Sandbox 키를 입력하고 제작 준비가 된 경우 실제 키를 입력하세요.

단계 5: PayPal 요금 액션 설정
Bubble 앱에서 사용자에게 요금을 부과하는 위치와 방법을 정의해야 합니다. 이는 결제 페이지에서 또는 사용자가 서비스에 가입할 때가 될 수 있습니다. 사용자에게 요금을 부과하고 싶은 워크플로우 이벤트를 추가하고, Braintree의 "현재 사용자에게 요금 부과" 액션을 사용하세요.

단계 6: 결제 양식 사용자 지정
Bubble 앱 내에서 결제 양식을 사용자 지정하여 PayPal 정보를 사용자에게 요청할 수 있습니다. 이에는 금액, 사용자의 PayPal 계정에 표시될 설명 및 버튼의 캡션(예: 'PayPal로 지불')을 설정하는 필드가 포함됩니다.

단계 7: 결제 과정 테스트
Braintree Sandbox를 사용하여 모든 것이 올바르게 작동하는지 확인하기 위해 거래를 시뮬레이션합니다. Braintree에서 제공하는 가짜 PayPal 계정을 사용하여 실제 돈을 사용하지 않고 거래 과정을 모방할 수 있습니다.

단계 8: 실제로 사용하기
결제 과정이 의도한대로 작동한다는 확신이 들면 Sandbox 키에서 실제 키로 전환하십시오. 실제로 사용하기 전에 모든 것을 철저히 테스트하여 거래 문제를 방지하세요.

Braintree 이용 약관을 주의 깊게 읽고 PayPal을 결제 방법으로 사용할 때의 수수료 구조를 이해하십시오. 또한 결제 및 사용자 데이터 안전에 관한 Bubble의 정책과 지침을 준수하십시오.

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

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