/No-Code Development Agency

Bubble.io 앱에서 뉴스레터를 어떻게 보내나요?

우리의 단계별 가이드를 사용하여 Bubble.io 앱에서 직접 이메일을 보내는 뉴스레터 발송을 마스터하십시오 - 노력 없이 참여를 촉진하십시오!

Matt Graham, CEO of Rapid Developers

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.

Book a free No-Code consultation

Bubble.io 앱에서 뉴스레터를 어떻게 보내나요?

1단계: 도메인과 SendGrid 계정 준비하기
Bubble.io 앱에서 뉴스레터를 보내려면 먼저 SendGrid 계정과 사용자 지정 도메인(사용자 지정 도메인을 사용하려는 경우)을 설정해야 합니다. 이는 뉴스레터의 "발신" 주소를 사용자 지정하고 이메일 전달 관리 및 이메일 추적과 같은 추가 기능을 활성화하기 위해 필요합니다.

  • 공식 SendGrid 웹사이트에서 SendGrid 계정을 등록합니다.
  • SendGrid 대시보드에서 API 키를 생성하고 안전하게 보관합니다.
  • 사용자 지정 도메인이 있는 경우, Bubble 앱에 연결합니다. 도메인 등록 및 연결 방법은 일반적으로 Bubble의 문서 또는 도메인 등록소의 도움말 페이지에 찾을 수 있습니다.

2단계: Bubble에서 SendGrid 구성하기
SendGrid 계정과 선택적 도메인을 준비한 후에는:

  • Bubble 앱의 대시보드로 이동하여 Settings > Domain / Email로 이동합니다.
  • 이메일 설정 섹션으로 이동합니다.
  • 지정된 입력 상자에 SendGrid API 키를 입력하고 "Verify Sendgrid Key"를 클릭하여 Bubble과 SendGrid 계정을 연결합니다.
  • SendGrid 이메일 템플릿을 사용하려면 여기에 템플릿 ID를 입력할 수도 있습니다.
  • 필요한 경우 이메일 별칭을 사용자 지정합니다(이것은 이메일 주소 앞에 표시되는 이름 부분이 될 것입니다. 예: 'Support' in support@yourdomain.com).

3단계: Bubble 내에서 뉴스레터 워크플로우 설정하기
SendGrid이 통합되면 이제 Bubble 내에서 뉴스레터를 보내기 위한 워크플로우를 설정할 수 있습니다:

  • Bubble 응용 프로그램의 Workflow Editor에 액세스합니다.
  • 뉴스레터 발송 기능을 추가하려는 새로운 워크플로우를 생성하거나 기존 워크플로우를 선택합니다.
  • Workflow Editor내의 "Send Email" 동작을 사용하여 뉴스레터의 콘텐츠를 구성합니다. 수신자, 제목, 본문을 지정합니다. 뉴스레터의 경우, 각 사용자에게 콘텐츠의 개인화를 위해 동적 데이터를 사용할 수 있습니다.
  • SendGrid 템플릿을 사용하는 경우, SendGrid에 있는 템플릿 변수와 Bubble에서 사용하는 템플릿 변수가 일치하도록 합니다.

4단계: 뉴스레터 발송 기능 테스트하기
모든 사용자에게 뉴스레터를 보내기 전에 워크플로우를 테스트하는 것이 좋은 방법입니다:

  • Bubble에서 테스트 사용자 계정을 설정하고 이 계정으로 뉴스레터를 보내 테스트를 실행합니다.
  • 다양한 이메일 클라이언트에서 뉴스레터의 배송률과 포맷을 확인하여 원하는대로 표시되는지 확인합니다.

5단계: 배포 및 모니터링
설정에 대한 확신이 있을 때:

  • 워크플로우를 배포합니다.
  • SendGrid의 분석을 사용하여 뉴스레터의 배송률, 열람률, 클릭률을 추적합니다.
  • 사용자 상호작용과 피드백에 기초하여 워크플로우 및 콘텐츠를 정기적으로 업데이트합니다.

기억하세요, SendGrid 계정과 사용자 지정 도메인을 관리함으로써 이메일 캠페인에 대한 더 큰 제어, 더 나은 배송률, 분석에 접근을 제공하는데 중요할 수 있으며 이는 효과적인 뉴스레터 배포에 중요합니다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

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.

Explore

WeWeb Tutorials

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.

Explore

No-Code Tools Comparison

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.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences