이메일 콘텐츠 가져오기 existing-content

이 페이지에서: 기존 HTML 콘텐츠를 HTML 파일 또는 .zip 폴더로 가져오고 변환하여 Email Designer으로 편집하고 개인화하는 방법에 대해 알아봅니다.

Journey Optimizer을(를) 사용하면 기존 HTML 콘텐츠를 가져와서 전자 메일을 디자인할 수 있습니다. 이 콘텐츠는 다음 중 하나일 수 있습니다.

  • 통합 스타일시트가 있는 HTML 파일;

  • HTML 파일, 스타일 시트(.css) 및 이미지를 포함하는 .zip 폴더.

    note
    NOTE
    .zip 파일 구조에는 제한 사항이 없습니다. 그러나 참조는 상대적이어야 하며 .zip 폴더의 트리 구조와 일치해야 합니다.
TIP
HTML 파일 대신 이미지 디자인(JPEG 또는 PNG)이 있는 경우 이미지를 HTML으로 변환하여 AI를 사용하여 편집 가능한 HTML 이메일 템플릿으로 자동으로 변환할 수 있습니다.

HTML 콘텐츠가 포함된 파일을 가져오려면 다음 단계를 따르십시오.

  1. 이메일 Designer 홈 페이지에서 HTML 가져오기​를 선택합니다.

  2. HTML 콘텐츠가 포함된 HTML 또는 .zip 파일을 드래그 앤 드롭하고 가져오기​를 클릭합니다.

  3. HTML 콘텐츠가 업로드되면 콘텐츠가 호환성 모드​가 됩니다.

    이 모드에서는 텍스트를 개인화하거나, 링크를 추가하거나, 콘텐츠에 에셋을 포함할 수 있습니다.

  4. 이메일 Designer 콘텐츠 구성 요소를 활용하려면 HTML 변환기 탭에 액세스하여 변환​을 클릭합니다.

    note
    NOTE
    <table> 태그를 HTML 파일의 첫 번째 레이어로 사용하면 맨 위 레이어 태그의 배경 및 너비 설정을 포함하여 스타일이 손실될 수 있습니다.
  5. 이제 이메일 Designer 기능을 통해 필요에 따라 가져온 파일을 개인화할 수 있습니다. 자세히 알아보기

사용 방법 비디오 video

기존 HTML 콘텐츠를 가져오고, 디자인을 수정하고, 미러 페이지와 구독 취소 링크를 추가하고, 콘텐츠를 코딩하는 방법을 알아봅니다.

AI Knowledge Reference

This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.

For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.

  • TL;DR: This page explains how to import existing HTML content — as an HTML file or a .zip folder — into the Email Designer and convert it so you can edit and personalize it.

Intents:

  • Import an HTML file with an incorporated style sheet
  • Import a .zip folder containing an HTML file, style sheet (.css), and images
  • Personalize text, add links, and include assets while in Compatibility mode
  • Convert imported content to leverage the Email Designer content components
  • Convert image designs (JPEG or PNG) into editable HTML using the image to HTML converter

Glossary:

  • Compatibility mode: The state of imported HTML content in which you can only personalize text, add links, or include assets (product-specific)
  • HTML converter: The tab where you click Convert to make imported content compatible with the Email Designer content components (product-specific)
  • Image to HTML converter: A capability that automatically converts image designs (JPEG or PNG) into editable HTML email templates using AI (product-specific)

Guardrails:

  • There are no constraints on the .zip file structure, but references must be relative and fit with the tree structure of the .zip folder.
  • Using a <table> tag as the first layer in an HTML file can cause style loss, including background and width settings in the top layer tag.
  • While in Compatibility mode, you can only personalize text, add links, or include assets; to use content components you must run the HTML converter.

Terminology:

  • Canonical name: import HTML content — Acronym: n/a — variants: import email content, import existing HTML content
  • Synonyms: “Convert” = “HTML converter”
  • Do not confuse: “Compatibility mode” (limited editing after import) ≠ converted content (full Email Designer content components available)

FAQ:

  • Q: What formats can I import? — An HTML file with an incorporated style sheet, or a .zip folder containing an HTML file, the style sheet (.css), and images.
  • Q: What can I do right after importing, in Compatibility mode? — You can only personalize your text, add links, or include assets.
  • Q: How do I use the Email Designer content components on imported content? — Access the HTML converter tab and click Convert.
  • Q: Are there requirements for references inside a .zip folder? — Yes. References must be relative and fit with the tree structure of the .zip folder.
  • Q: Can I import image designs that are not HTML? — Yes. Use the image to HTML converter to automatically convert JPEG or PNG designs into editable HTML email templates using AI.
recommendation-more-help
journey-optimizer-help