기존 콘텐츠를 사용하여 디자인

기존 콘텐츠 선택

Adobe Campaign에는 시작하는 데 도움이 되는 사전 정의된 콘텐츠 세트가 포함되어 있습니다. 이 중 하나를 사용하거나, 전송해야 하는 메시지의 콘텐츠가 Adobe Campaign 외부에서 준비되는 경우 컴퓨터 또는 URL에서 가져올 수 있습니다.

이메일 또는 랜딩 페이지를 만들 때 다른 소스에서 기존 콘텐츠를 로드하도록 선택할 수 있습니다.

1. 이메일 또는 랜딩 페이지를 만든 후 해당 콘텐츠를 엽니다.

2. 홈 아이콘을 클릭하여 Email Designer 홈 페이지입니다.

   

3. 로드할 컨텐츠의 소스 선택:

   • 콘텐츠 템플릿: 다음 클릭: Templates 탭.
   • 처음부터 콘텐츠새로 시작하려면 다음을 클릭하십시오. Create 단추를 클릭합니다.
   • 컴퓨터의 내용을 ZIP 또는 HTML 파일로: 다음 클릭: Upload 단추를 클릭합니다.
   • 기존 URL의 콘텐츠 (이메일에만 해당): Import from URL 단추를 클릭합니다.

   

4. 콘텐츠를 로드합니다. 선택한 콘텐츠가 현재 콘텐츠를 대체합니다.

   가져온 콘텐츠는 편집하고 개인화할 수 있습니다.

   노트

   다음 이메일 디자이너 은 특정 태깅을 사용합니다. Campaign에 업로드된 표준 HTML 콘텐츠는 이메일 디자이너에서 완전히 호환되고 편집할 수 있도록 예상 태깅과 일치해야 합니다. 일치하지 않을 경우 콘텐츠가 호환 모드. 기존 콘텐츠를 호환되도록 하려면 다음을 참조하십시오. 이 섹션.

관련 항목:

• 이메일 만들기
• 랜딩 페이지 관리

이메일 디자이너를 사용하여 기존 콘텐츠 편집

의 편집 가능성을 완전히 활용하려면 이메일 디자이너: 업로드한 HTML에 WYSIWYG 편집기와 호환되도록 하는 특정 태깅이 포함되어야 합니다.

HTML 전체 또는 일부에 이 태깅이 없으면 콘텐츠가에 로드됩니다. 호환 모드'.

이메일 디자이너 내에서 기존 외부 콘텐츠를 완전히 편집할 수 있도록 하려면 기존 콘텐츠를 사용한 이메일 디자인 섹션.

기존 이메일 콘텐츠 가져오기

파일에서 콘텐트 가져오기

이메일 디자이너 홈페이지에서 Upload 단추를 클릭하여 컴퓨터에서 파일을 업로드한 다음 확인합니다.

zip 파일 구조에는 제한이 없습니다. 그러나 HTML 파일 참조는 상대적이어야 하며 zip 폴더의 트리 구조를 준수해야 합니다.

가져오기에 지원되는 형식은 다음과 같습니다.

• 통합 스타일시트가 있는 HTML 파일
• HTML 파일, 스타일 시트(.CSS) 및 이미지가 포함된 .zip 폴더

URL에서 콘텐츠 가져오기

URL에서 콘텐츠를 가져오기 전에 다음 요구 사항을 준수하는지 확인하십시오.

• 이 URL을 통해 콘텐츠를 공개적으로 사용할 수 있어야 합니다.

• 보안상의 이유로 다음으로 시작하는 URL만 https 허용됩니다.

• 모든 리소스(이미지, CSS)가 절대 링크 및 HTTPS로 설정되어 있는지 확인하십시오. 그렇지 않으면 이메일을 보낸 후 미러 페이지가 리소스 없이 표시됩니다. 다음은 절대 링크 정의의 예입니다.

  <a href="https://www.mywebsite.com/images/myimage.png">
  

URL에서 기존 콘텐츠를 검색하려면 아래 단계를 따르십시오.

1. 이메일 디자이너 홈페이지에서 Import from URL 단추를 클릭합니다.

   

2. 콘텐츠를 검색할 URL을 정의합니다.

3. Confirm​를 클릭합니다.

비디오에서 이 기능 살펴보기.

추가 Campaign Standard 방법 비디오를 사용할 수 있습니다 여기.

준비 시 URL에서 자동으로 콘텐츠 검색

메시지를 준비하는 동안 URL에서 콘텐츠를 가져오면 이메일이 준비될 때마다 최신 HTML 콘텐츠를 검색할 수 있습니다. 이러한 방식으로 반복 이메일의 콘텐츠는 항상 전송 시 최신 상태로 유지됩니다. 이 기능을 사용하면 콘텐츠가 아직 준비되지 않은 경우에도 특정 날짜에 예약된 메시지를 만들 수 있습니다.

준비 시 콘텐츠를 검색하려면 아래 단계를 따르십시오.

1. 다음 항목 선택 Content imported during preparation 옵션을 선택합니다.

   

