このページ：既存のHTML コンテンツをHTML ファイルまたは.zip フォルダーとして読み込み、それを変換してメール Designerで編集およびパーソナライズする方法について説明します。
Journey Optimizer では、既存の HTML コンテンツをインポートしてメールをデザインできます。 このコンテンツには次のようなものがあります。
-
スタイルシートが組み込まれた HTML ファイル
-
HTML ファイル、スタイルシート（.css）および画像を含んだ .zip フォルダー
note NOTE .zip ファイル構造に制限はありません。 ただし、.zip フォルダーのツリー構造に合わせて、相対参照を指定する必要があります。
HTML コンテンツを含んだファイルをインポートするには、次の手順に従います。
-
E メールデザイナーのホームページで、「HTML をインポート」を選択します。
-
HTML コンテンツを含んだ HTML または .zip ファイルをドラッグ＆ドロップし、「読み込み」をクリックします。
-
HTML コンテンツをアップロードすると、コンテンツは 互換性モード になります。
このモードでは、テキストのパーソナライズ、リンクの追加またはコンテンツへのアセットの組み込みのみ可能です。
-
E メールデザイナーのコンテンツコンポーネントを活用できるようにするには、「HTML コンバーター」タブにアクセスし、「変換」をクリックします。
note NOTE <table>タグを HTML ファイルの最初のレイヤーとして使用すると、上部レイヤータグの背景や幅の設定などのスタイルが失われる可能性があります。 -
これで、E メールデザイナーの機能を使用して、読み込んだファイルを必要に応じてパーソナライズできるようになりました。 詳細情報
チュートリアルビデオ 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.