Skip to content

커스텀 HTML로 이메일 만들기

이메일 메시지는 사용자가 원하는 조건에 맞춰 콘텐츠를 전달하는 데 매우 유용합니다. 또한 앱을 삭제한 사용자를 다시 참여시키는 데에도 훌륭한 도구입니다. 맞춤화된 이메일 메시지를 보내면 사용자 경험이 향상되고, 사용자가 앱에서 최대한의 가치를 얻을 수 있도록 도와줍니다.

이메일 Campaign 예시를 확인하려면 활용 사례를 참조하세요.

1단계: 메시지를 작성할 위치 선택하기

단순한 단일 메시지에는 Campaign을 사용하세요. 다단계 사용자 여정에는 Canvas를 사용하세요.

  1. 메시징 > Campaigns으로 이동하여 캠페인 생성을 선택합니다.
  2. 이메일을 선택하거나, 여러 채널을 타겟팅하는 Campaign의 경우 멀티채널을 선택합니다.
  3. Campaign에 명확하고 의미 있는 이름을 지정합니다.
  4. 필요에 따라 Teams와 태그를 추가합니다.
    • 태그를 사용하면 Campaign을 더 쉽게 찾고 보고서를 작성할 수 있습니다. 예를 들어, 보고서 빌더를 사용할 때 특정 태그로 필터링할 수 있습니다.
  5. Campaign에 필요한 만큼 배리언트를 추가하고 이름을 지정합니다. 이 주제에 대한 자세한 내용은 다변량 및 A/B 테스트를 참조하세요.
  1. Canvas 작성기를 사용하여 Canvas를 만듭니다.
  2. Canvas를 설정한 후, Canvas 빌더에서 단계를 추가합니다. 단계에 명확하고 의미 있는 이름을 지정합니다.
  3. 단계 스케줄을 선택하고 필요에 따라 지연을 지정합니다.
  4. 필요에 따라 이 단계의 오디언스를 필터링합니다. Segment를 지정하고 추가 필터를 추가하여 이 단계의 수신자를 더 세밀하게 조정할 수 있습니다. 오디언스 옵션은 지연 후 메시지가 발송되는 시점에 확인됩니다.
  5. 진행 동작을 선택합니다.
  6. 메시지와 함께 사용할 다른 메시징 채널을 선택합니다.

2단계: 편집 환경 선택하기

Braze는 이메일 Campaign을 만들 때 두 가지 편집 환경을 제공합니다: 드래그 앤 드롭 편집기와 표준 HTML 편집기입니다. 원하는 편집 환경에 맞는 타일을 선택하세요.

이메일 편집 환경으로 드래그 앤 드롭 편집기, HTML 편집기 또는 템플릿 중에서 선택하기.

그런 다음 기존 이메일 템플릿을 선택하거나, 파일에서 템플릿을 업로드하거나(HTML 편집기만 해당), 빈 템플릿을 사용할 수 있습니다.

HTML 편집기를 사용하고 기기가 다크 모드일 때 Gmail 모바일 앱에서 배경색이 일관되게 유지되어야 하는 경우, Gmail 모바일 앱과 다크 모드 배경색을 참조하세요.

3단계: 이메일 작성하기

템플릿을 선택하면 이메일 개요가 표시되며, 여기서 전체화면 편집기로 바로 이동하여 이메일을 작성하고, 발송 정보를 변경하고, 전달 가능성 또는 법률 준수에 대한 경고를 확인할 수 있습니다. 작성하는 동안 HTML, 클래식, 일반 텍스트, AMP 탭 간에 전환할 수 있습니다.

HTML에서 재생성 버튼.

Braze는 일반 텍스트 버전에 대한 편집이 감지될 때까지 HTML 버전에서 자동으로 일반 텍스트 버전을 업데이트합니다. Braze가 편집을 감지하면 의도적인 변경이 이루어졌다고 판단하여 자동 업데이트를 중단합니다. 자동 동기화를 복원하려면 일반 텍스트로 이동하여 HTML에서 재생성을 선택합니다(일반 텍스트가 동기화되지 않을 때만 표시됨).

이메일 작성을 위한 이메일 배리언트 패널.

아랍어나 히브리어와 같은 오른쪽에서 왼쪽으로 쓰는 언어의 메시지를 작성하는 데 도움이 필요하신가요? 모범 사례는 오른쪽에서 왼쪽으로 쓰는 메시지 만들기를 참조하세요.

Gmail 모바일 앱과 다크 모드

Gmail 모바일 앱(Android 및 iOS)은 기기가 다크 모드일 때 배경색을 반전시킬 수 있습니다. 이로 인해 이메일 배경이 이미지 가장자리나 특정 브랜드 색상과 일치해야 하는 레이아웃이 깨질 수 있습니다.

이를 방지하려면, 안정적인 배경이 필요한 테이블 셀에서 background-color 대신 단색 CSS linear-gradient를 사용하세요. Gmail은 단색 배경색보다 이 처리를 반전시킬 가능성이 낮습니다.