2. 편집기에 URL 콘텐츠가 읽기 전용으로 표시됩니다.

   주의

   이 단계에서는 컨텐츠 편집기의 HTML 표시를 고려하지 않아야 합니다. 준비 단계에서 검색됩니다.

3. 검색된 URL 콘텐츠를 미리 보려면 메시지가 생성되면 열고 다음을 클릭합니다. Preview 단추를 클릭합니다.

콘텐츠를 검색할 원격 URL을 개인화할 수 있습니다. 이렇게 하려면 아래 단계를 수행합니다:

1. 화면 상단의 이메일 레이블을 클릭하여 이메일 디자이너에 액세스합니다 Properties 탭.

2. 다음 찾기 Remote URL 필드.

   

3. 원하는 개인화 필드, 콘텐츠 블록 또는 다이내믹 텍스트를 삽입합니다.

   다음 Current date - YYYYMMDD 예를 들어 콘텐츠 블록을 사용하여 그날의 날짜를 삽입할 수 있습니다.

   노트

   사용 가능한 개인화 필드는 다음에 연결됩니다. 게재 속성만(이메일 생성 날짜, 상태, 캠페인 레이블…).

콘텐츠 다운로드가 첫 번째 시도에서 실패하는 경우 두 번 다시 시도할 수 있습니다.

1. 두 번째 시도는 첫 번째 시도 후 50ms 후에 시작됩니다.
2. 세 번째 시도는 두 번째 시도 후 100 ms 후에 시작됩니다.

이러한 재시도는 다음과 같은 경우에 유용합니다.

• 원격 서버에서 단시간 서비스 오류 발생
• 클러스터에서 서버 오류가 발생합니다. 이 경우 작업 서버에 대한 부하 분산 덕분에 재시도가 성공할 가능성이 높아집니다

호환성 모드

콘텐츠를 업로드할 때 전자 메일 디자이너의 WYSIWYG 편집기를 사용하여 완전히 준수하고 편집할 수 있는 특정 태그 지정 기능이 포함되어야 합니다.

업로드된 HTML의 전부 또는 일부가 예상 태깅을 준수하지 않는 경우 콘텐츠가 '호환성 모드'로 로드되어 UI를 통한 편집 가능성이 제한됩니다.

콘텐츠가 호환성 모드로 로드되더라도 인터페이스를 통해 다음과 같은 수정 작업을 수행할 수 있습니다(사용할 수 없는 작업은 숨겨짐).

• 텍스트 변경 또는 이미지 변경
• 링크 및 개인화 필드 삽입
• 선택한 HTML 블록에서 일부 스타일 옵션 편집
• 조건부 콘텐츠 정의

이메일에 새 섹션 추가 또는 고급 스타일 지정과 같은 기타 수정 사항은 HTML 모드를 통해 이메일의 소스 코드에서 직접 수행해야 합니다.

기존 이메일을 이메일 디자이너 호환 이메일로 변환하는 방법에 대한 자세한 내용은 이 섹션.

관련 항목:

• 이메일 만들기
• 이메일 디자이너 소개 비디오
• 이메일 콘텐츠를 처음부터 디자인하기

HTML 컨텐츠 변환

여러 이메일에서 재사용하기 위해 결합할 수 있는 모듈식 템플릿 및 조각의 프레임워크를 구축하려면 이메일 HTML을 이메일 디자이너 템플릿으로 변환하는 것을 고려해야 합니다.

이 사용 사례에서는 HTML 이메일을 이메일 디자이너 구성 요소로 빠르게 변환할 수 있습니다.

이메일 디자이너 외부에서 원래 HTML이 재사용 가능한 섹션으로 구분되었는지 확인합니다.

그렇지 않은 경우 HTML에서 다른 블록을 잘라냅니다. 예제:

<!-- 3 COLUMN w/CTA (SCALED) -->
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:680px;">
<tbody>
<tr>
<td class="padh10" align="center" valign="top" style="padding:0 5px 20px 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tbody>
<tr>
...
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- //3 COLUMN w/CTA (SCALED) -->

모든 블록을 식별했으면 이메일 디자이너에서 기존 이메일의 각 섹션에 대해 다음 절차를 반복합니다.

1. 이메일 디자이너를 열어 빈 이메일 콘텐츠를 만듭니다.

2. 바디 레벨 속성(배경색, 너비 등)을 설정합니다. 자세한 내용은 전자 메일 스타일 편집을 참조하십시오.

3. 구조 구성 요소를 추가합니다. 자세한 내용은 전자 메일 구조 편집을 참조하십시오.

4. HTML 구성 요소를 추가합니다. 자세한 내용은 조각 및 구성 요소 추가를 참조하십시오.

5. HTML을 해당 구성 요소에 복사하여 붙여넣습니다.

6. 모바일 보기로 전환. 자세한 내용은 이 섹션을 참조하십시오.

   CSS가 누락되었기 때문에 응답형 보기가 손상되었습니다.

7. 이 문제를 해결하려면 소스 코드 모드로 전환하고 스타일 섹션을 새 스타일 섹션에 복사하여 붙여 넣습니다. 예제:

   <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>

8. 모바일 보기로 돌아가서 콘텐츠가 올바르게 표시되는지 확인하고 변경 사항을 저장합니다.