Bubble.io를 Mailchimp와 쉽게 통합하는 방법을 배워보세요, 계정 설정부터 워크플로우 구성까지. 원활한 이메일 마케팅 통합으로 앱을 개선하세요!
Mailchimp은 마케팅 자동화 플랫폼이며 이메일 마케팅 서비스입니다. 이는 2001년에 설립되어 이제는 매일 수백만 사용자를 보유한 이메일 마케팅 플랫폼 중 선두주자 중 하나가 되었습니다. Mailchimp은 비즈니스가 이메일 캠페인을 디자인하고 공유하고, 구독자를 관리하고, 캠페인 성능을 추적하는데 도움이 되는 도구를 제공합니다. 또한 사용자 정의 템플릿, 이메일 자동화, 분석, 관객 세분화 및 다양한 통합 옵션과 같은 기능도 제공합니다.
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: Mailchimp 계정 만들기
아직 계정이 없다면, 쉽게 하나 만들 수 있습니다. Mailchimp를 방문해서 페이지 내의 '무료 가입' 버튼을 클릭하세요. 필요한 필드들을 채우고 이메일 주소를 인증한 후, 다음 단계로 넘어갈 준비가 완료됩니다. 특정 API 기능에 접근하려면 요금 플랜을 선택해야 할 수도 있음을 주의하세요.
단계 2: Mailchimp에서 API Key 생성하기
계정 대시보드에서 오른쪽 상단 부분으로 이동하여 프로필을 클릭한 다음, 드롭다운에서 '계정' 옵션을 선택하세요. 계정 페이지에서 '추가 기능' 드롭다운 메뉴로 이동하여 'API 키'를 클릭하세요. 다음 페이지에서 '키 생성' 버튼을 클릭하세요. 추후 참조를 위해 API Key에 관련된 이름을 붙이고, 이 API Key를 복사해두세요. 나중에 Bubble에서 사용하게 됩니다.
단계 3: Bubble 계정 만들기
아직 계정이 없다면, Bubble.io를 방문하여 가입하세요. 계정이 인증되면 로그인하여 앱을 만들기 시작합니다.
단계 4: Mailchimp 플러그인 설치
Bubble.io 대시보드에서 왼쪽 패널로 이동하여 '플러그인'을 클릭합니다. 플러그인 페이지에서 '+ 플러그인 추가' 버튼을 클릭하고 'Mailchimp'을 검색합니다. 원하는 플러그인에 '설치'를 클릭하면 플러그인이 목록에 추가됩니다.
단계 5: Bubble에서 Mailchimp 플러그인 설정
Bubble 대시보드에서 왼쪽 패널의 '플러그인' 탭을 클릭합니다. 플러그인 목록에서 Mailchimp를 찾아 클릭합니다. 오른쪽 패널에 구성 세트가 나타납니다. 제공된 필드에 Mailchimp API Key를 붙여넣습니다.
단계 6: 워크플로우 설정
애플리케이션의 특정 요구 사항에 따라, Mailchimp 플러그인이 이메일을 보내도록 트리거하는 워크플로우를 만들어야 할 것입니다. 이 워크플로우는 Bubble 앱의 디자인에 따라 변경됩니다.
예를 들어, 사용자가 가입한 후에 환영 이메일을 보내려고 한다고 가정해 봅시다. 일반적인 워크플로우는 다음과 같습니다:
a. '가입' 버튼을 클릭하고 폼 데이터가 유효하면, 새로운 사용자를 만듭니다.
b. '워크플로우' 탭으로 이동하여 '+ 동작 추가'를 클릭합니다.
c. 플러그인 드롭다운에서 'Mailchimp - 사용자를 리스트에 구독' 동작을 선택합니다.
d. 필요한 필드를 채웁니다. 이를테면 이메일 주소 필드(새로운 사용자의 이메일) 및 리스트 이름 또는 아이디(설정한 Mailchimp의 리스트 정보)입니다.
단계 7: 워크플로우 테스트
워크플로우가 생성된 후, 테스트할 시간입니다. '미리 보기' 모드로 이동하고 설정한 워크플로우를 트리거해 보세요. 예를 들어, 우리는 새로운 사용자를 가입시켜 Mailchimp 리스트에 사용자를 구독하는 워크플로우가 제대로 작동하는지 테스트하겠습니다. 가입한 후에는, Mailchimp 리스트를 확인하여 새로운 사용자가 추가되었는지 확인해야 합니다.
단계 8: 디버깅
만약 워크플로우가 예상대로 작동하지 않는다면, Bubble은 디버거를 제공합니다. 디버거에 접근하려면 '미리 보기' 모드로 전환하고 내비게이션 메뉴에서 '검사'를 선택합니다. 디버거를 사용하면 워크플로우를 동작 단위로 확인할 수 있습니다. 나타나는 경고나 알림에 유의하십시오.
그리고 이제 끝났습니다! Mailchimp 플러그인을 사용하여 Bubble.io 앱과 Mailchimp를 성공적으로 통합했습니다. 기억하세요, Bubble.io에서 워크플로우 개발의 핵심은 항상 인내와 세심한 주의입니다.
시나리오: 온라인 피트니스 코칭 비즈니스는 Bubble.io를 사용하여 온라인 피트니스 애플리케이션을 구축하며, 사용자는 가입하여 개인화된 운동 계획에 접근, 진행 상황을 추적하고 사용자 커뮤니티와 소통할 수 있습니다. 그들은 Mailchimp를 사용하여 등록된 사용자에게 주간 뉴스레터, 운동 팁, 동기 부여 이메일을 자동으로 보내고, 새로운 사용자를 위한 드립 이메일 캠페인을 관리하고자 합니다.
해결책: Bubble.io와 Mailchimp 통합
애플리케이션 구축: 비즈니스는 Bubble.io를 사용하여 개인화된 운동 계획, 진행 상황 추적기, 사용자 커뮤니티 포럼과 같은 사용자 특화 기능을 통합한 피트니스 애플리케이션을 구축합니다. 애플리케이션에는 이름, 이메일 주소, 사용자의 피트니스 관심사를 캡처하는 사용자 등록 양식도 포함됩니다.
통합 설정: 그들은 Bubble.io 프로젝트에 Mailchimp 플러그인을 추가하고, Mailchimp API 키를 입력하며, 플러그인 설정을 구성합니다. Bubble.io에서는 사용자 등록 양식 제출 또는 업데이트 및 다른 사용자 특정 추적 작업이 트리거될 때 실행되는 워크플로우를 설정합니다.
데이터 동기화 워크플로우: 사용자가 등록 양식을 제출하거나 정보를 업데이트하면 Bubble.io의 워크플로우가 실행됩니다. 이름, 이메일 주소, 피트니스 관심사, 기타 정보와 같은 캡처된 데이터는 설정된 플러그인 액션을 사용하여 자동으로 Mailchimp로 전송됩니다. 사용자 세부 정보는 애플리케이션의 예설정 조건에 따라 특정 Mailchimp 관객에 추가됩니다.
Mailchimp에서 이메일 캠페인: Mailchimp 내에서 비즈니스는 주간 뉴스레터, 운동 팁, 동기 부여 이메일, 기타 사용자 특정 이메일을 시작할 수 있습니다. 또한, 비즈니스는 애플리케이션에서 확인한 특정 사용자 액션에 대응하여 새로운 사용자를 위한 자동화 및 드립 이메일 캠페인을 설정할 수 있습니다.
모니터링 및 분석: Mailchimp의 분석 도구를 통해, 비즈니스는 이메일 열람률, 클릭률, 구독 취소률, 관객 성장 등을 추적할 수 있습니다. 이를 통해 그들은 이메일 캠페인의 효과성, 사용자의 참여도를 이해하고 이러한 인사이트에 따라 접근법을 최적화할 수 있습니다.
효과:
효율성: 사용자 데이터를 캡처하고 개인화된 이메일 캠페인을 트리거하는 과정을 자동화함으로써 수동 입력의 필요성이 없어지고 사용자 데이터 관리의 속도와 정확성이 높아집니다.
맞춤형 사용자 경험: 이메일 캠페인에 사용자 특화 데이터를 통합함으로써, 그들은 더욱 개인화되고 대상 지향적인 사용자 경험을 제공할 수 있습니다.
데이터 주도 접근: Mailchimp의 분석 도구를 통해 비즈니스는 관객의 행동을 이해하고, 이러한 인사이트를 바탕으로 이메일 콘텐츠 및 전달 전략을 향상시킬 수 있습니다.
Bubble.io와 Mailchimp를 원활하게 통합함으로써, 온라인 피트니스 코칭 비즈니스는 사용자 경험, 참여도, 전반적인 비즈니스 효율성을 향상시킬 수 있습니다.
.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)