예를 들어, 셀에 흰색 배경을 유지하려면 다음을 사용하세요:

1

<td style="background-image: linear-gradient(#ffffff, #ffffff);">

#ffffff를 원하는 색상으로 교체하세요.

그라디언트 구문에 대한 자세한 내용은 W3Schools의 CSS 그라디언트를 참조하세요.

3.1단계: 발송 정보 추가하기

이메일 메시지 디자인과 작성을 완료한 후, 발송 설정에서 발송 정보를 추가합니다.

  1. 발송 정보에서 보낸 사람 표시 이름 + 주소로 이메일을 선택합니다. 보낸 사람 표시 이름 + 주소 커스터마이즈를 선택하여 커스터마이즈할 수도 있습니다.
  2. 회신 주소로 이메일을 선택합니다. 회신 주소 커스터마이즈를 선택하여 커스터마이즈할 수도 있습니다.
  3. 다음으로, BCC 주소로 이메일을 선택하여 이 주소에서 이메일을 볼 수 있도록 합니다.
  4. 이메일에 제목란을 추가합니다. 선택적으로 프리헤더와 프리헤더 뒤의 공백도 추가할 수 있습니다.

오른쪽 패널의 미리보기에 추가한 발송 정보가 표시됩니다. 이 정보는 설정 > 이메일 환경설정 > 발송 구성으로 이동하여 업데이트할 수도 있습니다.

고급

발송 설정 > 고급에서 가장 넓은 클라이언트 지원을 위해 인라인 CSS를 켭니다. 메시지가 잘리거나 이미지가 행 높이로 늘어나는 경우, 인라인 CSS를 일시적으로 끄기로 해보세요. 일부 템플릿은 인라인 처리 없이 더 잘 작동합니다.

이메일 헤더와 이메일 추가 정보에 개인화를 추가하여 다른 이메일 서비스 제공업체로 추가 데이터를 보낼 수도 있습니다.

이메일 헤더

이메일 헤더를 추가하려면 새 헤더 추가를 선택합니다. 이메일 헤더에는 발송되는 이메일에 대한 정보가 포함됩니다. 이러한 키-값 페어에는 일반적으로 발신자, 수신자, 인증 프로토콜 및 라우팅 정보가 포함됩니다. Braze는 이메일이 받은편지함 제공업체에 도달할 수 있도록 RFC에서 요구하는 헤더 정보를 자동으로 추가합니다.

Braze는 고급 사용 사례를 위해 필요에 따라 추가 이메일 헤더를 추가할 수 있는 유연성을 제공합니다. Braze 플랫폼이 발송 중에 덮어쓰는 몇 가지 예약된 필드가 있습니다.

다음 키는 사용하지 마세요:

예약된 필드
BCC dkim-signature Reply-To
CC From Subject
Content-Transfer-Encoding MIME-Version To
Content-Type Received x-sg-eid
DKIM-Signature received x-sg-id
이메일 추가 정보 추가하기

이메일 추가 정보를 사용하면 다른 이메일 서비스 제공업체로 추가 데이터를 보낼 수 있습니다. 이는 고급 사용 사례에만 적용되므로, 회사에서 이미 이 기능을 설정한 경우에만 이메일 추가 정보를 사용해야 합니다.

이메일 추가 정보를 추가하려면 발송 정보로 이동하여 새 추가 정보 추가를 선택합니다.

이메일 추가 정보 값은 Currents 또는 Snowflake에 게시되지 않습니다. Currents 또는 Snowflake로 추가 메타데이터나 동적 값을 보내려면 message_extras를 대신 사용하세요.

3.2단계: 메시지 미리보기 및 테스트하기

이메일 작성을 완료한 후, 발송하기 전에 테스트하세요. 개요 화면 하단에서 미리보기 및 테스트를 선택합니다.

여기서 고객의 받은편지함에 이메일이 어떻게 표시되는지 미리볼 수 있습니다. 사용자로 미리보기를 선택하면 랜덤 사용자로 이메일을 미리보거나, 특정 사용자를 선택하거나, 커스텀 사용자를 만들 수 있습니다. 이를 통해 연결된 콘텐츠와 개인화 호출이 제대로 작동하는지 테스트할 수 있습니다.

그런 다음 미리보기 링크 복사를 사용하여 랜덤 사용자에게 이메일이 어떻게 보이는지 보여주는 공유 가능한 미리보기 링크를 생성하고 복사할 수 있습니다. 이 링크는 7일 후에 재생성해야 합니다.

데스크탑, 모바일, 일반 텍스트 보기 간에 전환하여 다양한 컨텍스트에서 메시지가 어떻게 표시되는지 확인할 수도 있습니다.

최종 확인 준비가 되면 테스트 발송을 선택하고 자신이나 테스터 그룹에 테스트 메시지를 보내 이메일이 기기와 클라이언트에서 올바르게 표시되는지 확인합니다.

