.gif)
Bubble.io와 Adyen을 간단한 단계로 통합하여 애플리케이션에서 원활한 온라인 결제를 받을 수 있도록 배우십시오. 계정을 생성하고, 플러그인을 구성하고, 테스트하고, 라이브 상태로 전환하십시오.
Adyen은 기업들이 온라인 및 매장에서 결제를 받을 수 있도록 하는 글로벌 결제 회사입니다. 이 회사는 온라인, 모바일, 매장 내에서 모든 주요 결제 방법을 지원하며, 신용카드 및 직불카드, 모바일 지갑, 그리고 지역 결제 방법을 포함합니다. Adyen의 플랫폼은 결제 과정을 간소화하고 고객 경험을 개선하도록 설계되었으며, 기업에게 고객의 선호도와 행동에 대한 통찰력을 제공합니다. 이 회사는 소매, 여행, 게임, 디지털 서비스 등 다양한 산업을 대상으로 서비스를 제공합니다.
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.
Adyen은 온라인 결제 관리를 위해 널리 사용되는 플랫폼이며 Bubble.io는 인기 있는 노코드 개발 플랫폼입니다. 두 플랫폼을 통합하면 코딩 지식이 없어도 온라인 결제 애플리케이션을 만들 수 있습니다.
1단계: Bubble.io에서 계정 생성
아직 Bubble.io 계정이 없다면 이 절차를 위해 하나를 생성해야 합니다. Bubble.io로 이동하여 회원 가입을 클릭한 후, 자세히 입력하고 비밀번호를 설정하여 계정을 생성합니다.
2단계: Bubble.io에서 새 앱 생성
계정을 생성하고 로그인하면 Bubble.io 대시보드에 위치하게 됩니다. 새 앱을 클릭하여 새 애플리케이션을 생성합니다. 앱 이름과 앱 유형(웹 앱 또는 모바일 앱)을 추가하라는 지시에 따릅니다. 생성을 클릭하여 세부사항을 저장합니다.
3단계: Adyen에서 계정 생성
새 탭에서 Adyen 가입 페이지를 열고 계정이 없으면 먼저 생성합니다. 제공된 지침을 따르고 로그인 자격 증명을 기억하세요.
4단계: Adyen API 키 얻기
Adyen 계정으로 로그인한 후 왼쪽 사이드바 하단에 위치한 개발자 섹션으로 이동합니다. 사용자 및 역할 섹션에서 API 자격 증명을 클릭하여 새 자격 증명 추가를 클릭하고 API 키를 추출합니다.
5단계: Bubble.io에 Adyen 플러그인 추가
이제 Bubble.io 애플리케이션 탭으로 돌아가 왼쪽 메뉴에서 Adyen 플러그인을 찾습니다. 플러그인 추가를 클릭하고 Adyen을 검색하여 애플리케이션에 추가합니다.
6단계: Adyen 플러그인 설정
Adyen 플러그인을 추가한 후 Bubble.io의 플러그인 설정에서 Adyen 대시보드에서 API 키를 복사하여 Bubble.io의 Adyen 구성의 API 키 상자에 붙여 넣습니다.
이것은 또한 테스트/실시간 모드와 구매자IP를 받는 등의 기타 설정을 구성하는 위치입니다.
7단계: Bubble.io 앱에 결제 기능 추가
Adyen 플러그인이 추가되고 구성되었으므로 이제 애플리케이션에 결제 기능을 도입할 수 있습니다. Bubble.io의 디자인 탭에서 결제 팝업을 트리거할 요소 (예: 버튼)를 선택합니다.
Workflow 탭에서 지정된 요소 아래에 새 액션을 추가합니다. Adyen 동작을 선택하고 옵션 배열(예: 결제 만들기, 환불, 취소)에서 선택합니다.
8단계: 애플리케이션 테스트
이제 Adyen 결제가 제대로 작동하는지 애플리케이션을 보고 테스트해 볼 수 있습니다. Bubble.io에서 애플리케이션을 테스트 모드로 바꾸고 귀하의 Adyen 계정이 테스트 모드인지 확인합니다. 거래를 실행하고 Bubble.io와 Adyen 대시보드 모두에서 거래가 성공했는지 확인합니다.
9단계: 실시간 보기로 전환
테스트 모드에서 앱을 철저히 테스트하고 모든 것이 정상 작동하는 것을 확인한 후, Bubble.io 및 Adyen 대시보드에서 애플리케이션을 실시간 모드로 전환할 수 있습니다.
이제 성공적으로 Bubble.io와 Adyen을 통합하여 애플리케이션에서 온라인 결제를 수락할 수 있습니다.
시나리오: 손으로 직접 만든 제품을 판매하기 위한 맞춤형 온라인 스토어를 만들기 원하는 이커머스 스타트업이 있다. 이들은 직관적인 인터페이스와 노-코드 원칙을 고려하여 Bubble.io을 사용하여 웹사이트와 쇼핑카트를 구축한다. 그러나, 그들은 안전하고 효율적인 글로벌 인지도를 가진 결제 게이트웨이가 필요하다. 회사는 지원 화폐 목록, 유연한 결제 방법, 고급 보안 조치로 인해 Adyen을 선택했다.
해결방안: Bubble.io와 Adyen 통합
웹사이트와 쇼핑카트 생성: 스타트업은 Bubble.io을 사용하여 제품 목록과 구매 물품을 추가할 수 있는 쇼핑카트 도구를 포함하는 온라인 상점을 디자인하고 구현한다.
통합 설정: 회사는 Bubble.io에 Adyen 플러그인을 설치하고 Adyen 상인 계정과 연결한다. 그들은 고객이 체크아웃 과정을 완료하면 활성화되는 워크플로우를 Bubble.io에서 구축한다.
결제 처리 워크플로우:
Adyen에서의 거래 모니터링:
회사는 Adyen의 플랫폼을 사용하여 거래를 모니터링하고, 판매 성과를 추적하며, 분쟁 또는 환불을 처리한다. Adyen의 위험 관리 기능을 사용하면 부정 거래를 감지하고 방지할 수도 있다.
이점:
보안: Adyen은 글로벌 은행 규정에 따라 운영하며 모든 거래가 안전하다는 것을 보장한다.
글로벌 결제: Adyen을 사용하면 스타트업은 여러 화폐로 결제를 받을 수 있으므로 그들의 제품을 전세계적으로 판매할 수 있다.
맞춤화: Bubble.io의 유연한 디자인 시스템은 스타트업이 성장함에 따라 온라인 스토어를 수정할 수 있게 해주며, Adyen의 다양한 결제 방법은 광범위한 고객 선호도에 부응할 수 있다.
운영 간소화: Adyen의 플랫폼에서 결제, 분쟁, 환불을 관리함으로써 운영을 간소화하고 문제 해결을 빠르게 할 수 있다.
Bubble.io와 Adyen을 통합함으로써, 이커머스 스타트업은 고객에게 이음새 없는 안전한 체크아웃 경험을 제공하면서, 판매 및 결제를 쉽게 관리할 수 있다.
.svg)
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.
.svg)
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.
.svg)
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.
Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.
.png)
.png)
