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

Bubble.io를 ConvertKit와 통합하기

Bubble.io와 ConvertKit의 통합은 두 가지 주요 과정을 포함합니다. 먼저 Bubble.io 내부에 ConvertKit API를 설정하고, Bubble.io 앱에 데이터를 ConvertKit으로 보내기 위한 액션을 추가해야 합니다.

Bubble.io 내부에 ConvertKit API 설정하기

단계 1: Bubble.io 대시보드로 이동하기

대시보드를 클릭하고 ConvertKit이 통합될 앱을 선택합니다.

단계 2: API 커넥터 플러그인 설치하기

앱 편집기에서 "플러그인" 탭으로 이동하고, "플러그인 추가"를 클릭한 후 "API Connector"를 검색하여 설치합니다.

단계 3: 새로운 API 추가하기

"API Connector"로 이동하여 "다른 API 추가"를 클릭합니다.

단계 4: API 구성하기

구성은 다음과 같습니다:

• API 이름: API의 이름으로 ‘ConvertKit'를 입력합니다.

• 인증: "None 또는 self-handled"를 선택합니다.

• 공유 헤더: 다음을 입력합니다:

• 키: Content-Type
• 값: application/json

추가로,

• 키: Authorization
• 값: Bearer YOUR CONVERTKIT SECRET API KEY

ConvertKit Secret API Key를 얻으려면 ConvertKit의 API 페이지로 이동하여 "Secret API Key"라고 표시된 키를 복사합니다.

단계 5: API 호출 추가하기

"다른 호출 추가"를 클릭하고 다음과 같이 구성합니다:

• 호출 이름: 호출 이름에 ‘New Subscriber’를 입력합니다.

• 호출 유형: "POST"를 선택합니다.

• 데이터 유형: "JSON"을 선택합니다.

• 액션으로 사용: 이 박스를 체크합니다. 이 설정을 통해 API 호출을 Bubble.io의 액션에 의해 수동으로 트리거할 수 있습니다.

• 엔드포인트 URL: https://api.convertkit.com/v3/forms/YOUR_FORM_ID/subscribe을 입력합니다. YOUR_FORM_ID를 ConvertKit 폼 페이지에 있는 폼 ID로 대체합니다.

• 바디 파라미터: 다음과 같이 구성합니다:

• 키: email
• 값: Add text…

Add text 상자 안에 ConvertKit 문서에 따라 사용할 동적 데이터를 입력해야 합니다.

"호출 초기화"를 클릭하면, 모든 것이 올바르게 이루어졌다면 API 호출이 성공적으로 설정됩니다.

Bubble.io 앱에 액션 추가하여 ConvertKit에 데이터 전송하기

단계 1: 워크플로우 탭으로 이동하기

앱 편집기에서 "워크플로우" 탭으로 이동하고, 데이터가 ConvertKit으로 보내질 워크플로우를 선택합니다.

단계 2: 워크플로우 액션 추가하기

"+"를 클릭해 워크플로우에 액션을 추가합니다.

단계 3: ConvertKit API 호출 선택하기

"플러그인" 섹션으로 이동하여 API 커넥터에서 이전에 추가한 ConvertKit API 호출 ('New Subscriber')을 선택합니다.

단계 4: API 호출 구성하기

'Email' 필드에서 "동적 데이터 삽입..."을 클릭하고 ConvertKit에 보낼 사용자의 이메일을 포함하는 입력 또는 데이터를 선택합니다.

단계 5: 통합 테스트하기

통합을 테스트하기 위해, 워크플로우를 트리거하는 액션을 수행하여 ConvertKit이 데이터를 받는지 확인합니다. 모든 것이 올바르게 설정되었다면, ConvertKit 대시보드에서 새 구독자 데이터를 볼 수 있어야 합니다.

이 가이드는 새 구독자의 데이터가 ConvertKit 폼으로 전송되는 Bubble.io와 ConvertKit의 기본 통합을 제공합니다. 사용 사례에 따라, 더 많은 API 호출과 액션을 추가해야 할 수 있습니다.