メールテンプレートオーサリング email-template-authoring

最終更新日： 2026年3月18日

作成対象：

{"id":"b5a62a22-46f7-4f0d-b151-3fc640bef588"},{"id":"e8ccd51f-da0d-4e3b-939b-e30d5ebb1ea5"}

デザインプロセスを高速化および改善するために、スタンドアロンのメールテンプレートを作成して、カスタムコンテンツを簡単に再利用できます。

NOTE

電子メールDesignerの電子メールテンプレートは、電子メールDesignerの電子メールの作成にのみ使用できます。クラシックメールエディターでは参照できません。

メールテンプレートの作成 create-an-email-template

Adobe Experience Cloud経由でMarketo Engageにログインします。
My Marketoで、Design Studioを選択します。
ツリーで、電子メールテンプレート（新しいエディター）を選択します。
「テンプレートを作成」ボタンをクリックします。
テンプレート名とオプションの説明を入力します。「作成」をクリックします。

テンプレートをデザイン design-your-template

テンプレートのデザイン ページでは、いくつかのオプションから選択できます。ゼロからデザイン、独自のHTMLを読み込むか、既存のテンプレートを選択します（サンプルのいずれか1つ、または既に保存されたもの）。

ゼロからデザイン design-from-scratch

シンプルなドラッグ&ドロップ操作で構造要素を追加、移動することで、コンテンツを定義できます。

テンプレートのデザイン ページで、最初からデザインを選択します。
構造とコンテンツを追加します。

HTMLの読み込み import-your-html

既存のHTML コンテンツを読み込んで、メールテンプレートをデザインできます。コンテンツには、次のものがあります。

スタイルシートが組み込まれたHTML ファイル
HTML ファイル、スタイルシート（.css）および画像を含む.zip ファイル

NOTE

.zip ファイル構造に制限はありません。ただし、.zip フォルダーのツリー構造に合わせて、相対参照を指定する必要があります。

テンプレートのデザイン ページで、HTMLの読み込みを選択します。

目的のHTMLまたは.zip ファイルをドラッグ&ドロップし（またはコンピューターからファイルを選択）、読み込みをクリックします。

note
NOTE
HTML コンテンツがアップロードされると、コンテンツは互換性モードになります。このモードでは、テキストのパーソナライズ、リンクの追加、コンテンツへのアセットの追加のみを行うことができます。

メール Designer コンテンツコンポーネントを利用するには、「HTML converter」タブをクリックし、「Convert」をクリックします。

note caution
CAUTION
`<table>` タグを HTML ファイルの最初のレイヤーとして使用すると、上部レイヤータグの背景や幅の設定などのスタイルが失われる可能性があります。

ビジュアルメールエディターを使用して、必要に応じてインポートしたファイルをパーソナライズできるようになりました。

テンプレートの選択 choose-a-template

テンプレートには2種類あります。

サンプルテンプレート: Marketo Engageには、すぐに使える4つのメールテンプレートが用意されています。
保存したテンプレート：テンプレートメニューを使用してゼロから作成したテンプレート、またはテンプレートとして保存するために作成した電子メールです。

サンプルテンプレート

電子メールテンプレートデザインをすぐに始められるように、すぐに使えるテンプレートのひとつを選択しましょう。

「サンプルテンプレート」タブはデフォルトで開いています。
使用するテンプレートを選択します。
「このテンプレートを使用」をクリックします。
ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。

保存されたテンプレート

「保存したテンプレート」タブをクリックし、目的のテンプレートを選択します。
「このテンプレートを使用」をクリックします。
ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。

構造とコンテンツの追加 add-structure-and-content

コンテンツの作成または変更を開始するには、構造からアイテムをキャンバスにドラッグ&ドロップします。右側のペインで設定を編集します。

note tip
TIP
n:n列コンポーネントを選択して、選択した列数（3 ～ 10個）を定義します。列の下にある矢印を移動して、各列の幅を定義することもできます。

note
NOTE
各列のサイズは、構造コンポーネントの全幅の10%未満にすることはできません。削除できるのは空の列のみです。

「コンテンツ」セクションから、目的の項目をドラッグして、1つ以上の構造コンポーネントにドロップします。
各コンポーネントは、「設定」タブまたは「スタイル」タブでカスタマイズできます。フォント、テキストスタイル、余白などを変更します。

フラグメントを追加 add-fragments

フラグメントにアクセスするには、左側のナビゲーションで「フラグメント」アイコン（）を選択します。

{width="700" modal="regular"}
任意のフラグメントを構造コンポーネントのプレースホルダーにドラッグ&ドロップします。

エディターは、メール構造のセクション/エレメント内でフラグメントをレンダリングします。フラグメントのコンテンツは、構造内で動的に更新され、コンテンツがメールにどのように表示されるかを示します。

TIP

フラグメントをメール内の水平方向のレイアウト全体に配置する場合は、1:1列構造を追加してから、フラグメントをドラッグ&ドロップします。

メールが保存されると、フラグメントの詳細ページの「使用者」タブに表示されます。メールテンプレートに追加されたフラグメントは、テンプレート内では編集できません。ソースフラグメントがコンテンツを定義します。

アセットの追加 add-assets

Marketo Engage インスタンスの画像とファイルセクションに保存されている画像を追加します。

NOTE

現時点では、画像はメールDesignerでのみ追加でき、他のファイルタイプは追加できません。

画像にアクセスするには、アセットセレクターアイコンをクリックします。

目的の画像を構造コンポーネントにドラッグ&ドロップします。

note
NOTE
既存の画像を置き換えるには、画像を選択し、右側の「設定」タブで「アセットを選択」をクリックします。

レイヤー、設定、スタイル layers-settings-styles

