전자메일 템플리트에 사용자정의 코드 추가
시각적 템플리트 디자이너를 사용하여 Responsys 전자메일 템플리트에 사용자정의 HTML 코드를 추가합니다. 예를 들어 코드 콘텐츠 블록을 사용하여 전자메일의 HTML 코드 중 일부를 완전히 사용자정의할 수 있습니다.
전자메일에 사용자정의 HTML 코드를 추가하려면 다음을 수행합니다.
- 전자메일 템플리트를 열고 코드 콘텐츠 구성요소를 레이아웃으로 끕니다.
- 코드 콘텐츠 블록을 누른 다음, HTML 편집기를 사용하여 HTML 코드를 추가합니다. 사용자정의 코드 패널을 사용하여 콘텐츠 블록에 형식을 지정합니다.
참고: 변경사항을 미리 보려면 코드 콘텐츠 블록의 바깥쪽을 눌러야 합니다.
HTML 지침
시각적 템플리트 디자이너의 코드 콘텐츠는 사용자정의 HTML 코드 조각에 사용됩니다.
HTML 코드에 대한 몇 가지 지침은 다음과 같습니다.
- 표준을 준수하는 HTML 코드를 작성합니다. 예를 들어 요소를 올바르게 중첩하고 닫아야 하며 소문자 요소 이름, 속성, 값을 사용해야 합니다.
- 코드 콘텐츠 블록에
<html>,<head>,<body>,<script>,<iframe>,<form>등의 HTML 요소를 사용하지 않습니다. 시각적 템플리트 디자이너는 이러한 일부 요소의 사용을 지원하지 않습니다. 기타 요소는 많은 전자메일 클라이언트에서 지원되지 않으며, 보안상 차단되는 경우가 많고, 사용할 경우 전달성 문제가 발생할 수 있습니다. - <, >, & 등의 예약된 문자에 유의합니다. 이러한 문자는 HTML 언어를 구성합니다. 전자메일 콘텐츠에 표시하려는 경우, 개체 이름 또는 번호를 대신 사용해야 합니다. 예를 들어 <, >, & 등이 있습니다.
- CSS 속성 지원은 전자메일 클라이언트마다 다릅니다. CSS 호환성 차트를 사용하여 지원되는지 확인하고, 목표 전자메일 클라이언트에서 전자메일을 테스트합니다.
- Responsys와 CSS 충돌을 방지하려면 다음을 수행합니다.
.body,.ExternalClass,.button등의 클래스 이름을 사용하지 않습니다.<table>요소에 적용할 클래스에 항상 이름을 지정합니다. 테이블을 사용 중인 경우, 아래에서 잠재적 응답 문제를 확인합니다.
- HTML 코드에 테이블 또는 긴 텍스트 문자열이 포함된 경우, 시각적 템플리트 디자이너에 통지
가 나타납니다. 테이블과 긴 텍스트 문자열이 있을 경우, 응답 문제가 발생하여 콘텐츠가 화면 크기에 따라 조정되지 않을 수 있습니다. Responsys에서는 이러한 잠재적 문제가 있는 전자메일의 전송을 차단하지 않지만, 다양한 화면 크기와 목표 전자메일 클라이언트에서 콘텐츠를 테스트해야 합니다.
패딩 및 테두리
사용자정의 코드 패널에서 사용 가능한 옵션을 사용하여 콘텐츠 블록 주위의 패딩과 테두리를 조정합니다. 패딩 및 테두리에 대해 자세히 알아보십시오.
배경색
사용자정의 코드 패널을 사용하여 콘텐츠 블록의 배경색을 설정합니다. 16진수 또는 RGB 값을 사용하여 색상을 설정할 수 있습니다.