Bubble.io와 AWeber 통합: 단계별 가이드 2024

Bubble.io는 웹 애플리케이션을 구축하기 위해 필요한 도구를 제공합니다. 반면에, AWeber는 이메일 목록 관리, 자동화된 이메일 발송 등을 도와주는 이메일 마케팅 서비스입니다. 이 두 플랫폼을 통합하려면 아래의 단계를 따르세요.

준비 사항

작업을 진행하기 전에 다음 내용을 준비해야 합니다:

1. Bubble.io 응용 프로그램 – 아직 없다면 하나 만드세요.
   • Bubble.io 방문
   • 첫 페이지에서 "Get Started(시작)" 클릭
   • 가입하여 응용 프로그램을 생성
2. AWeber 계정 - AWeber.com을 방문하여 생성할 수 있습니다.

1단계: AWeber API 접근

Bubble에서 AWeber로 데이터를 보내려면, AWeber의 API를 사용해야 합니다.

1. AWeber 계정에 로그인합니다.
2. 상 우측 모서리에 위치한 아바타를 클릭합니다.
3. 드롭다운 메뉴에서 "내 계정"을 클릭합니다.
4. 열린 페이지에서 "API & 통합" 섹션으로 이동합니다.
5. "API 접근"을 클릭합니다.
6. 다음 페이지에서 API 키와 API 비밀번호를 찾을 수 있습니다. 이것들은 Bubble.io 플러그인 설정 시 필요합니다.

2단계: Bubble.io에 플러그인 설치

1. Bubble.io 계정에 로그인합니다.
2. 앱 아래에 "플러그인" 탭에 들어갑니다.
3. "+ 플러그인 추가" 버튼을 클릭합니다.
4. 'Pathfix OAuth and User Management'을 검색합니다.
5. 플러그인을 클릭하여 설치합니다.
6. 설치 후, Bubble.io 앱에서 플러그인을 설정할 수 있게 됩니다.

3단계: Bubble.io 플러그인 설정

1. 앱에서 플러그인 섹션으로 다시 이동하여 설치한 플러그인을 찾습니다.
2. 설정 부분에서:
   • API 키: AWeber 계정의 API 키를 붙여넣습니다.
   • API Secret: AWeber 계정의 API 비밀번호를 붙여넣습니다.
3. 변경 사항을 저장하면 플러그인이 설정됩니다.

4단계: Bubble.io의 API 워크플로우 설정

1. Bubble.io 애플리케이션의 백엔드 워크플로우 섹션에 있는 'API 워크플로우' 섹션으로 이동합니다.
2. '+ 새 API 엔드포인트'를 클릭하고, 엔드포인트에 이름을 지정하고 저장합니다.

5단계: API 호출 설정

1. Bubble에서 플러그인 페이지로 돌아갑니다.
2. '다른 API 호출 추가'를 클릭합니다.
3. 드롭다운 목록에서 AWeber Account Auth를 선택합니다.
4. API 호출과 관련된 나머지 필드를 구성합니다. 예를 들어, 이메일을 보내고 싶다면 수신자의 이메일 주소, 발신자의 이메일, 제목, 본문을 입력해야 할 수 있습니다(이러한 특정 항목은 사용 중인 API 방법에 따라 다를 수 있습니다).

6단계: API 호출 테스트

1. '콜 초기화'를 클릭하여 호출을 테스트합니다.
2. 에러가 나타나지 않는다면, 이는 호출이 성공적이었음을 의미합니다. 실제 데이터를 Bubble.io에서 AWeber로 전송하기 위해 이 설정을 사용해야 합니다.

7단계: 통합 및 최종 테스트

이제 모든 것이 설정되었으므로, 앱의 워크플로우에 액션을 통합하고, Bubble.io 애플리케이션에서 AWeber로 데이터가 성공적으로 전송될 수 있는지 최종 테스트를 진행하게 됩니다.