이메일 디자이너 작업을 시작하고 레거시 편집기에서 만든 이메일 HTML에서 재사용 가능한 템플릿과 조각을 빌드합니다.
이 사용 사례를 사용하면 HTML 이메일을 사용하여 이메일 디자이너 템플릿을 만들고 이메일 디자이너의 HTML 구성 요소로 나눌 수 있습니다.
호환성 모드와 마찬가지로 HTML 구성 요소는 제한된 옵션으로 편집할 수 있습니다. 즉석 편집만 수행할 수 있습니다.
이 섹션은 HTML 코드에 익숙한 고급 사용자를 위한 것입니다.
다음으로 전환 Mobile view. 자세한 내용은 이 섹션을 참조하십시오.
이 문제를 해결하려면 소스 코드 모드로 전환한 후 스타일 섹션을 새 스타일 섹션에 복사하여 붙여넣습니다. 예제:
<style type="text/css">
a {text-decoration:none;}
body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
...
</style>
그 뒤에 다른 사용자 지정 스타일 태그에 스타일을 추가해야 합니다.
이메일 디자이너에서 생성한 CSS를 수정하지 마십시오.
<style data-name="default" type="text/css">(##)</style>
<style data-name="supportIOS10" type="text/css">(##)</style>
<style data-name="mediaIOS8" type="text/css">(##)</style>
<style data-name="media-default-max-width-500px" type="text/css">(##)</style>
<style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
모바일 보기로 돌아가서 컨텐츠가 올바르게 표시되는지 확인하고 변경 사항을 저장합니다.
레거시 편집기에서 만든 이 이메일을 Email Designer 템플릿.
이 이메일에서 11개의 섹션을 식별할 수 있습니다.
어떤 요소가 HTML의 어느 섹션인지 식별하기 위해 해당 요소를 선택할 수 있습니다.
이메일의 HTML 버전을 보려면 Show source.
드래그 앤 드롭 Structure components 이메일 레이아웃을 반영합니다.
필요한 만큼 반복합니다. 11개의 구조 구성 요소를 만들어야 합니다.
삽입 HTML component 각각 Structure component .
각 섹션에 대해 Show source code .
HTML 섹션을 삽입합니다.
Save를 클릭합니다.
이제 전자 메일 렌더링을 확인할 수 있습니다.
CSS 요소를 삽입하여 이메일이 모바일 보기에 적합한지 확인합니다.
소스 코드로 전환하고 스타일 섹션을 새 스타일 섹션에 복사하여 붙여넣습니다.
자세한 내용은 이메일 스타일 관리.
이제 기존 이메일을 이메일 디자이너에서 사용할 수 있습니다.