내 도메인으로 브랜딩된 이메일 보내기

인증 이메일과 커스텀 앱 이메일을 자동 DNS, SPF, DKIM, DMARC 설정으로 내 도메인에서 보내세요. 도달률을 높이고, 도메인 평판을 보호하며, 브랜드 신뢰를 강화할 수 있습니다.

개요

이메일 기능을 사용하면 Lovable Cloud 앱에서 인증 이메일과 커스텀 앱 이메일을 내 이메일 도메인으로 보낼 수 있습니다.

예시 noreply@notify.yourdomain.com 또는 noreply@yourdomain.com

발신 전용 서브도메인을 사용하면 루트 도메인의 평판을 보호하면서 브랜딩의 일관성을 유지할 수 있습니다.

설정 가능한 항목

• 프로젝트에서 사용할 이메일 도메인
• 발신 서브도메인 설정
• 이메일 브랜딩 및 비주얼 스타일
• 이메일 템플릿 및 제목

Lovable이 도메인 인증, DNS 설정, 이메일 인증(SPF, DKIM, DMARC), 발송 인프라를 모두 처리합니다. 외부 이메일 제공업체 계정이나 API 키는 필요 없습니다.

지원되는 이메일 유형

인증 이메일과 커스텀 앱 이메일을 보낼 수 있습니다.

인증 이메일

인증 이메일은 계정 접근 및 본인 확인과 관련된 트랜잭션 이메일입니다. 사용자가 특정 보안 관련 작업을 수행할 때 Cloud Auth에 의해 자동으로 트리거됩니다.

Lovable은 6가지 내장 템플릿을 제공합니다.

• 가입 확인
  사용자가 계정을 생성하고 이메일 확인이 활성화되어 있을 때 전송됩니다. 사용자가 실제 이메일 주소 소유자인지 확인한 후 계정을 활성화합니다.
• 비밀번호 재설정
  사용자가 비밀번호 재설정을 요청할 때 전송됩니다. 안전한 비밀번호 복구를 지원합니다.
• 매직 링크
  비밀번호 없이 로그인하는 기능이 활성화되어 있고, 사용자가 로그인 링크를 요청할 때 전송됩니다. 비밀번호 없이 사용자를 인증합니다. 매직 링크 인증이 아직 설정되지 않은 경우 Lovable에 활성화를 요청할 수 있습니다.
• 초대
  프로젝트에 사용자를 초대할 때(Cloud → Users에서) 전송됩니다. 안전한 초대 링크를 통해 계정 접근 권한을 부여합니다.
• 이메일 변경
  사용자가 이메일 주소를 변경할 때 전송됩니다. 변경 사항을 적용하기 전에 새 주소의 소유권을 확인합니다.
• 재인증
  비밀번호 변경과 같은 민감한 작업을 수행하기 전에 본인 확인이 필요할 때 전송됩니다. 유효기간이 짧은 인증 코드를 포함합니다. 재인증 기능이 아직 설정되지 않은 경우 Lovable에 활성화를 요청할 수 있습니다.

자세한 내용은 이메일 템플릿 생성 및 커스터마이징을 참고하세요.

앱 이메일

앱 이메일은 사용자 활동이나 앱 내 이벤트에 대한 응답으로 발송되는 트랜잭션 이메일입니다. 구매나 업데이트 같은 일이 발생할 때 애플리케이션 로직에 의해 트리거됩니다. 내장 템플릿은 없으며, 언제 보낼지와 어떤 내용을 담을지는 여러분이 결정합니다.

Lovable에 배송 알림, 주문 확인, 구매 영수증 등 필요한 기능을 요청하면 해당 이메일 템플릿을 자동으로 생성해 줍니다. 또한 Lovable은 이메일 하단에 수신거부 링크를 자동으로 추가합니다.

자세한 내용은 이메일 템플릿 생성 및 커스터마이징을 참고하세요.

이용 가능 여부 및 사용량

• 이메일은 유료 플랜에서 사용할 수 있습니다.
• 각 유료 워크스페이스에는 추가 비용 없이 월 50,000건의 트랜잭션 이메일이 포함됩니다. 사용량은 전체 워크스페이스 단위로 계산됩니다. 추가 이메일은 1,000건당 $1로 청구되며, Cloud and AI 잔액에서 차감됩니다.
• 이메일은 도달률과 시스템 안정성을 보호하기 위해 워크스페이스당 시간당 100건으로 전송 제한이 적용됩니다. 더 높은 한도가 필요하면 Lovable 지원팀에 문의하세요.

커스텀 이메일을 사용해야 하는 이유

