우리의 단계별 가이드를 사용하여 Bubble.io와 Klaviyo의 통합을 마스터하십시오. API 키 설정 방법, Bubble의 API 커넥터 사용 방법 및 플랫폼 연결 방법을 배우십시오.
Klaviyo는 온라인 비즈니스가 고도로 대상 지정된 고객 커뮤니케이션을 전달하는 데 도움을 주기 위해 만들어진 강력한 이메일 마케팅 플랫폼입니다. 그것의 고급 기능 및 통합은 사용자가 개인화된 이메일 캠페인을 생성하고 고객 커뮤니케이션을 자동화할 수 있게 해줍니다. Klaviyo는 데이터 기반 분석을 사용하여 이러한 캠페인을 모니터링하고 최적화하며, 성능에 대한 자세한 보고서를 제공합니다. Klaviyo는 주로 전자상거래 비즈니스를 위해 설계되었으며, 이들이 고객 참여를 향상시키고 판매 전환을 증가시키는 데 도움을 줍니다.
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와 Klaviyo 통합하기
이 두 플랫폼을 통합하는 것은 Klaviyo가 Bubble.io와 직접 연결하는 플러그인이 없기 때문에 약간 복잡할 수 있습니다. 그러나, Bubble.io의 API 커넥터를 사용하여 Klaviyo의 API와 통합하는 것이 가능합니다. 이 가이드는 이미 Bubble.io와 Klaviyo 양쪽에 계정이 있음을 전제로 합니다.
통합을 만들기 전에 Klaviyo로부터 API 키를 얻어야 합니다. 이를 통해 Bubble.io가 Klaviyo 계정에 연결할 수 있습니다. 다음은 어떻게 얻는지에 대한 방법입니다:
Klaviyo 계정에 로그인합니다.
화면의 오른쪽 상단에서 계정 이름을 클릭하고 드롭다운 메뉴에서 "계정"을 선택하여 계정 설정을 엽니다.
왼쪽 메뉴에서 "설정"을 선택하고 "API 키"를 선택합니다.
"API 키 생성" 버튼을 클릭합니다.
이 클릭 후 새 API 키가 생성될 것입니다.
생성된 API 키를 복사하고 안전한 장소에 저장해 둡니다.
이제 Klaviyo API 키를 가지고 있으므로, Bubble.io로 이동하여 통합을 만들어 봅시다.
Bubble.io 계정에 로그인합니다.
애플리케이션을 선택하고 디자인 탭을 엽니다.
화면의 왼쪽에서 "플러그인"을 클릭합니다.
플러그인 페이지에서 "+ 플러그인 추가"를 클릭하여 새 플러그인을 추가합니다.
검색 창에서 "API 커넥터"를 검색하고 설치합니다.
설치가 완료되면 애플리케이션으로 돌아가면, API 커넥터가 플러그인 탭 아래에 나타납니다.
이제 Klaviyo API와 Bubble.io의 API 커넥터가 모두 준비되었으니 연결할 시간입니다.
"다른 API 제공자 추가" 인터페이스에서 이 API에 대한 이름을 제공합니다(예: "Klaviyo").
인증을 위해 "없음 또는 직접 처리"를 선택합니다.
Klaviyo 가이드와 문서를 따라 필요한 API 호출을 설정합니다.
"Get API 호출" 설정:
"공유 헤더" 옵션을 사용하여 API 키를 붙여 넣습니다. 예: "api_key" : "YOUR API KEY"
그런 다음 "Get" 요청 URL을 설정합니다. 예: https://a.klaviyo.com/api/v2/list/YOUR_LIST_ID/members?api_key=YOUR_API_KEY, YOUR_LIST_ID를 Klaviyo 목록의 목록 ID로, YOUR_API_KEY를 자신의 API 키로 교체합니다.
수신 데이터 유형을 "JSON"으로 설정합니다.
호출에 이름을 지정하십시오, 예: "GetMembers"
"초기화 호출" 버튼으로 이 호출을 테스트합니다.
Klaviyo에서 데이터가 성공적으로 반환되는 것을 볼 수 있을 것입니다.
이후 Bubble.io는 설정한 API 엔드포인트를 사용하여 Klaviyo와 상호 작용할 수 있습니다. Klaviyo의 API 문서를 따라 필요한 만큼 많은 호출을 위의 과정을 반복해서 설정합니다(예: 목록에 멤버 추가, 캠페인 이메일 보내기 등).
참고: 이것은 기본적인 통합이며, 특정 요구에 따라 조정이 필요할 수 있습니다.
시나리오: 전자상거래 스토어가 Bubble.io를 사용하여 온라인 스토어 전면을 구축하고 관리하고 있습니다. 그들은 고객 참여도를 높이고 매출을 증대시키기 위해 동적이고 효과적인 이메일 마케팅 전략을 수립하고자 합니다. 특히, 각 고객의 브라우징 히스토리와 과거 구매 내역에 기반한 개인화된 제품 추천과 프로모션 제공을 원합니다. 따라서, 그들은 Klaviyo의 강력한 이메일 마케팅 도구들을 활용하기로 결정했지만, Klaviyo로의 고객 데이터 동기화를 효율적으로 수행할 필요가 있습니다.
해결책: Bubble.io와 Klaviyo 통합
Bubble.io로 온라인 스토어 프론트 구축: 전자상거래 스토어는 제품 제안을 효과적으로 전시하기 위해 Bubble.io를 사용하여 온라인 스토어 프론트를 디자인하고 관리합니다. 사용자 계정을 구현하여 사용자의 브라우징 행동을 추적하고 구매 이력을 저장합니다.
통합 설정: 스토어는 필요한 워크플로우를 구성하여 데이터를 동기화하고, Klaviyo API 키를 사용하여 Bubble.io 내에 Klaviyo 플러그인을 설치하여 Bubble.io와 Klaviyo를 통합합니다.
고객 데이터 동기화 워크플로우: 고객이 스토어를 방문하고 상품을 브라우징할 때, 고객의 브라우징 이력은 Bubble.io에 기록됩니다. 또한, 고객이 구매하는 모든 것이 추적되고 저장됩니다. 이 모든 데이터는 구성된 Klaviyo 플러그인 작업을 사용하여 Klaviyo로 자동으로 전송됩니다.
Klaviyo와의 이메일 마케팅: Bubble.io의 고객 데이터를 통해 전자상거래 스토어는 Klaviyo에서 개인화된 이메일 마케팅 캠페인을 설정합니다. 제품 추천은 고객의 브라우징 이력과 과거 구매 내역에 기반하여 생성되며, 프로모션 제공은 고객의 취향에 맞게 제작됩니다.
모니터링과 분석: Klaviyo의 강력한 분석 도구는 이메일 캠페인의 파라미터인 열람률, 클릭률, 전환율 등을 원활하게 추적할 수 있습니다. 이러한 인사이트를 사용하여 스토어는 최대의 효과를 위해 이메일 캠페인을 최적화할 수 있습니다.
이점:
요약하자면, Bubble.io와 Klaviyo를 통합함으로써 전자상거래 스토어는 고객 데이터를 효과적으로 활용하여 개인화된 이메일 마케팅을 구현할 수 있으며, 이를 통해 고객 참여를 증가시키고 매출 성과를 향상시킬 수 있습니다.
.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)
