Skip to content

이메일 글로벌 스타일 설정

글로벌 스타일 설정을 사용하면 이메일 Campaigns과 Canvases의 외관을 개인화할 수 있습니다. 드래그 앤 드롭 편집기에 기본 테마를 추가하고 커스텀할 수 있습니다. 여기에는 이메일 제목, 텍스트, 버튼 등의 스타일 편집이 포함됩니다. 이러한 설정을 조합하면 이메일 메시징 전반에 걸쳐 일관된 외관을 만들 수 있습니다.

글로벌 스타일 설정을 편집하려면 설정 > 이메일 환경설정 > 드래그 앤 드롭 이메일 환경설정으로 이동합니다. 드래그 앤 드롭 이메일 편집기에서 스타일을 편집한 후 저장을 선택합니다. 이메일 Campaigns과 Canvases를 더 커스텀하려면 드래그 앤 드롭 편집기 블록을 활용하는 방법을 확인하세요.

드래그 앤 드롭 이메일 편집기 설정 탭의 이메일 글로벌 스타일 설정 섹션.

기본 스타일링

기본 스타일링에서는 이메일 Campaigns과 Canvases의 기본 이메일 및 콘텐츠 배경색을 설정할 수 있습니다. 기본 글꼴을 선택하고, 커스텀 글꼴을 추가하며, 링크 색상을 편집할 수도 있습니다.

이메일 및 콘텐츠 배경색, 기본 글꼴 이름, 기본 링크 색상을 편집하는 옵션이 포함된 기본 스타일링 옵션.

커스텀 글꼴

커스텀 글꼴을 사용하면 다양한 이메일 플랫폼에서 브랜딩 일관성을 위해 웹 글꼴을 수동으로 추가할 수 있습니다. 각 스타일링 섹션에 하나의 커스텀 글꼴을 추가할 수 있습니다.

요구 사항

커스텀 글꼴을 추가하기 전에 커스텀 글꼴 파일이 다음 요구 사항을 충족하는지 확인하세요:

  • 커스텀 글꼴 파일을 제공하는 서버에서 CORS가 활성화되어 있어야 합니다. 이는 보통 IT 팀에서 관리합니다.
    • 커스텀 글꼴 파일에는 다음 헤더가 있어야 합니다: Access-Control-Allow-Origin: *
  • 파일 URL은 CSS 파일을 가리켜야 합니다(WOFF 또는 OTF가 아님).
  • 커스텀 글꼴 이름은 CSS 파일의 글꼴 페이스 이름과 일치해야 합니다.

커스텀 글꼴 제공업체가 수신자의 개인 데이터를 수집할 수 있습니다. 사용 전에 글꼴 제공업체의 정책을 검토해야 합니다.

커스텀 글꼴 추가

커스텀 글꼴을 추가하려면 다음을 수행하세요:

  1. 기본 스타일링기본 글꼴 이름 섹션에서 커스텀 글꼴 추가를 선택합니다.
  2. 글꼴 이름 필드에 커스텀 글꼴 소스 파일에 표시된 것과 동일한 글꼴 이름을 입력합니다. 이름의 대소문자와 띄어쓰기가 올바른지 확인하세요.
  3. 글꼴 URL 필드에 해당 URL을 입력합니다.
  4. 미리보기에 커스텀 글꼴이 표시되는지 확인합니다.
  5. 저장을 선택하여 커스텀 글꼴을 기본 이메일 글꼴로 사용합니다.

이메일 Campaigns에서 다른 커스텀 글꼴을 사용하려면 커스텀 글꼴이 포함된 이메일 템플릿 또는 Content Blocks를 만들 수 있습니다. 예를 들어, 세일 테마에 맞춘 축제 분위기의 커스텀 글꼴로 디자인된 특정 이메일 템플릿을 만들 수 있습니다. 선택한 글꼴이 웹에서 안전하고 이메일 플랫폼에서 지원되는지 반드시 확인하세요.

대체 글꼴

대체 글꼴은 기본 글꼴 선택이 받은편지함 제공업체나 운영체제에서 지원되지 않을 때 제목, 헤더, 본문 텍스트에 사용됩니다. 기본적으로 Braze는 글로벌 스타일 설정이 저장될 때 Arial을 대체 글꼴로 자동 설정합니다. 기본 글꼴 패밀리에 세리프 또는 산세리프를 옵션으로 추가할 수도 있습니다.

