우리의 명확한 단계별 가이드를 통해 Bubble.io를 Ontraport와 통합하는 방법을 배우세요. 오늘 당신의 생산성을 향상시키고 프로세스를 간소화하세요.
Ontraport는 소기업과 창업자를 위해 설계된 포괄적인 비즈니스 자동화 소프트웨어입니다. 이 플랫폼은 관계 관리 (CRM), 이메일 마케팅, 랜딩 페이지, 그리고 비즈니스 자동화 도구를 포함하여 다양한 통합 솔루션을 제공합니다. Ontraport는 리드 캡처, 세분화, 그리고 고객 관리와 같은 프로세스를 간소화하는데 도움이 됩니다. 또한 Ontraport는 분석 및 보고서 기능을 제공하여 기업이 성과를 모니터링하고 향상시키는 데 도움을 줍니다.
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.
1단계: Bubble과 Ontraport 계정 설정
진행하기 전에 Bubble.io와 Ontraport 계정을 등록하고 설정했는지 확인하세요.
Bubble.io: 코드가 필요 없는 시각적 프로그래밍 플랫폼입니다. 여기에서 확인할 수 있습니다.
Ontraport: 이것은 리드를 수집하고 세분화하고 그들에게 마케팅을 돕는 자동화 된 비즈니스 솔루션입니다. 또한 쇼핑이나 결제 카트 솔루션을 제공합니다. 여기에서 확인할 수 있습니다.
2단계: Ontraport에서 API 섹션으로 이동
Ontraport에 로그인합니다. 그런 다음 대시보드에서 오른쪽 상단으로 이동하여 프로필을 클릭하세요. 드롭다운 메뉴가 나타납니다. 이 메뉴에서 '관리자'를 찾아 클릭하세요. 이 작업으로 여러 옵션을 가진 새 섹션으로 이동하게 됩니다. 'API 설정'을 찾아 클릭합니다.
3단계: API 키 및 APP ID 생성
API 설정에서 '새 API 키'를 찾아 클릭합니다. 앱 ID와 API 키를 생성하는 페이지로 이동하게 됩니다. 이 페이지에서는 애플리케이션 이름과 IP 주소를 입력해야 합니다. 필요한 세부 정보를 입력하고 '저장' 버튼을 누르세요. Ontraport는 애플리케이션 ID 및 애플리케이션 키를 생성해 줍니다.
4단계: API 정보 복사
API 키와 앱 ID 생성 후 브라우저의 탭을 닫지 마세요. 대신 API 키와 앱 ID를 복사하여 텍스트 파일에 붙여 넣어 분실하지 않도록 합니다.
5단계: Bubble.io에 API 커넥터 설치
다음으로 Bubble.io 플랫폼, 특히 애플리케이션으로 이동합니다. 애플리케이션 대시보드의 왼쪽 패널에서 '플러그인'으로 이동합니다. '설정' 섹션 내에 있습니다. 새 페이지가 로드됩니다. 플러그인 마켓플레이스에서 'API 커넥터'를 찾아 설치하세요.
6단계: 새로운 API 추가
이제 새로운 API를 추가할 수 있습니다. 설치된 API 커넥터 플러그인으로 돌아가 '새 API 추가' 버튼을 클릭하여 새 연결을 만드세요. API 이름과 인증 필드에 설명적인 텍스트를 입력하여 이것이 Ontraport를 위한 것임을 기억하게 돕습니다.
7단계: API 매개변수 설정
Bubble.io를 Ontraport에 연결하기 위해 필요한 매개변수를 입력합니다.
API 기본 URL: https://api.ontraport.com/1
인증: 스스로 처리
헤더:
키: Api-Appid
값: [당신의 Ontraport 애플리케이션 ID]
키: Api-Key
값: [당신의 Ontraport API 키]
8단계: 호출 초기화
'다른 호출 추가' 버튼을 클릭합니다. 원하는 결과에 따라 GET 또는 POST 값을 조정하세요. '호출'은 Ontraport API 호출 중 하나가 될 수 있습니다. 예를 들어 Objects/meta는 모든 Ontraport 객체를 나열합니다.
9단계: API 호출 완성
필요한 매개변수를 조정하고, 데이터 유형을 지정하고, 필요한 경우 사적인 것을 활성화하여 마무리합니다.
10단계: API 호출 초기화 완료
'API 호출 초기화' 버튼을 클릭하여 API 설정을 완료합니다. 이 후에는 'API에서 데이터 가져오기' 함수를 사용하여 앱에서 Ontraport 데이터를 사용할 수 있습니다.
이 단계별 가이드는 앱을 Bubble.io와 Ontraport에 통합하는 데 도움이 됩니다. API 호출은 Ontraport에서 레코드를 검색하거나, 업데이트하거나, 생성하는 등 요청하려는 요청의 종류에 따라 달라질 것이라는 점이 중요합니다. 따라서 필요한 요청에 해당하는 특정 Ontraport API 문서를 참고하십시오. 이 통합으로 두 플랫폼 간에 데이터를 쉽게 가져오고 조작할 수 있습니다.
시나리오: 스타트업 회사가 새로운 제품 출시를 위한 고객 관리 프로세스를 자동화하고자 합니다. 그들은 Bubble.io를 사용하여 맞춤형 웹사이트와 고객들을 위한 온보딩 플랫폼을 구축하고 있습니다. 또한, 웹사이트를 통해 수집한 모든 고객 데이터가 Ontraport에서 안정적으로 저장 및 관리되도록하여 효과적인 CRM 기능과 미래의 마케팅 전략을 보장하려고 합니다.
해결책: Bubble.io와 Ontraport 통합
웹사이트 및 온보딩 플랫폼 생성: 이 스타트업은 Bubble.io를 사용하여 사용자 등록 기능과 새 고객을 위한 온보딩 폼이 포함된 종합적인 웹사이트를 구축합니다.
통합 설정: 스타트업은 Bubble.io에 Ontraport 플러그인을 설치하고 Ontraport API 키를 사용하여 통합합니다. 또한 새로운 고객이 플랫폼에 가입하거나 온보딩 폼을 완료할 때 시작되는 워크플로우를 Bubble.io에서 생성합니다.
데이터 동기화 워크플로우: 새로운 고객이 Bubble.io 플랫폼에서 가입하거나 온보딩 폼을 작성할 때마다 각각의 워크플로우가 시작됩니다. 워크플로우는 사용자 데이터(이름, 이메일, 기타 관련 정보 등)를 설정된 Ontraport 플러그인 액션을 사용하여 Ontraport로 보내는 과정을 자동화합니다. 사용자가 제공한 모든 세부 정보를 포함하여 Ontraport에서 새로운 고객 기록이 자동으로 생성되어 데이터 저장 및 관리를 간소화합니다.
Ontraport에서의 고객 관리: 이 스타트업은 Ontraport의 CRM 기능을 사용하여 고객 기록을 관리하고, 관심사 및 마케팅 캠페인을 조직화합니다. Bubble.io 플랫폼에서 수집한 고객 데이터는 개인화된 참여와 더 나은 커뮤니케이션을 위해 세분화될 수 있습니다.
모니터링 및 분석: Bubble.io와 Ontraport 사이의 통합은 고객 데이터의 원활한 추적 및 관리를 가능하게 합니다. 스타트업은 이 데이터를 사용하여 종합적인 분석을 수행하고, 사용자 행동, 참여 수준, 그리고 전반적인 제품 성능에 대한 통찰력을 얻을 수 있습니다.
이점:
효율성: 통합은 Bubble.io와 Ontraport 간의 데이터 동기화를 자동화하여 시간을 절약하고 수동 오류의 위험을 최소화합니다.
중앙 집중식 데이터 관리: 모든 고객 데이터는 Ontraport에서 저장 및 관리되며, 스타트업에게 통합 데이터베이스를 제공합니다.
개인화된 고객 상호작용: 수집된 데이터를 사용하여 세분화된 개인화된 고객 참여 전략을 만들 수 있습니다.
제품 인사이트: 스타트업 회사는 제품 공연을 평가하고, 사용자 행동을 분석하며, 제품 수정 또는 개선폭에 대한 데이터 기반의 결정을 할 수 있습니다.
Bubble.io와 Ontraport를 통합함으로써, 스타트업은 고객 관리 프로세스를 간소화할 수 있으며, 개선폭된 고객 참여와 효율적인 데이터 관리, 그리고 깊이있는 제품성과 분석을 가능하게 합니다.
.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)
