연락처와 트랜잭션 이메일을 위한 이메일 플랫폼 Loops에 앱을 연결해 Lovable 앱에서 연락처를 만들고, 이벤트를 보내고, 트랜잭션 이메일을 발송합니다.

Loops에 앱 연결하기

연락처와 트랜잭션 이메일을 위한 이메일 플랫폼 Loops에 앱을 연결해 Lovable 앱에서 연락처를 만들고, 이벤트를 보내고, 트랜잭션 이메일을 발송하세요.

Loops는 연락처, 이벤트, 트랜잭션 이메일을 다루는 이메일 플랫폼입니다. Loops 커넥터를 사용하면 Lovable 앱이 공유 연결을 통해 연락처를 만들고 업데이트하며, 이벤트를 보내고, 트랜잭션 이메일을 발송할 수 있습니다. 이미 Loops에서 연락처와 이메일 자동화를 관리하는 앱에 맞게 설계되었습니다.

Loops는 앱 + 채팅 커넥터로 제공됩니다. 하나의 공유 연결이 빌드 중 프로젝트 채팅과 게시된 앱 모두에서 작동합니다.

가입 확인, 비밀번호 재설정, 영수증, 내부 알림 같은 일반적인 트랜잭션 이메일에는 기본 제공되는 Lovable Emails를 사용하세요. Loops 커넥터는 Loops 연락처, 메일링 리스트, 이벤트가 필요하거나 이미 Loops에서 관리하는 트랜잭션 이메일을 보내야 할 때 사용합니다.

Loops를 연결하면 앱에서 다음 작업을 할 수 있습니다.

이메일이나 사용자 ID로 연락처 만들기 또는 업데이트하기
이메일이나 사용자 ID로 연락처 찾기
메일링 리스트에 연락처를 구독시키거나 구독 해지하기
Loops 자동화를 시작하는 이벤트 보내기
게시된 트랜잭션 이메일 발송하기

Loops는 기본적으로 새 연락처를 캠페인 이메일과 워크플로 이메일에 구독시킵니다. 가입자가 마케팅 이메일을 받지 않아야 한다면 구독 해지 상태로 표시해 달라고 요청하세요. 트랜잭션 이메일을 보낼 때는 별도로 요청한 경우에만 수신자가 마케팅 연락처로 추가됩니다. 이벤트 이름은 Loops의 자동화와 정확히 일치해야 합니다. 연락처, 이벤트, 트랜잭션 이메일의 텍스트 필드는 대부분 최대 500자까지 입력할 수 있습니다.

대기자 명단, 가입 양식, Loops 대상 고객에게 전달해야 하는 제품 알림에 잘 맞습니다.

주요 활용 사례 및 예시 앱

다음 예시는 Loops로 만들 수 있는 앱과 시작할 때 사용할 수 있는 프롬프트를 보여 줍니다.

예시 앱	프롬프트 예시	설명
뉴스레터 가입	Loops를 사용해서 이메일 주소를 우리 대상 고객에 추가하고, 동의 체크박스를 선택한 경우에만 구독시키는 가입 양식을 만들어줘.	수신에 동의한 뉴스레터 구독자를 모읍니다. 앱이 Loops의 연락처를 업데이트하고, 방문자가 마케팅 이메일 수신에 동의한 경우에만 주소를 구독시킵니다.
출시 대기자 명단	Loops를 사용해서 이메일 주소를 Loops에 저장하고 마케팅 이메일 구독 해지 상태로 표시하는 대기자 명단 양식을 만들어줘.	캠페인 이메일을 보내지 않고 관심 고객을 저장합니다. 앱이 연락처를 만들거나 업데이트하고 구독 해지 상태로 표시합니다.
가입 이벤트	Loops를 사용해서 계정이 생성되면 Loops에 signed_up 이벤트를 보내는 가입 흐름을 만들어줘.	가입을 계기로 Loops 자동화를 시작합니다. 앱이 Loops의 자동화와 이름이 일치하는 이벤트를 보냅니다.
주문 영수증	Loops를 사용해서 구매가 끝나면 게시해 둔 주문 영수증 트랜잭션 이메일을 보내는 결제 흐름을 만들어줘.	게시된 Loops 이메일로 영수증을 보냅니다. 앱이 구매자에게 트랜잭션 이메일을 보내며, 구매자를 마케팅 대상 고객에 추가하지는 않습니다.
연락처 조회	Loops를 사용해서 이메일로 연락처를 조회하고 상세 정보를 보여 주는 내부 페이지를 만들어줘.	앱을 벗어나지 않고 연락처를 찾습니다. 앱이 일치하는 Loops 연락처를 읽고 Loops가 반환한 필드를 보여 줍니다.
리스트 설정	Loops를 사용해서 독자가 우리 메일링 리스트를 구독하거나 구독 해지할 수 있는 페이지를 만들어줘.	사람들이 리스트 구독 여부를 직접 관리하게 합니다. 앱이 사용자가 저장한 선택에 따라 Loops에서 연락처의 메일링 리스트를 업데이트합니다.

Loops 연결하기

Loops 연결을 만들 수 있는 사람은 플랜과 워크스페이스 설정에 따라 다릅니다. 앱 + 채팅 커넥터는 Free, Pro, Business 플랜에서 기본적으로 사용할 수 있습니다. Enterprise 플랜에서는 처음에 사실상 비활성화되어 있습니다. 연결 및 클라이언트를 만들 수 있는 사용자 설정의 기본값이 No one이며, 관리자가 Connectors → Admin settings → App + chat connectors에서 변경해야 사용할 수 있습니다.

