Brevo에 앱 연결하기
Brevo에 앱을 연결하여 트랜잭션 및 마케팅 이메일을 발송하고, 연락처와 리스트를 관리하며, Lovable 앱에서 커뮤니케이션 워크플로우를 트리거하세요.
Brevo는 이메일, SMS, 연락처 및 마케팅 자동화를 위한 고객 커뮤니케이션 플랫폼입니다. 제품 경험의 일부로 트랜잭션 또는 마케팅 메시징, 연락처 관리, 멀티채널 아웃리치가 필요한 앱을 위해 설계되었습니다.
Brevo를 사용하면 앱에서 다음을 할 수 있습니다:
- 트랜잭션 및 마케팅 이메일 발송
- 연락처, 리스트 및 세그먼테이션 관리
- Brevo 계정에서 지원되는 경우 SMS 및 WhatsApp 캠페인 트리거
- Brevo에서 전송 및 캠페인 성과 이벤트 추적
Brevo는 Lovable 내장 이메일이 제공하는 것 이상의 브랜드화된, 대용량 또는 멀티채널 메시징이 필요하거나, 이미 Brevo에서 연락처와 캠페인을 관리하고 있을 때 적합합니다.
표준 트랜잭션 이메일(가입 확인, 비밀번호 재설정, 영수증, 내부 알림)에는 내장된 Lovable Emails를 사용하세요.
마케팅 캠페인, 연락처 리스트, SMS/WhatsApp, 라이프사이클 자동화가 필요하거나 이미 Brevo에서 메시징을 관리하고 있다면 Brevo 커넥터를 활용하세요.
일반적인 사용 사례 및 예시 앱
| 예시 앱 | 예시 프롬프트 | 설명 |
|---|---|---|
| 주문 확인 및 업데이트 | Brevo를 사용하여 결제 후 주문 확인 이메일과 배송 업데이트를 발송해줘. | 앱 이벤트에서 트랜잭션 알림 발송. 주문 상태가 변경될 때마다 앱이 Brevo 이메일 발송을 트리거합니다. |
| CRM 기반 아웃리치 앱 | Brevo를 사용해서 리드를 Brevo 리스트에 동기화하고 타겟 캠페인을 발송하는 대시보드를 만들어줘. | 연락처와 캠페인을 제품 액션과 연결 유지. 앱이 캠페인 시작 전에 연락처 속성과 리스트 멤버십을 업데이트합니다. |
| 온보딩 라이프사이클 앱 | Brevo를 사용해서 사용자가 가입할 때 이메일과 SMS로 환영 시퀀스를 발송해줘. | 채널 전반의 온보딩 커뮤니케이션 자동화. 앱이 가입 및 활성화 마일스톤에 따라 사용자를 Brevo 워크플로우에 등록합니다. |
| SMS 리마인더 및 알림 | Brevo를 사용해서 각 예약 24시간 전에 SMS 리마인더를 보내고 로그인 시 일회용 코드를 발송해줘. | 시간에 민감한 메시지를 SMS로 전달. 앱이 Brevo를 통해 예약된 또는 이벤트 기반 SMS를 발송합니다(SMS가 계정에서 활성화된 경우). |
| 내부 알림 앱 | Brevo를 사용해서 결제 실패나 계정 위험 이벤트에 대한 내부 알림 이메일을 발송해줘. | 운영 알림을 내부 팀에 신속하게 전달. 앱이 이벤트 데이터를 포맷하고 Brevo를 통해 알림을 발송합니다. |
| 뉴스레터 및 공지사항 | Brevo를 사용해서 구독자를 모으고 내 앱에서 주간 제품 업데이트를 발송해줘. | 하나의 워크플로우에서 반복 커뮤니케이션 실행. 앱이 옵트인을 캡처하고 세그먼테이션 필드를 저장하며 캠페인 발송을 트리거합니다. |
Brevo 연결 방법
워크스페이스 admins와 owners가 Brevo를 연결할 수 있습니다.
서로 다른 API 키를 사용하여 여러 Brevo 연결을 만들 수 있으며, 이는 환경 분리(예: 개발 및 프로덕션), 다른 기능 범위 적용 또는 속도 제한 관리에 유용합니다.
연결이 생성되면 Brevo는 워크스페이스의 모든 프로젝트에서 사용할 수 있게 됩니다.
사전 요구사항
Brevo를 연결하기 전에 다음을 준비하세요:
- Brevo 계정
xkeysib-로 시작하는 Brevo REST API 키- Lovable 워크스페이스 owner 또는 admin 역할
이 커넥터를 통해 이루어진 요청은 Brevo 플랜과 사용량에 따라 Brevo에서 청구됩니다. 청구는 Lovable이 아닌 Brevo가 처리합니다.
1단계: Brevo API 키 생성
Brevo REST API 키는 Lovable 앱이 Brevo API로 인증할 수 있게 합니다. 다양한 권한을 가진 여러 키를 만들 수 있습니다.
Brevo에서 API 키를 만들려면:
Brevo API 키 설정 열기
Brevo에 로그인하고 Settings → SMTP & API → API keys를 엽니다.
새 API 키 생성
Generate a new API key를 클릭합니다.
- 키에 설명적인 이름을 부여합니다. 예:
Lovable integration. - 앱에 필요한 사항(예: 트랜잭션 이메일, 연락처, SMS)에 따라 키가 가져야 할 권한 또는 범위를 선택합니다.
- Generate를 클릭합니다.
키를 복사하고 저장
키를 복사하고 안전하게 저장합니다. Brevo API 키는 xkeysib-로 시작합니다.
API 키는 비밀번호처럼 작동합니다. 안전하게 보관하고 절대 공개적으로 공유하지 마세요. 다음 단계에서 필요합니다.
자세한 지침은 Brevo 문서를 참조하세요: Brevo API reference.
2단계: Brevo를 Lovable에 연결
서로 다른 API 키를 사용하여 여러 연결을 만들 수 있습니다.
Connectors에서 Brevo 열기
Connectors → App connectors로 이동하고 Brevo를 선택합니다.
연결 추가
Add connection을 클릭합니다.
연결 구성
- Display name: 연결 이름을 지정합니다. 예:
Brevo Prod. - API key: Brevo API 키(
xkeysib-)를 붙여넣습니다. - Who can access this connection: 액세스를 특정 사용자에게만 제한하거나 전체 워크스페이스를 초대합니다. 자세한 내용은 Connection-level access를 참조하세요.
연결
Connect를 클릭합니다.
연결되면 Lovable 앱이 이메일과 SMS를 발송하고, 연락처를 관리하며, Brevo의 다른 API 기능을 사용할 수 있습니다.
제한사항
Brevo 커넥터는 다음을 할 수 없습니다:
- 커넥터를 통해 들어오는 Brevo 웹훅 또는 전송 이벤트를 직접 수신할 수 없습니다(대신 Brevo의 이벤트 API를 폴링하거나 Lovable 외부의 Brevo 측 엔드포인트로 웹훅을 구성할 수 있습니다)
- 최종 사용자별 Brevo 인증을 지원하지 않습니다(각 연결은 워크스페이스 범위의 단일 공유 API 키를 사용합니다)
- 자격 증명을 자동으로 새로 고치거나 취소하지 않습니다. 회전하려면 Brevo에서 새 API 키를 생성하고 앱 워크플로우가 다시 요청을 보낼 수 있도록 Lovable 연결을 업데이트하세요
- 해당 채널이 활성화되지 않았거나 사용 가능한 크레딧이 없는 계정에서는 SMS 또는 WhatsApp 메시지를 보낼 수 없습니다. 기능 가용성은 Brevo 계정, 플랜 및 활성화된 채널에 따라 다릅니다.
Brevo 연결에서 프로젝트 연결 해제 방법
editors 이상은 연결 전체를 삭제하지 않고 연결에서 특정 프로젝트를 제거할 수 있습니다. 연결은 다른 프로젝트에서 계속 사용할 수 있습니다.
프로젝트 연결을 해제하려면:
Connectors 열기
Connectors를 열고 App connectors로 이동한 다음 **Brevo**을 선택합니다.
연결 열기
관리하려는 연결을 엽니다.
프로젝트 선택
Linked projects 아래에서 연결을 해제할 프로젝트를 체크합니다.
확인
Unlink projects를 클릭하고 확인합니다.
연결이 해제되면 해당 프로젝트는 이 연결을 통해 더 이상 Brevo에 액세스할 수 없습니다. 프로젝트가 다시 Brevo이 필요하면 사용 가능한 연결에 연결할 수 있습니다.
Brevo 연결 삭제 방법
워크스페이스 admins와 owners는 Brevo 연결을 삭제할 수 있습니다.
연결 삭제는 영구적이며 되돌릴 수 없습니다. 모든 연결된 프로젝트에서 자격 증명을 제거하고, 이 연결을 사용하는 모든 앱은 새 연결이 추가될 때까지 작동을 멈춥니다.
삭제하기 전에 Linked projects 섹션을 검토하여 현재 연결을 사용 중인 프로젝트를 확인하세요.
연결을 삭제하려면:
Connectors 열기
Connectors를 열고 App connectors로 이동한 다음 **Brevo**을 선택합니다.
연결 열기
제거하려는 연결을 엽니다.
연결된 프로젝트 검토
Linked projects 섹션을 검토합니다.
삭제
Delete this connection 아래에서 Delete를 클릭하고 확인합니다.