• 더 나은 도달률 내 도메인에서 보낸 이메일은 스팸이 아닌 받은편지함에 도달할 가능성이 높습니다.
• 더 높은 신뢰 사용자가 From 주소에서 내 도메인을 보고 신뢰감을 갖습니다.
• 일관된 브랜딩 이메일이 제품 아이덴티티와 일치합니다.
• 관리형 설정 Lovable이 도메인을 인증하고 필요한 DNS 레코드를 설정합니다.
• 인증된 발송 Lovable이 자동으로 SPF, DKIM, DMARC를 설정하여 이메일을 인증하고 받은편지함 도달률을 개선합니다.
• 지속적 모니터링 DNS 변경으로 이메일 전달에 영향이 생길 수 있을 때 Lovable이 알려줍니다.

전제 조건

커스텀 이메일을 사용하려면

• 프로젝트에 Lovable Cloud가 활성화되어 있어야 합니다.
• 워크스페이스가 유료 플랜이어야 합니다.
• 도메인을 소유하고 DNS 설정을 관리할 수 있어야 합니다.
• 도메인을 추가, 삭제 또는 인증하려면 워크스페이스 관리자 또는 소유자여야 합니다.

이메일 작동 방식

이메일 도메인을 설정하면 Lovable이 다음을 처리합니다.

• 루트 도메인 아래에 트랜잭션 발신용 서브도메인을 생성합니다 (예: notify.yourdomain.com)
• 자동화된 설정 플로우를 통해 DNS 설정을 안내합니다
• 필수 DNS 레코드를 확인하여 도메인을 인증합니다
• 생성 및 커스터마이징 가능한 6가지 내장 브랜딩 인증 이메일 템플릿을 제공합니다
• 요청한 기능(확인, 알림, 업데이트 등)에 맞는 커스텀 앱 이메일 템플릿을 생성합니다
• DNS 인증이 완료되면 이메일 발송을 활성화합니다

도메인 인증 후, 이메일은 내 도메인에서 발송됩니다.

이메일 도메인 범위 및 사용

이메일 도메인은 워크스페이스 수준에서 프로비저닝됩니다.

• 한 워크스페이스에 여러 이메일 도메인을 설정할 수 있습니다
• 인증된 도메인은 여러 프로젝트에서 사용할 수 있습니다
• 각 프로젝트에서 사용할 인증된 도메인을 선택할 수 있습니다
• 프로젝트당 한 번에 하나의 이메일 도메인만 활성화할 수 있습니다
• Verified 상태의 도메인만 이메일을 보낼 수 있습니다
• 프로젝트별로 이메일을 활성화하거나 비활성화할 수 있습니다

이메일 도메인 추가

이메일 발송에 사용할 도메인을 선택합니다. 이 도메인이 사용자의 받은편지함에 표시됩니다.

시작하는 방법은 두 가지입니다.

• 채팅에서 Lovable에 이메일 설정을 요청하면 설정 버튼이 표시됩니다. 예시

  비밀번호 재설정 이메일을 내 도메인에서 보내고 싶어.

• Cloud 설정에서 Cloud → Emails로 이동하여 Get started를 클릭합니다. 이메일 설정 플로우로 이동합니다.

Lovable은 DNS 인증이 완료되면 자동으로 감지하여 도메인을 활성화합니다.

도메인 상태가 Verified로 변경되면 내 도메인에서 이메일이 발송됩니다.

이메일 도메인 상태

이메일 도메인은 다음 상태를 거칠 수 있습니다.

이메일 템플릿 생성 및 커스터마이징

Emails 페이지에는 Auth emails와 App emails 두 개의 탭이 있으며, 앱에서 생성된 템플릿을 미리볼 수 있습니다. 이메일 템플릿은 자동으로 생성되지 않습니다.

이메일 템플릿을 생성하려면

• 인증 이메일 템플릿
  Auth emails 탭으로 이동하여 Customize auth emails를 클릭합니다. Lovable이 6가지 내장 브랜딩 템플릿을 생성합니다.
• 앱 이메일 템플릿
  Lovable에 알림, 확인, 영수증 등 필요한 기능을 요청합니다. 해당 이메일 템플릿을 자동으로 생성해 줍니다. 예시

  앱에 주문 확인 이메일을 추가해 줘. 주문이 완료되면 고객에게 확인 이메일을 보내도록 해 줘.

각 템플릿에 표시되는 항목

• From 주소
• Subject 제목
• iframe으로 렌더링된 이메일 템플릿의 실시간 미리보기
• 내 계정 또는 커스텀 주소로 테스트 이메일을 보내는 Send test 옵션

  새로 설정된 도메인에서 보낸 이메일은 평판이 쌓이는 동안 처음에 스팸함으로 분류될 수 있습니다.

자동 브랜딩

이메일 템플릿을 생성할 때 Lovable이 자동으로 앱의 브랜딩을 적용합니다.

• src/index.css에서 CSS 변수를 추출합니다 (기본 색상, 폰트, 테두리 반경)
• public/과 src/assets/에서 로고 파일을 감지합니다
• 감지된 로고를 전용 이메일 에셋 스토리지 버킷에 업로드합니다
• 앱의 톤과 언어에 맞게 이메일 문구를 조정합니다

