Bubble.io를 Keap와 통합하는 방법을 배워 CRM 기능을 향상시키십시오. API 호출 설정 및 Bubble.io 앱에서 Keap 데이터 사용에 대한 단계별 가이드입니다.
Keap는 소규모 기업을 위한 강력한 올인원 판매 및 마케팅 자동화 소프트웨어입니다. 고객 관계 관리(CRM), 이메일 마케팅, 리드 캡처, 전자상거래 등의 기능을 포함하고 있습니다. Keap를 이용하면 기업은 고객 데이터를 정리하고, 고객과의 상호 작용을 추적하고, 이메일 캠페인의 후속 조치를 자동화하고, 약속을 관리하고, 송장을 생성하고 보내고, 지불을 받는 등 더욱 많은 작업을 할 수 있습니다. 이것은 비즈니스 작업을 단순화하고 효율화하기 위해 설계되었으며, 시간을 절약하고 효율성을 향상시키는 데 도움을 줍니다.
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.
Bubble.io와 Keap의 통합은 웹 개발과 효율적인 마케팅 자동화를 결합하여 CRM 기능을 향상시킬 수 있습니다. 다음은 이러한 통합을 수립하는 방법입니다.
사전 요구사항: 이 가이드를 완료하려면 Bubble.io와 Keap(이전에는 Infusionsoft라고 알려져 있음)에서 계정이 필요합니다. 만약 가지고 있지 않다면 우선 가입해 주세요.
Bubble.io에서 설정 작업을 시작해 봅시다.
1.1 Keap에서 API 키 가져오기
a. Keap 계정에 로그인하고 프로필을 클릭하여 오른쪽 상단으로 이동합니다.
b. 드롭다운 메뉴에서 "설정"을 선택합니다.
c. 설정 페이지의 왼쪽 패널에서 "API"를 찾아 클릭합니다.
d. 'Infusionsoft API' 헤딩 아래에 'Add API Key' 버튼이 있어야 합니다. 이를 클릭합니다.
e. 새 대화 상자에서 고유한 'API 패스프레이즈'를 입력합니다. 저장을 클릭하여 이에 연결된 API 키를 생성합니다.
f. 생성된 API 키를 저장합니다. 이것은 나중에 필요할 것입니다.
1.2 Bubble 설정
a. Bubble.io 계정에 로그인합니다.
b. Keap와 통합하려는 기존 앱이 있다면 그것을 엽니다. 그렇지 않다면 새 앱을 생성합니다.
c. 앱 편집기에서 왼쪽 패널의 '플러그인' 탭으로 이동합니다.
d. 플러그인 페이지의 왼쪽 상단에 위치한 '+Add plugins' 버튼을 클릭합니다.
e. 플러그인 마켓에서 'API Connector'를 검색하고 앱에 추가합니다.
2.1 Bubble에서 API 커넥터 설정
a. API 커넥터 플러그인을 설치한 후, 앱 편집기의 플러그인 탭으로 돌아갑니다.
b. API 커넥터 플러그인이 나열되어 있을 것입니다. 이를 클릭하여 설정을 엽니다.
c. '+ Add another API' 버튼을 클릭합니다.
d. "API 이름"에는 Keap 통합과 관련된 이름(예: "KeapAPI")을 입력합니다.
참고: Sucuri Firewall 사용자는 Bubble의 API 커넥터에서 문제를 겪을 수 있습니다. 이런 경우, Bubble의 참조 안내서에 있는 IP 주소를 화이트리스트에 추가하는 것이 좋습니다.
2.2 API 호출 구성
Bubble 앱이 Keap에게 수행해야 하는 모든 API 요청은 수동으로 구성해야 합니다. Keap에서 연락처 데이터를 가져오는 간단한 API 요청을 구성해봅시다.
a. '+Add another call' 버튼을 클릭합니다.
b. "호출 이름"에는 API 호출의 목적과 관련된 이름(예: "GetContacts")을 입력합니다.
c. "메소드" 아래에서 'GET'을 선택합니다.
d. "API URL"에 https://api.infusionsoft.com/crm/rest/v1/contacts를 입력합니다.
e. "매개 변수" 아래에서 '헤더'를 선택하고 'Authorization'을 키로 추가합니다. '값'에는 Bearer YOUR_API_KEY를 입력합니다(YOUR_API_KEY'은 단계 1.1-f에서 저장한 API 키로 대체하세요).
f. '데이터 유형'에서 'JSON'을 선택합니다.
g. "연결 확인"을 클릭하여 연결을 확인합니다.
Keap 서비스에 API 호출을 설정했습니다. 추가 호출에 대해서도 동일한 과정을 반복하세요.
API 연결이 설정되면, 동적 데이터가 허용되는 애플리케이션의 모든 곳에서 이러한 API 요청을 호출할 수 있습니다. 요구 사항에 따라 이 데이터를 Bubble 앱 내에서 정렬, 필터링 및 표시할 수 있습니다.
참고: API 통합은 약간 기술적으로 요구될 수 있습니다. 성공적인 통합을 위해 각 액션을 정확히 확인하고 테스트하는 것이 중요합니다. 오류는 잘못된 데이터, 데이터 없음 또는 앱 오작동을 초래할 수 있습니다.
이로써 성공적으로 Bubble.io와 Keap를 통합했습니다. 원하는 API 호출을 구성함으로써 이제 두 플랫폼 간에 데이터를 끌어오고 조작하는 것이 원활해집니다.
시나리오: Bubble.io를 주로 운영하는 전자상거래 스타트업이 새로운 제품 라인을 출시하고 고객 데이터베이스를 효율적으로 관리하려고 계획하고 있습니다. 이들은 Keap CRM을 사용하여 이들의 리드를 무리없이 관리하고 추적하며, 양호하게 유지하고자 합니다. 그리고 그들은 고객 기반과 일관되게 맞춤형 커뮤니케이션을 통해 소통하려고 합니다. 이 과정을 자동화하려는 계획이며, 이를 위해 Bubble.io를 Keap 플랫폼과 통합하려고 합니다.
해결책: Bubble.io와 Keap CRM 통합
스토어프론트 및 사용자 등록: 스타트업은 Bubble.io의 강력한 웹사이트 빌더를 사용하여 직관적이고 매력적인 전자상거래 스토어프론트를 만들고, 고객 세부 정보를 수집하기 위한 사용자 등록 양식을 통합합니다.
통합 설정: 스타트업은 Bubble.io 프로젝트에 Keap 플러그인을 설치하고 이를 플러그인 설정을 통해 Keap 계정에 연결합니다. 또한 고객이 사이트에서 등록하거나 구매를 할 때 트리거가 되는 일련의 워크플로우를 구성합니다.
데이터 동기화 작업흐름: 사용자 등록이나 구매 이벤트가 발생하면 Bubble.io에서 해당 워크플로우가 트리거됩니다. 이러한 이벤트에서 얻은 데이터, 예를 들어 사용자 이름, 이메일, 주문 정보 등은 Keap 플러그인의 액션을 사용하여 Keap CRM에 전송됩니다. 이 데이터는 새 연락처를 생성하거나 Keap CRM의 기존 연락처를 업데이트하고, 이를 향후 세분화 및 맞춤형 커뮤니케이션을 위해 주문 내역과 연결합니다.
Keap를 통한 고객 참여: Keap의 자동화 기능을 사용하여 스타트업은 세분화된 고객 기반에 따른 개인화된 이메일 캠페인, 후속 작업, 구매 여정 워크플로우를 설정할 수 있습니다. Keap는 이들에게 구매 내역과 선호도에 따라 리드와 기존 고객을 양호하게 유도함으로써 고객 유지와 매출 증가를 용이하게 합니다.
모니터링 및 평가: 이 통합은 고객 상호작용 데이터의 체계적인 추적을 가능하게 하여, Bubble.io 프로젝트에서 데이터 기반의 결정을 통한 지속적인 개선을 촉진합니다. 스타트업은 이메일 캠페인과 판매 전략의 성과를 모니터링하고, Keap의 강력한 분석 기능을 통해 인사이트를 얻을 수 있습니다.
이점:
효율성: Bubble.io를 Keap CRM과 통합함으로써 고객 데이터 수집 및 관리 과정을 간소화하며, 시간을 절약하고 수동 오류를 줄입니다.
개인화: Keap를 사용하여 중앙집중적인 고객 관계 관리 시스템을 구축함으로써 스타트업은 고객과 효과적이고 개인적으로 소통할 수 있습니다.
데이터 기반 의사결정: 스타트업은 Keap에서 제공하는 고객 행동 인사이트와 성과 지표를 바탕으로 전략적인 결정을 내릴 수 있습니다, 이는 고객 만족도와 매출의 증가를 이끕니다.
Bubble.io와 Keap CRM의 통합은 원활하고 효율적인 고객 관계 관리를 가능하게 하며, 이로 인해 고객들이 더 나은 쇼핑 경험을 가지고 전자 상거래 스타트업은 확장 가능한 성장을 이룰 수 있습니다.
.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)