서로 다른 API 키로 Loops 연결을 여러 개 만들 수 있습니다. 개발 환경과 프로덕션 환경처럼 환경을 분리할 때 유용합니다.

연결을 만든 뒤에는 연결을 사용할 프로젝트에 링크할 수 있습니다. 프로젝트에서 빌드하는 사람은 누구나 채팅에서 Lovable에게 자기 프로젝트를 이 연결에 링크해 달라고 요청할 수 있습니다.

사전 준비

Loops를 연결하기 전에 다음을 갖추었는지 확인하세요.

Loops 계정
Loops API 키
Lovable 워크스페이스에서 연결을 만들 수 있는 권한(연결 및 클라이언트를 만들 수 있는 사용자 참고)

이 커넥터를 통한 API 호출은 Loops 팀의 초당 10회 요청 한도에 포함됩니다. 요금과 rate limit은 Lovable이 아니라 Loops가 직접 관리합니다.

Step 1: Loops API 키 발급받기

Loops API 키를 사용하면 Lovable 앱이 Loops API에 인증할 수 있습니다.

Loops API 키를 만드는 방법은 다음과 같습니다.

API 설정 열기

Loops에 로그인하고 Settings → API를 엽니다.

키 생성하기

Generate key를 클릭합니다. 키에 Lovable integration처럼 이름을 붙일 수 있습니다.

키 복사하기

키를 복사해 안전하게 보관합니다.

API 키는 비밀번호처럼 작동합니다. 안전하게 보관하고 절대 공개적으로 공유하지 마세요. 다음 단계에서 이 키가 필요합니다.

자세한 내용은 Loops 문서의 API introduction을 참고하세요.

Step 2: Loops를 Lovable에 연결하기

Loops에서 받은 API 키를 연결 양식에 붙여넣습니다.

Connectors에서 Loops 열기

Connectors를 열고 Loops를 선택합니다. 카탈로그를 여는 다른 방법은 커넥터를 찾는 위치를 참고하세요.

연결 추가하기

Add connection을 클릭하고 App + chat connector를 선택합니다. 양식은 Details, Configure connection, Sharing의 접을 수 있는 섹션으로 나뉩니다.

연결 이름 지정하기

Details에서 Lovable이 연결 이름을 자동으로 채우며, 이 이름은 변경할 수 있습니다. 이름은 Lovable 안에서 연결을 구분하는 용도로만 쓰입니다.

연결 구성하기

Configure connection에서 API key에 키를 붙여넣습니다. 필드 아래에는 "Your Loops API key"라는 안내 문구가 표시됩니다. 필드 옆의 Get API key를 클릭하면 Loops의 Settings → API가 열립니다.

이 연결을 사용할 수 있는 사람 선택하기

Sharing에서 연결은 기본적으로 본인만 사용할 수 있으며 Private 라벨이 표시됩니다. 연결을 공유하려면 Share with others를 클릭합니다. 그런 다음 이메일로 워크스페이스 멤버를 추가하거나, Invite entire workspace를 클릭해 Lovable 워크스페이스의 모든 사람이 연결을 사용할 수 있게 합니다.

자세한 내용은 연결 및 클라이언트를 사용할 수 있는 사용자를 참고하세요.

연결하기

Connect를 클릭합니다. Lovable은 연결을 저장하기 전에 Loops API를 대상으로 API 키를 검증합니다.

연결이 완료되면 프로젝트에서 빌드하는 사람은 누구나 채팅에서 Lovable에게 자기 프로젝트를 Loops에 링크해 달라고 요청할 수 있습니다(구성된 연결 수준 접근 권한 기준). 그러면 Lovable 앱에서 연락처를 만들고 업데이트하며, 이벤트를 보내고, 게시된 트랜잭션 이메일을 발송할 수 있습니다.

제한 사항

Loops 커넥터로는 다음 작업을 할 수 없습니다.

커넥터를 통해 Loops 웹훅 받기. Loops 계정마다 웹훅 엔드포인트를 하나만 지원하며, 이 엔드포인트는 Loops의 Settings → Webhooks에서 구성합니다.
최종 사용자별 Loops 로그인 지원하기. 각 연결은 해당 연결에 링크된 모든 프로젝트가 공유하는 단일 Loops 계정을 나타냅니다.

Loops에서 API 키가 폐기되어 요청이 실패한다면 Settings → API에서 새 키를 생성하고 Lovable 연결을 업데이트하세요.

Loops 연결 관리

연결은 Connectors에서 관리합니다. Loops 커넥터를 선택한 다음 연결을 여세요.

Unlink projects를 사용하면 다른 프로젝트에서는 연결을 계속 사용할 수 있도록 유지하면서 특정 프로젝트의 Loops 접근 권한만 제거할 수 있습니다. 단계별 절차는 연결에서 프로젝트 연결 해제를 참고하세요.
Delete the connection을 사용하면 워크스페이스에서 연결을 완전히 제거할 수 있습니다. 삭제는 영구적입니다. 연결된 모든 프로젝트에서 자격 증명이 제거되고, Loops를 사용하는 앱 기능은 새 연결을 추가할 때까지 작동하지 않습니다. 단계와 삭제 권한은 연결 삭제를 참고하세요.