이메일 본문의 외부 배경색은 이메일 클라이언트 간 일관된 렌더링을 위해 항상 #ffffff입니다. 내부 컴포넌트에는 브랜드 색상을 사용할 수 있습니다.

커스터마이징 가능한 항목

Lovable에 다음 항목의 업데이트를 요청할 수 있습니다.

• 문구와 톤
• 브랜드 색상
• 레이아웃과 구조
• 이미지 및 로고 배치
• 제목

예시

이메일을 내 브랜드에 맞춰 줘. 버튼과 제목에 #2563eb를 사용하고, 상단에 로고를 추가하고, 이모지를 제거하고, 전문적이면서 친근한 톤으로 바꾸고, 버튼을 레이아웃 위쪽으로 올리고, support@myapp.com이 포함된 하단 영역을 추가하고, 제목이 앱 이름으로 시작하도록 업데이트해 줘.

Lovable은 인증 변수, 보안 콜백 링크, 수신거부 하단 영역 등 필수 정보를 유지하면서 템플릿을 업데이트합니다.

템플릿 직접 수정

코드를 직접 수정하고 싶다면

• 인증 이메일
  • 템플릿 위치 supabase/functions/_shared/email-templates/
  • 발송 로직 위치 supabase/functions/auth-email-hook/ 필수 인증 변수와 콜백 링크가 그대로 유지되어야 합니다. 그렇지 않으면 인증 플로우가 작동하지 않습니다.
• 앱 이메일
  • 템플릿 위치 supabase/functions/_shared/transactional-email-templates/
  • 발송 로직 위치 supabase/functions/send-transactional-email/ 앱 이메일 템플릿의 수신거부 하단 영역은 반드시 유지해야 합니다. 제거하면 이메일 발송 요건을 위반하게 되며 도달률에 영향을 줍니다.

템플릿은 인라인 스타일이 적용된 React Email 컴포넌트를 사용합니다 (이메일 클라이언트는 외부 CSS를 지원하지 않습니다).

템플릿 파일이나 제목을 수정한 후에는 Lovable에 재배포를 요청해야 변경 사항이 적용됩니다. 예시

이메일 템플릿을 재배포해 줘

이메일 도메인 관리

Cloud → Emails에서 도메인 드롭다운을 통해 다음 항목에 접근할 수 있습니다.

• Analytics and logs 이메일 도메인의 발송 지표와 해당 도메인을 사용하는 현재 프로젝트의 이메일 활동을 확인합니다.
• Manage domains 모든 워크스페이스 이메일 도메인과 상태 뱃지를 확인하고, DNS 레코드를 검사 및 복사하고, 현재 프로젝트에서 사용하는 도메인을 전환하고, 수동으로 도메인을 인증하고, 도메인을 추가하거나 삭제할 수 있습니다.

  도메인 삭제는 워크스페이스 전체에 영향을 미치는 작업입니다. 해당 도메인에서의 이메일 발송이 중단됩니다. 해당 도메인을 사용하는 모든 프로젝트는 자동으로 기본 인증 이메일로 전환되며, 앱 이메일은 발송이 중단됩니다.

• Add a new domain 새 워크스페이스 이메일 도메인을 추가합니다.
• Disable emails 현재 프로젝트의 이메일을 활성화하거나 비활성화합니다. 비활성화하면 인증 이메일은 커스텀 이메일 도메인과 템플릿 대신 기본 Cloud Auth 발신자로 계속 발송되며, 앱 이메일은 발송이 중단됩니다.

Analytics and logs

Analytics and logs 뷰에서는 연결된 도메인의 7일, 30일, 또는 90일 동안의 발송 지표와 현재 프로젝트에서 보낸 최근 이메일 로그를 확인할 수 있습니다.

• 지표 카드
  • Sent 발송이 수락되고 배달 대기열에 추가된 이메일
  • Delivered 수신자의 받은편지함에 성공적으로 전달된 이메일
  • Bounced 수신 메일 서버에서 거부된 이메일
• 발송 차트 이메일 도메인의 전달 완료(파란색) vs 실패(빨간색) 이메일입니다. 특정 지점에 마우스를 올리면 해당 시간의 정확한 수치를 확인할 수 있습니다.
• 이메일 활동 로그 현재 프로젝트에서 보낸 최근 이메일의 확장 가능한 목록으로, 수신자, 상태(completed, failed, pending), 유형(인증 이메일, 앱 이메일, 테스트 이메일), 타임스탬프, 그리고 실패 시 오류 메시지를 포함한 상세 실행 추적을 보여줍니다.

이메일 도달률 모범 사례

새 도메인에서 이메일을 보낼 때 받은편지함 배치가 안정화되기까지 시간이 걸릴 수 있습니다. 받은편지함 제공업체는 참여도, 인증, 발송 패턴을 기반으로 발신자 평판을 시간에 걸쳐 평가합니다.

다음 모범 사례를 따라 도달률을 개선하고 강력한 발신자 평판을 구축하세요.

문제 해결

FAQ