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

Bubble.io를 HubSpot에 통합하기

Bubble.io를 HubSpot에 통합하려면 먼저 두 플랫폼에 계정이 있어야 합니다. 아직 계정이 없다면, 진행하기 전에 Bubble.io와 HubSpot에서 가입하는 시간을 가져보세요.

1단계: HubSpot API 키 얻기

Bubble.io를 HubSpot에 통합하려면, HubSpot 계정에서 API 키를 얻어야 합니다. 이 방법은 다음과 같습니다:

1.1. HubSpot 계정에 로그인합니다.

1.2. 메인 내비게이션 바에서 설정 아이콘을 클릭합니다.

1.3. 왼쪽 사이드바 메뉴에서 통합 > API 키로 이동합니다.

1.4. 계정에 대해 키가 한 번도 생성되지 않았다면 키 생성을 클릭하세요.

1.5. 이미 기존 API 키가 있다면 이 섹션에서 볼 수 있습니다.

1.6. API 키를 복사하고 안전한 곳에 보관하세요. 다음 단계에 필요합니다.

2단계: Bubble.io에서 HubSpot 통합하기

이제 HubSpot API 키를 얻었으므로, 다음 단계를 따라 Bubble.io에서 통합 프로세스를 시작할 수 있습니다:

2.1. Bubble.io 계정에 로그인합니다.

2.2. Bubble.io 편집기에서 데이터 탭으로 이동합니다.

2.3. 왼쪽 사이드 메뉴에서 APIs를 클릭합니다. HubSpot을 API로 통합하려고 합니다.

2.4. 다른 API 추가를 클릭합니다.

2.5. API 섹션에서 인증을 클릭합니다.

2.6. 인증 유형 드롭다운에서 Self-handled를 선택합니다.

2.7. 인증 방법에서 HTTP 헤더를 선택합니다.

2.8. 새로 나타난 필드에 다음 매개변수를 사용하세요:

• 키 필드: hapikey
• 값 필드: [당신의 HubSpot API 키]

2.9. 호출 초기화를 눌러 API를 초기화합니다.

3단계: Bubble.io에서 API 호출 설정하기

API 키와 HubSpot API를 Bubble.io 앱에 통합하면, 다음 단계는 API 호출을 설정하는 것입니다.

3.1. 데이터 > APIs 탭으로 이동하고 GET 아이콘을 클릭합니다.

3.2. 이제 새 API 호출을 설정해야 합니다. 이를 애플리케이션에서 사용할 각 API 엔드포인트마다 수행해야 합니다.

3.3. 기본 통합의 경우, 두 개의 API 호출을 설정해야합니다: GET contacts와 POST contacts.

GET Contacts에 대해 다음 매개변수를 사용하세요:

• 데이터 형식: JSON
• API URL: https://api.hubapi.com/crm/v3/objects/contacts

1. 매개변수 추가를 클릭하고 다음 매개변수를 사용하세요:

• 키: hapikey
• 값: [당신의 HubSpot API 키]

1. 다른 요청 정의를 클릭합니다.

POST Contacts에 대해 다음 매개변수를 사용하세요:

• 데이터 형식: JSON
• API URL: https://api.hubapi.com/crm/v3/objects/contacts

1. 매개변수 추가를 클릭하고 다음 매개변수를 사용하세요:

• 키: hapikey
• 값: [당신의 HubSpot API 키]

1. 본문 유형 드롭다운에서 JSON을 선택합니다.

2. 본문 필드에 HubSpot에 게시하는 데이터를 위한 JSON 형식을 입력합니다:

{
 "properties": {
   "firstname": "first_name",
   "lastname": "last_name",
   "email": "[email protected]"
 }
}

다른 요청 정의를 클릭합니다.

API 호출을 설정한 후에는 이제 Bubble.io 앱에서 HubSpot API를 사용할 수 있어야 합니다. 워크플로우에서 HubSpot API에 대한 GET 및 POST 요청을 만들고 Bubble.io 앱에서 데이터를 표시할 수 있습니다. 또한 API 호출을 사용하여 HubSpot에서 연락처를 업데이트하고 삭제할 수도 있습니다.

이 통합을 통해 Bubble.io 앱과 HubSpot 사이의 데이터를 동기화하고, 사용자 행동에 기반을 둔 작업을 자동화하고, 아주 많은 기능을 수행할 수 있습니다. 가능성은 무한하므로 탐색을 시작하세요!