ナビゲーションツリーを開いて、特定の構造とその列/コンポーネントにアクセスし、より詳細な編集を行います。アクセスするには、ナビゲーションツリーアイコンをクリックします。

次の例では、列で構成される構造コンポーネント内のパディングと垂直方向の整列を調整する手順の概要を示します。

構造コンポーネントの列をキャンバスで直接選択するか、左側に表示されている ナビゲーションツリー を使用して選択します。
列ツールバーで、列を選択 ツールをクリックし、編集するツールを選択します。

構造ツリーから選択することもできます。その列の編集可能なパラメーターは、右側の設定タブとスタイル タブに表示されます。
列のプロパティを編集するには、右側の「スタイル」タブをクリックし、必要に応じて変更します。
- 背景の場合、必要に応じて背景色を変更します。
  
  透明な背景の場合は、チェックボックスをオフにします。 背景画像設定を有効にして、単色の代わりに画像を背景として使用します。
- 線形の場合、上位、中央、または下位アイコンを選択します。
- パディングの場合、すべての側面のパディングを定義します。
  
  パディングを調整する場合は、各辺の異なるパディングを選択します。同期を解除するには、ロック アイコンをクリックします。
- 詳細セクションを展開して、列のインラインスタイルを定義します。
必要に応じてこれらの手順を繰り返し、コンポーネント内の他の列の整列とパディングを調整します。
変更を保存します。

コンテンツのパーソナライズ personalize-content

トークンは、従来のエディターと同じようにメールDesignerで機能しますが、アイコンが異なります。次の例では、フォールバックテキストを含む名トークンの追加の概要を示しています。

テキストコンポーネントを選択します。トークンを表示する場所にカーソルを置き、パーソナライゼーションを追加 アイコンをクリックします。
目的のトークンタイプをクリックします。

目的のトークンを検索し、… アイコンをクリックします（「+」アイコンをクリックすると、フォールバックテキストのないトークンが追加されます）。

note
NOTE
「フォールバックテキスト」は、デフォルト値のメールDesigner用語です。例：`{{lead.First Name:default=Friend}}`。選択したフィールドにユーザーの値がない場合は、このオプションをお勧めします。

代替テキストを設定し、追加をクリックします。
「保存」をクリックします。

URL トラッキングを編集 edit-url-tracking

メール内のリンクでMarketo トラッキング URLを有効にできない場合があります。この情報は、表示先ページで URL パラメーターをサポートしていないためにページリンクエラーになる場合などに役立ちます。

リンクアイコンをクリックして、メール内のすべてのURLを表示します。
鉛筆アイコンをクリックして、目的のリンクのトラッキングを編集します。

「トラッキングタイプ」ドロップダウンをクリックし、選択します。

table 0-row-2 1-row-2 2-row-2 html-authored no-header
mkt_tokを使用しないトラック	宛先URLでmkt_tok クエリ文字列パラメーターを使用せずに、URLに対するトラッキングをアクティブ化します
mkt_tokを使用したトラック	宛先URLのmkt_tok クエリ文字列パラメーターを使用して、URLに対するトラッキングをアクティブ化します
トラッキングしない	URLのトラッキングを無効にします

オプションで、URLにラベルを付けたり、タグを追加したりできます。
終了したら「保存」をクリックします。

表示オプション view-options

ビジュアルメールエディターで利用可能な表示およびコンテンツ検証オプションを活用します。

プリセットのズームオプションを使用して、コンテンツをズームイン/ズームアウトします。
デスクトップ、モバイル、またはテキストのみ/プレーンテキストでコンテンツを表示します。
- デバイス間でコンテンツをプレビューするには、ライブビュー（目）アイコンをクリックします。
- すぐに使用できるデバイスのいずれかを選択するか、カスタムディメンションを入力してコンテンツをプレビューします。

詳細オプション more-options

コンテンツエディターの詳細オプションから、次のアクションを実行できます。

テンプレートをリセット：これを選択すると、ビジュアルメールデザイナーのキャンバスが空白のスレートに消去され、コンテンツの作成が再開されます。
デザインを変更: テンプレートをデザイン ページに戻ります。ここから、テンプレートのデザインセクションに記載されているアクションを実行できます。
HTMLを書き出し: ビジュアルキャンバスのコンテンツを、zip ファイルとしてパッケージ化されたHTML形式でローカルシステムにダウンロードします。

テンプレートの詳細を表示 view-template-details

電子メールテンプレートのリストページで、電子メールテンプレートの名前をクリックして詳細を表示します。

名前や説明などの基本的な詳細を編集できます。編集したフィールドの外側をクリックして、変更を保存します。

詳細をクリックして、テンプレートを簡単に削除または複製します。

アクティブなアラート（メールテンプレートのエラー/警告）がある場合は、「アラート」をクリックして情報を表示します。

NOTE

これらのアラートは、メール作成にメールテンプレートを使用することを禁止するものではありませんが、この情報により、何が機能しないか、メールを配信に使用する前に必要な更新が明らかになります。

使用した電子メールテンプレートの表示 email-template-used-by-references

メールテンプレートの概要で、「使用者」タブをクリックして、このメールテンプレートがMarketo Engage内で使用されている場所の詳細を表示します。

メールテンプレートの編集 edit-email-templates

このアクションは、次から実行できます。

詳細タブ – 「メールテンプレートを編集」をクリックします。

このアクションを実行すると、メールテンプレートの最後に保存されたステータスに基づいて、テンプレートのデザイン ページまたはビジュアルコンテンツエディターページに移動します。ここから、必要に応じてメールテンプレートコンテンツを編集できます。編集オプションについて詳しくは、メールテンプレートの作成を参照してください。