이메일 디자인 시작 get-started-content-design
다음과 같이 Journey Optimizer의 기존 콘텐츠를 가져오거나 콘텐츠 디자인 기능을 활용할 수 있습니다.
이메일 디자인 모범 사례 best-practices
이메일 전송 시 수신자가 이메일을 전달할 수 있다는 것을 고려해야 합니다. 이로 인해 이메일 렌더링에 문제가 발생하는 경우도 있습니다. “is-desktop-hidden” CSS 클래스를 사용하여 모바일 디바이스에 이미지를 숨기는 경우와 같이, 이는 특히 이메일 공급자가 지원할 수 없는 전달용 CSS 클래스를 사용하는 경우에 해당됩니다.
이런 렌더링 문제를 최소화하기 위해 이메일 디자인 구조를 가능한 한 간단하게 유지하는 것이 좋습니다. 데스크톱과 모바일 디바이스 모두에 적합한 단일 디자인을 사용하고, 복잡한 CSS 클래스나 기타 모든 이메일 클라이언트가 완전히 지원하지 않을 가능성이 있는 디자인 요소는 사용하지 않는 것이 좋습니다. 이 모범 사례를 적용하면 수신자가 이메일을 보거나 전달하는 방식에 관계없이 이메일이 일관되게 렌더링되도록 할 수 있습니다.
이메일 디자인에 대한 모범 사례는 아래 테이블을 참조하십시오.
- 구조화를 위한 정적, 테이블 기반 레이아웃
- 레이아웃 일관성을 위한 HTML 테이블 및 중첩 테이블
- 600px~800픽셀 사이의 템플릿 너비
- 스타일 지정을 위한 간단한 인라인 CSS
- 범용 호환성을 위한 웹 지원 글꼴
- 배경 이미지 의 경우 특정 이메일 플랫폼에서는 표시되지 않을 수 있습니다.
- 사용자 정의 웹 글꼴 은 범용으로 지원되지 않습니다.
- 넓은 레이아웃 의 경우 작은 화면에서는 제대로 표시되지 않을 수 있습니다.
- 이미지 맵 은 제한된 기능만 제공합니다.
- 포함된 CSS 는 이메일 게재 중에 제거되는 경우가 있습니다.
- JavaScript 는 일반적으로 이메일 환경에서 지원되지 않습니다.
<iframe>
태그는 대부분의 플랫폼에서 차단되어 있습니다.- Flash 는 오래되어 더 이상 지원되지 않습니다.
- 포함된 오디오 는 재생되지 않는 경우가 많습니다.
- 포함된 비디오 는 많은 이메일 플랫폼과 호환되지 않습니다.
- Forms 는 이메일 내에서 작동하지 않습니다.
<div>
계층화로 인해 렌더링 문제가 발생할 수 있습니다.
이메일 콘텐츠를 만드는 주요 단계 key-steps
여정이나 캠페인에 이메일을 추가한 다음에는 이메일 콘텐츠를 만들기 시작할 수 있습니다.
-
여정 또는 캠페인 구성 화면에서 콘텐츠 편집 화면으로 이동하여 [이메일 디자이너]에 액세스합니다. 자세히 알아보기
-
[이메일 디자이너] 홈페이지에서 다음 옵션 중 이메일을 디자인할 방법을 선택합니다.
-
이메일 디자이너의 인터페이스를 통해 이메일을 처음부터 디자인 하고 Adobe Experience Manager Assets의 이미지를 활용합니다. 이메일 콘텐츠를 디자인하는 방법은 이 섹션을 참조하십시오 .
-
이메일 디자이너에서 바로 원시 HTML을 코딩하거나 붙여 넣습니다. 콘텐츠를 직접 코딩하는 방법은 이 섹션을 참조하십시오.
note note NOTE 캠페인의 콘텐츠 편집 화면에서 코드 편집기 버튼을 선택할 수도 있습니다. 자세히 알아보기 -
파일이나 .zip 폴더의 기존 HTML 콘텐츠를 가져옵니다. 이메일 콘텐츠를 가져오는 방법은 이 섹션을 참조하십시오.
-
기본 제공 또는 사용자 정의 템플릿 목록에서 기존 콘텐츠를 선택합니다. 이메일 템플릿으로 작업하는 방법은 이 섹션을 참조하십시오.
-
-
이메일 콘텐츠를 정의하고 개인화한 다음에는 콘텐츠를 내보내 유효성 검사를 하거나 나중에 사용할 수 있습니다. HTML과 자산이 들어 있는 zip 파일을 컴퓨터에 저장하려면 HTML 내보내기 를 클릭합니다.
방법 비디오 video
메시지 편집기로 이메일 콘텐츠를 만드는 방법을 알아봅니다.
A/B 테스트를 위한 콘텐츠 실험을 구성하여 비즈니스 목표 달성에 가장 도움이 되는 이메일 콘텐츠를 탐색하는 방법에 대해 알아봅니다.