Show Menu
화제×

Designing using existing content

기존 컨텐츠 선택

Adobe Campaign에는 시작하는 데 도움이 되는 미리 정의된 콘텐츠 세트가 포함되어 있습니다. 이러한 메시지 중 하나를 사용하거나 Adobe Campaign 외부에서 전송해야 하는 메시지 내용을 준비하는 경우 컴퓨터 또는 URL에서 가져올 수 있습니다.
이메일 또는 랜딩 페이지를 만들 때 다른 소스에서 기존 컨텐츠를 로드하도록 선택할 수 있습니다.
아래 이미지는 이메일 디자이너를 사용하여 기존 컨텐츠를 로드하는 방법을 보여줍니다 .
  1. 이메일 또는 랜딩 페이지를 만든 후 해당 컨텐츠를 엽니다.
  2. 홈 아이콘을 클릭하여 Email Designer 홈 페이지에 액세스합니다.
  3. 로드할 컨텐츠의 소스를 선택합니다.
  4. 컨텐츠를 로드합니다. 선택한 컨텐츠가 현재 컨텐츠를 대체합니다.
    가져온 컨텐츠는 편집하고 개인화할 수 있습니다.
    이메일 디자이너는 특정 태깅을 사용합니다. Campaign에 업로드된 표준 HTML 컨텐츠는 이메일 디자이너에서 완벽하게 호환되고 편집할 수 있도록 예상되는 태그 지정 기능과 일치해야 합니다. 일치하지 않으면 콘텐트가 호환성 모드로 업로드됩니다. 기존 내용을 호환되게 하려면 이 섹션을 참조하십시오.
관련 항목:

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

이메일 디자이너의 에디션의 가능성을 완전히 활용하려면 업로드된 HTML에 WYSIWYG 편집기와 호환되도록 특정 태그가 포함되어야 합니다.
HTML의 전체 또는 일부에 이러한 태깅이 없는 경우 컨텐츠가 ' 호환성 모드 '로 로드됩니다.
이메일 디자이너 내에서 기존 외부 컨텐츠를 완전히 편집할 수 있게 하려면 기존 컨텐츠를 사용하여 이메일 디자인 섹션을 참조하십시오.

가져오기

파일에서 콘텐트 가져오기

이메일 디자이너 홈 페이지에서 Upload 단추를 클릭하여 컴퓨터에서 파일을 업로드한 다음 확인합니다.
zip 파일 구조에 제한이 없습니다. 그러나 HTML 파일을 참조하는 것은 상대적이어야 하며 zip 폴더의 트리 구조를 준수해야 합니다.
가져올 수 있는 형식은 다음과 같습니다.
  • 스타일 시트가 포함된 HTML 파일
  • HTML 파일, 스타일 시트(.CSS) 및 이미지가 포함된 .zip 폴더
이메일 컨텐츠의 경우 통합된 스타일 시트와 함께 단일 HTML 파일을 가져오는 것이 좋습니다.

URL에서 콘텐트 가져오기

URL에서 컨텐츠를 가져오기 전에 아래 요구 사항을 따라야 합니다.
  • 이 URL을 통해 컨텐츠를 공개적으로 사용할 수 있어야 합니다.
  • 보안상의 이유로 다음으로 시작하는 URL만 https 허용됩니다.
  • 모든 리소스(이미지, CSS)가 절대 링크와 HTTPS에서 설정되어 있는지 확인합니다. 그렇지 않으면 이메일을 보낸 후 미러 페이지가 리소스 없이 표시됩니다. 다음은 절대 링크 정의의 예입니다.
    <a href="https://www.mywebsite.com/images/myimage.png">
    
    
URL 파섹
URL에서 기존 컨텐츠를 검색하려면 아래 단계를 따르십시오.
  1. 이메일 디자이너 홈 페이지에서 Import from URL 단추를 선택합니다.
  2. 컨텐츠를 검색할 URL을 정의합니다.
  3. Click Confirm .
관련 항목:

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

메시지 준비 중에 URL에서 컨텐츠를 가져오면 이메일이 준비될 때마다 최신 HTML 콘텐츠를 검색할 수 있습니다. 이렇게 하면 반복되는 이메일의 컨텐츠는 항상 전송 시 최신 상태로 유지됩니다. 또한 이 기능을 사용하면 컨텐츠가 아직 준비되지 않은 경우에도 특정 날짜에 예약된 메시지를 만들 수 있습니다.
준비 시 컨텐츠를 검색하려면 아래 단계를 따르십시오.
  1. 옵션을 Content imported during preparation 선택합니다.
  2. URL 컨텐츠는 편집기에 읽기 전용으로 표시됩니다.
    이 단계에서는 컨텐츠 편집기의 HTML 표시를 고려해서는 안 됩니다. 준비 단계에서 검색됩니다.
  3. 검색된 URL 컨텐츠를 미리 보려면 메시지를 만든 후 Preview 단추를 클릭합니다.
컨텐츠를 검색할 원격 URL을 개인화할 수 있습니다. 이렇게 하려면 아래 절차를 따르십시오.
  1. 화면 상단에 있는 이메일 레이블을 클릭하여 이메일 디자이너 Properties 탭에 액세스합니다.
  2. 필드를 Remote URL 찾습니다.
  3. 원하는 개인화 필드, 콘텐츠 블록 또는 동적 텍스트를 삽입합니다.
    예를 들어 Current date - YYYYMMDD 컨텐츠 블록을 사용하면 날짜를 삽입할 수 있습니다.
    사용 가능한 개인화 필드는 배달 속성에만 연결됩니다(이메일 작성 날짜, 상태, 캠페인 레이블...).

호환성 모드

컨텐츠를 업로드할 때 이메일 디자이너의 WYSIWYG 편집기와 완벽하게 호환되고 편집이 가능하려면 특정 태깅을 포함해야 합니다.
업로드된 HTML의 전체 또는 일부가 예상 태그 지정 기능과 호환되지 않으면 컨텐츠가 '호환성 모드'로 로드되어 UI를 통해 버전 가능성을 제한합니다.
콘텐트가 호환성 모드로 로드되면 여전히 인터페이스를 통해 다음 수정 작업을 수행할 수 있습니다(사용할 수 없는 작업은 숨겨짐).
  • 텍스트 변경 또는 이미지 변경
  • 링크 및 개인화 필드 삽입
  • 선택한 HTML 블록에서 일부 스타일 옵션 편집
  • 조건부 컨텐츠 정의
이메일에 새 섹션 추가 또는 고급 스타일 지정과 같은 기타 수정 사항은 HTML 모드를 통해 이메일의 소스 코드에서 직접 수행해야 합니다.
기존 이메일을 이메일 디자이너와 호환되는 이메일로 전환하는 방법에 대한 자세한 내용은 이 섹션을 참조하십시오.
관련 항목 :

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 acrite-template-css="true"> <style acrite-custom-styles="" type="text/css"> Adobe 이 후에 스타일을 추가해야 합니다.
  8. 모바일 보기로 돌아가 콘텐츠가 올바르게 표시되는지 확인하고 변경 내용을 저장합니다.