이메일 작성 시 테스트 발송 옵션과 예시 이메일 미리보기.

이메일에 문제가 있거나 변경하고 싶은 사항이 있으면 이메일 편집을 선택하여 편집기로 돌아갑니다.

3.3단계: 이메일 오류 확인하기

발송 전에 편집기가 일반적인 문제를 표시합니다:

  • 보낸 사람 표시 이름과 헤더가 함께 설정되지 않음
  • 잘못된 보낸 사람 또는 회신 주소
  • 중복된 헤더 키
  • Liquid 구문 오류
  • 전체 <!DOCTYPE html>을 포함하는 Content Blocks
  • 이메일 본문이 400 KB를 초과함
  • 빈 본문 또는 제목
  • 탈퇴 링크 누락
  • 보낸 사람 도메인이 허용 목록에 없음(발송이 크게 제한됨)

4단계: Campaign 또는 Canvas의 나머지 부분 구축하기

다음으로, Campaign의 나머지 부분을 구축합니다. Braze 도구를 사용하여 이메일 Campaign을 구축하는 방법에 대한 자세한 내용은 다음 섹션을 참조하세요.

전달 스케줄 또는 트리거 선택하기

예약된 시간, 동작 또는 API 트리거를 기반으로 이메일을 전달합니다. 자세한 내용은 Campaign 스케줄 설정을 참조하세요.

Campaign의 기간을 설정하고, 방해금지 시간을 지정하고, 최대 게재빈도 설정 규칙을 설정할 수도 있습니다.

타겟 사용자 선택하기

다음으로, Segment 또는 필터를 선택하여 사용자를 타겟팅합니다. Braze는 이메일을 통해 도달 가능한 사용자 수를 포함하여 Segment 모집단의 실시간 미리보기를 표시합니다. 정확한 Segment 멤버십은 발송 직전에 계산됩니다.

이메일에 가입하고 옵트인한 사용자와 같이 특정 구독 상태를 가진 사용자에게만 Campaign을 보내도록 선택할 수도 있습니다.

선택적으로, Segment 내 지정된 수의 사용자에게만 전달을 제한하거나, Campaign이 반복될 때 사용자가 동일한 메시지를 두 번 받을 수 있도록 허용할 수도 있습니다.

이메일과 푸시를 포함하는 멀티채널 Campaign

이메일과 푸시 채널을 모두 타겟팅하는 멀티채널 Campaign의 경우, 명시적으로 옵트인한 사용자만 메시지를 받도록 Campaign을 제한할 수 있습니다(가입됨 또는 가입 취소된 사용자 제외). 예를 들어, 서로 다른 옵트인 상태를 가진 세 명의 사용자가 있다고 가정해 보겠습니다:

  • 사용자 A는 이메일에 가입되어 있고 푸시가 활성화되어 있습니다. 이 사용자는 이메일을 받지 않지만 푸시를 받습니다.
  • 사용자 B는 이메일에 옵트인했지만 푸시가 활성화되어 있지 않습니다. 이 사용자는 이메일을 받지만 푸시를 받지 않습니다.
  • 사용자 C는 이메일에 옵트인했고 푸시가 활성화되어 있습니다. 이 사용자는 이메일과 푸시를 모두 받습니다.

이를 위해 오디언스 요약에서 이 Campaign을 “옵트인한 사용자에게만” 보내도록 선택합니다. 이 옵션은 옵트인한 사용자만 이메일을 받도록 하며, Braze는 기본적으로 푸시가 활성화된 사용자에게만 푸시를 보냅니다.

전환 이벤트 선택하기

Braze를 사용하면 Campaign을 수신한 후 사용자가 특정 동작인 전환 이벤트를 얼마나 자주 수행하는지 추적할 수 있습니다. 다음 동작 중 하나를 전환 이벤트로 지정할 수 있습니다:

  • 앱 열기
  • 구매하기(일반 구매 또는 특정 항목일 수 있음)
  • 특정 커스텀 이벤트 수행
  • 이메일 열기

사용자가 지정된 동작을 수행하면 Braze가 전환을 카운트하는 최대 30일의 기간을 허용할 수 있습니다. Braze는 열기와 클릭을 자동으로 추적하지만, 지능형 선택을 사용하려면 전환 이벤트를 열기 또는 클릭으로 설정할 수 있습니다.

아직 완료하지 않았다면, Canvas 구성요소의 나머지 섹션을 완료하세요. Canvas의 나머지 부분을 구축하고, 다변량 테스트와 지능형 선택을 구현하는 방법 등에 대한 자세한 내용은 Canvas 설명서의 Canvas 구축하기 단계를 참조하세요.

5단계: 검토 및 배포하기

마지막 섹션에서는 설계한 Campaign의 요약을 보여줍니다. 모든 관련 세부 정보를 확인하고 Campaign 시작을 선택합니다.

이메일 Campaign의 결과에 액세스하는 방법을 알아보려면 이메일 보고서를 확인하세요.
New Stuff!