在此頁面上:瞭解如何以HTML檔案或.zip資料夾形式匯入現有的HTML內容,以及如何轉換內容,以便使用電子郵件Designer進行編輯和個人化。
Journey Optimizer可讓您匯入現有的HTML內容,以設計您的電子郵件。 此內容可以是:
-
HTML檔案,包含合併的樣式表;
-
.zip資料夾包含HTML檔案、樣式表(.css)和影像。
note NOTE .zip 檔案結構沒有限制。 不過,參照必須是相對參照,而且符合.zip資料夾的樹狀結構。
若要匯入包含 HTML 內容的檔案,請依照以下步驟操作:
-
從電子郵件Designer首頁,選取匯入HTML。
-
拖放包含 HTML 內容的 HTML 或 .zip 檔案,然後按一下「匯入」。
-
上傳HTML內容後,您的內容將處於相容性模式。
在此模式中,您只能個人化您的文字、新增連結或包含資產至您的內容。
-
若要能夠利用電子郵件Designer內容元件,請存取 HTML轉換工具 索引標籤,然後按一下轉換。
note NOTE 在HTML檔案中使用 <table>標籤做為第一個圖層可能會造成樣式遺失,包括上層圖層標籤中的背景和寬度設定。 -
您現在可以根據需要,使用電子郵件Designer功能個人化匯入的檔案。 了解更多
作法影片 video
瞭解如何匯入現有的 HTML 內容、調整設計、新增鏡像頁面和取消訂閱連結,以及如何編寫內容的程式碼。
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.