.gif)
Bubble.io를 Intercom과 빠르게 통합하는 방법에 대한 단계별 가이드를 발견하여 통신 및 작업 흐름 효율성을 향상시키십시오.
인터컴은 앱 안에서, 웹사이트, 소셜미디어 또는 이메일을 통해 기업이 고객과 소통할 수 있게 해주는 고객 메시지 전송 플랫폼입니다. 이 도구는 판매, 마케팅, 제품, 지원 등의 모든 팀을 위한 통합된 제품들을 제공합니다. 또한 이 도구는 리드 생성, 고객 참여, 고객 지원에 도움을 주며, 상호작용을 쉽고 개인적으로 만듭니다. 주요 기능으로는 커스터마이즈 가능한 채팅봇, 대상 지정 이메일, 제품 투어, 강력한 분석 기능 등이 있습니다. 이는 전 세계 고객 중심의 기업들에서 널리 사용되고 있습니다.
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단계: Intercom 계정 설정
Bubble.io를 Intercom과 통합하려면 먼저 Intercom의 웹사이트에 가입해야 합니다. 등록 과정을 거쳐 대시보드에 완전히 접근하세요.
완료되면 Intercom의 '설정' 섹션으로 이동합니다. 여기에서 '설치' 옵션을 찾을 수 있습니다. 이 옵션 아래에서 **'웹'**을 찾습니다.
'웹'을 클릭하면 텍스트 필드가 나타나며 이곳에는 Intercom의 작업공간 ID가 표시됩니다. 이 ID는 일련의 알파벳 숫자 문자열(123a456b7c89d0e123f456g)로 보입니다.
이 ID를 복사해두세요. Bubble.io에서 통합을 완료하는 데 이 ID가 필요합니다.
2단계: Bubble에서 Intercom 플러그인 설정
다음에 브라우저에서 새 탭을 열고 Bubble.io 대시보드로 이동합니다.
그 다음, 탐색 창에서 **'플러그인'**을 클릭하고 상단의 '플러그인 추가' 버튼을 선택합니다. 이로써 다양한 플러그인이 있는 페이지가 열립니다.
플러그인을 검색하거나 검색 창을 이용해 'Intercom' 플러그인을 찾습니다. 그 다음 이 플러그인의 '설치' 버튼을 클릭합니다.
이제 플러그인 탭에서 설치된 플러그인 중에 Intercom가 나열되어 있습니다. 이를 클릭해 해당 설정에 접근합니다.
여기서 **'앱 ID'**라는 필드를 찾을 수 있습니다. 이곳에 Intercom에서 복사했던 작업공간 ID를 붙여넣습니다.
Intercom - Bubble.io 통합
이제 Intercom이 Bubble.io 플랫폼에 설치되었습니다. 플러그인의 기본 기능(Intercom 채팅 위젯 표시, 메시지 수신 등)은 이제 막박스에서 작동하게 됩니다.
이제 Bubble.io 인터페이스에서 채팅 위젯의 행동을 명확히 제어하기 위한 다양한 지시사항을 설정해야 합니다. 사용자 행동에 따라 채팅 위젯을 숨기거나 보이게 하고, 특정 대화를 로딩하는 등의 작업을 설정해야 합니다. 이를 위해 아래 단계를 따르세요:
3단계: Intercom 플러그인 구성
Bubble.io의 에디터로 이동하여 채팅 위젯을 추가하려는 페이지의 디자인을 찾습니다.
에디터의 왼쪽 상단에서 '+ 요소' 버튼을 클릭합니다. 드롭다운 메뉴가 나타납니다.
드롭다운에서 '시각 요소' 섹션을 찾습니다. 여기에 **'Intercom 위젯'**이 있음을 볼 수 있습니다. 이를 클릭하여 페이지에 위젯을 추가합니다.
이렇게 하면 Intercom 버튼이 페이지에 추가됩니다. 필요에 따라 이 버튼의 크기를 조절하고 페이지의 어느 곳에나 배치할 수 있습니다.
4단계: 고급 구성
위젯을 클릭해서 진행하세요. 이렇게 하면 위젯의 속성 패널이 열립니다. 여기에서는 위젯의 다양한 면을 설정할 수 있습니다. 예를 들어, 어떤 사용자가 위젯을 볼 수 있고, 어떤 사용자를 숨겨야 하는지 등을 설정할 수 있습니다.
Bubble.io에서 프로젝트를 어떻게 구조화하느냐에 따라 동적 데이터 필드를 활용하여 위젯을 누가 볼 수 있게 할지 설정하세요. 예를 들어, 로그인한 사용자만 이를 볼 수 있게 설정하고 로그아웃한 사용자는 볼 수 없게 설정할 수 있습니다.
마찬가지로, 디자인 에디터에서 Intercom 위젯을 클릭하세요. 속성 패널에서 **'투어 시작 / 중지'**를 찾아 클릭하세요.
이렇게 하면 채팅 위젯에서 특정 가이드 / 제품 투어를 언제 보여줄 것인지 설정하는 조건을 설정할 수 있습니다. 사용 사례에 따라 여러 조건을 설정할 수 있습니다.
5단계: 통합 테스트
통합 과정을 완료했습니다. 이제 기능을 테스트할 시간입니다.
Bubble.io에서 '미리 보기' 모드로 전환하여 위젯을 추가한 페이지로 이동하세요.
채팅 위젯이 설정한 대로 작동하는지 확인하세요. 몇 가지 메시지를 보내고 Intercom 대시보드를 확인하여 메시지가 도착하는지 검증하세요.
이러한 단계를 통해 Bubble.io와 Intercom을 성공적으로 통합하고 요구 사항에 맞게 작동하도록 구성하였습니다. 계속 반복하고 테스트하여 의도한 대로 작동하도록 만드세요.
시나리오: 온라인 교육 플랫폼이 Bubble.io를 사용하여 사용자를 위한 상호 작용형 강좌 콘텐츠를 생성합니다. 그들은 사용자들이 즉시 문의사항 또는 문제를 해결할 수 있도록 실시간 지원을 제공하려고 합니다. 이 목적을 위해 Intercom을 사용하기로 결정했지만 이를 Bubble.io 플랫폼과 병렬로 동작시켜야 합니다.
해결책: Bubble.io와 Intercom의 통합
채팅 위젯 통합: 교육 플랫폼은 Bubble.io에 Intercom 플러그인을 설치하고 이를 Intercom 앱 ID를 사용하여 설정합니다. 이렇게 해서 사용자가 강좌 콘텐츠를 탐색하면서 질문을 할 수 있는 채팅 위젯이 그들의 웹사이트에 추가됩니다.
워크플로우 및 데이터 동기화: 그들은 사용자가 Intercom 채팅 위젯을 통해 메시지를 보낼 때마다 활동이 발생하도록 Bubble.io에서 자동 워크플로우를 설정합니다. 사용자의 정보(이름, 이메일 등)와 메시지의 내용이 직접 Intercom 플랫폼으로 전송됩니다.
Intercom에서의 실시간 응답: 데이터가 Intercom에 캡쳐되면 사용자 지원팀이 이러한 질문에 실시간으로 응답하여 학습자 체험을 향상시킬 수 있습니다.
Intercom에서의 세분화: Intercom은 지원팀이 자주 묻는 질문에 대한 대상 지정된 자동 메시지를 생성하고 사용자를 그들의 질문에 따라 세분화할 수 있게 합니다. 이를 통해 개인화된 접근이 가능해지며, 지원 과정을 가속화할 수 있습니다.
성능 추적: Intercom은 또한 분석을 제공하여 팀이 사용자 상호 작용을 이해하는 데 도움을 줍니다 - 사용자가 겪는 공통적인 문제, 팀의 응답 시간, 사용자 만족도 등.
이점:
즉각적인 지원: 통합에 의해 사용자에게 실시간 지원이 제공되어 학습 경험이 향상됩니다.
개인화된 커뮤니케이션: 사용자 세분화에 기반하여, 플랫폼은 더 개인화된 지원과 메시지를 전달할 수 있습니다.
분석적 통찰력: 지원 과정의 효율성을 추적하는 것이 쉽게 되어, 플랫폼이 사용자 지원을 강화할 수 있습니다.
Bubble.io와 Intercom을 통합함으로써 교육 플랫폼은 실시간, 개인화된 지원을 제공함으로써 학습 경험을 향상시키는 데 효과적으로 사용자 지원 시스템을 개선합니다.
.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)