대체 글꼴로 "Arial"이 설정되고 글꼴 패밀리로 "Sans-serif"가 설정된 예시.

최대 17개의 대체 글꼴을 추가할 수 있습니다. 첫 번째로 선택된 대체 글꼴이 가장 먼저 시도됩니다. 대체 글꼴은 새로 생성된 템플릿, 이메일 Campaigns, Canvas 구성요소에만 적용됩니다. 대체 글꼴이 지정되기 전에 생성된 메시지에는 대체 글꼴이 자동으로 설정되지 않습니다. 브랜딩 전반의 일관성을 유지하기 위해 이메일 메시징과 유사한 대체 글꼴을 선택하는 것을 강력히 권장합니다.

제목 스타일링

여기에서 글꼴 크기, 글꼴 색상, 텍스트 정렬을 편집하여 이메일 제목의 스타일을 조정할 수 있습니다.

가운데 정렬된 메인 헤더와 보조 헤더의 제목 스타일링 설정.

선택적으로 드래그 앤 드롭 편집기 테마의 기본 스타일을 재정의할 수 있습니다. 기본 스타일 재정의를 선택하여 원하는 제목 스타일링을 적용합니다. 여기에는 다른 글꼴과 링크 색상 설정이 포함될 수 있습니다.

단락 스타일링

기본 단락 스타일을 설정하려면 단락 스타일링으로 이동하여 글꼴 크기를 입력하고 글꼴 색상을 선택하여 글꼴 색상을 지정합니다. 상단 패딩, 오른쪽 패딩, 하단 패딩, 왼쪽 패딩 값을 편집하여 본문 텍스트의 블록 스타일링을 조정할 수도 있습니다. 이는 단락 블록 주변의 네 방향 간격에 모두 적용됩니다.

14pt 글꼴 텍스트의 단락 스타일링 설정.

목록 스타일링

메시징에 목록을 추가할 때 목록 스타일링 섹션은 목록 스타일의 일관성을 유지합니다. 여기에는 다음과 같은 세부 사항이 포함됩니다:

  • 글꼴 크기
  • 글꼴 색상
  • 글꼴 두께
  • 줄 높이
  • 정렬
  • 텍스트 방향
  • 자간
  • 목록 항목 간격
  • 목록 항목 들여쓰기
  • 목록 유형
  • 목록 스타일 유형

목록 유형을 번호 매기기 또는 글머리 기호로 설정할 수 있습니다. 목록 스타일 유형은 목록 스타일에 대한 추가 커스텀을 제공합니다. 예를 들어, 목록 유형을 항상 글머리 기호로 설정하고 각 글머리 기호를 사각형으로 지정할 수 있습니다.

글머리 기호 목록의 목록 스타일링 설정.

버튼 스타일링

버튼 스타일링 섹션에서는 버튼의 다음 기본 스타일을 편집할 수 있습니다:

  • 배경색
  • 글꼴 크기
  • 글꼴 색상
  • 테두리 반경
  • 테두리 색상
  • 테두리 두께
  • 버튼 패딩

파란색 배경의 직사각형 버튼에 대한 버튼 스타일링 설정.

다른 모든 스타일링 섹션과 마찬가지로 상단 패딩, 오른쪽 패딩, 하단 패딩, 왼쪽 패딩 값을 편집하여 블록 스타일링을 조정할 수 있습니다.

이메일 템플릿 너비

이메일 템플릿 너비를 사용하면 이메일 Campaigns 전반에 걸쳐 일관성을 위해 너비를 조정하고 설정할 수 있습니다.

이메일 템플릿 너비가 600px로 설정된 모습.

Content Blocks 너비

이 설정은 이후 생성되는 모든 Content Blocks에 미리 구성됩니다. 기존 Content Blocks는 업데이트되지 않습니다. 모든 Content Blocks를 100%로 설정하여 Content Blocks가 삽입된 위치의 너비를 따르도록 하거나, 특정 픽셀 값을 정의할 수 있습니다.

Content Blocks 너비를 이메일 템플릿 너비와 일치시키는 것을 권장합니다.

Content Blocks 너비가 600px로 설정된 모습.

New Stuff!