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

高速で改善された設計プロセスを実現するために、スタンドアロンメールテンプレートを作成して、カスタムコンテンツを簡単に再利用できます。

PREREQUISITES
新しい電子メールデザイナーにアクセスするには、Marketo Engage サブスクリプションを Adobe Identity Management System (IMS) ​ に移行する必要があります。 まだの場合は、Adobe アカウントチーム(アカウントマネージャー)または Marketo サポート ​ にお問い合わせください。
NOTE
新しい E メールデザイナーの E メールテンプレートは、新しい E メールデザイナーでの E メールの作成にのみ使用できます。 古いメールエディターでは参照できません。

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

  1. Adobe Experience Cloud からMarketo Engageにログインします。

  2. My Marketoで、「Design Studio」を選択します。

  3. ツリーで、「メールテンプレート (新しいエディター)」を選択します。

  4. テンプレートを作成」ボタンをクリックします。

  5. テンプレート名とオプションの説明を入力します。 「作成」をクリックします。

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

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

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

シンプルなドラッグ&ドロップ操作で構造要素を追加および移動してコンテンツを定義します。

  1. テンプレートをデザイン ページで、「ゼロからデザイン」を選択します。

  2. ​ 構造とコンテンツ ​ を追加します。

HTMLの読み込み import-your-html

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

  • スタイルシートが組み込まれたHTML ファイル

  • HTML ファイル、スタイルシート(.css)および画像を含んだ.zip ファイル

NOTE
.zip ファイル構造に制限はありません。ただし、.zip フォルダーのツリー構造に合わせて、相対参照を指定する必要があります。
  1. テンプレートのデザイン ページで、「HTMLを読み込む」を選択します。

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

    note note
    NOTE
    HTMLのコンテンツがアップロードされると、コンテンツは互換モードになります。 このモードでは、テキストのパーソナライズ、リンクの追加、コンテンツへのアセットの追加のみを行うことができます。
  3. メールDesignerのコンテンツコンポーネントを利用できるようにするには、「HTML コンバーター」タブをクリックし、「変換」をクリックします。

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

読み込んだファイルを、必要に応じてビジュアルメールエディターでパーソナライズできるようになりました。

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

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

  • サンプルテンプレート:Marketo Engageには、4 つの標準メールテンプレートが用意されています。

  • 保存済みのテンプレート:これらは、「テンプレート」メニューを使用してゼロから作成したテンプレートか、作成してテンプレートとして保存することを選択したメールです。

サンプルテンプレート

メールテンプレートデザインですぐに使える標準テンプレートを 1 つ選択します。

  1. 「サンプルテンプレート」タブは、デフォルトで開いています。

  2. 使用するテンプレートを選択します。

  3. このテンプレートを使用」をクリックします。

  4. ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。

保存済みテンプレート
  1. 保存済みのテンプレート」タブをクリックし、目的のテンプレートを選択します。

  2. このテンプレートを使用」をクリックします。

  3. ビジュアルコンテンツデザイナーを使用して、必要に応じてコンテンツを編集します。

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

  1. コンテンツの作成または変更を開始するには、構造からキャンバスに項目をドラッグ&ドロップします。 右側のパネルで設定を編集します。

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

    note note
    NOTE
    各列のサイズを構造コンポーネントの全幅の 10% 未満にすることはできません。 削除できるのは空の列のみです。
  2. 「コンテンツ」セクションから、目的の項目をドラッグして、1 つ以上の構造コンポーネントにドロップします。

  3. 各コンポーネントは、「設定」タブまたは「スタイル」タブでカスタマイズできます。 フォント、テキストスタイル、余白などを変更します。

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

  1. フラグメントにアクセスするには、左側のナビゲーションにある フラグメント アイコン( フラグメントアイコン )を選択します。

    ​ フラグメントを選択 ​ {width="700" modal="regular"}

  2. 任意のフラグメントを構造コンポーネントプレースホルダーにドラッグ&ドロップします。

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

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

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

アセットの追加 add-assets

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

NOTE
新しいデザイナーでは画像のみを追加でき、現時点では他のファイルタイプは追加できません。
  1. 画像にアクセスするには、アセットセレクターアイコンをクリックします。

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

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

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

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

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

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

  2. 列ツールバーから 列を選択 ツールをクリックし、編集する列を選択します。

    構造ツリーから選択することもできます。 その列の編集可能なパラメーターは、右側の 設定 タブと スタイル タブに表示されます。

  3. 列のプロパティを編集するには、右側の「スタイル」タブをクリックし、必要に応じて変更します。

    • 背景 については、必要に応じて背景色を変更します。

      背景を透明にするには、このチェック ボックスをオフにします。 「背景画像」設定を有効にして、単色の代わりに画像を背景として使用します。

    • 整列」では、「」、「中央」または「」アイコンを選択します。

    • パディング については、すべての辺のパディングを定義します。

      パディングを調整する場合は、「各辺に異なるパディングを使用」を選択します。 ロック アイコンをクリックして、同期を解除します。

    • 詳細」セクションを展開すると、列のインラインスタイルを定義できます。

  4. 必要に応じてこれらの手順を繰り返し、コンポーネント内の他の列の整列とパディングを調整します。

  5. 変更を保存します。

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

トークンは、古いバージョンで動作するのと同じように新しいエディターで動作しますが、アイコンの表示は異なります。 次の例では、代替テキストを使用した名トークンの追加について概説しています。

  1. テキストコンポーネントを選択します。 トークンを表示する位置にカーソルを置き、「パーソナライゼーションを追加 アイコンをクリックします。

  2. 目的の ​ トークンタイプ ​ をクリックします。

  3. 目的のトークンを見つけて「」アイコンをクリックします(「+」アイコンをクリックすると、代替テキストのないトークンが追加されます)。

    note note
    NOTE
    「代替テキスト」は、デフォルト値を表す新しいエディター用語です。 例:{{lead.First Name:default=Friend}}。選択したフィールドにその人物の値がない場合に備えてお勧めします。
  4. 代替テキストを設定し、「追加」をクリックします。

  5. 保存」をクリックします。

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

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

  1. リンクアイコンをクリックして、メール内のすべての URL を表示します。

  2. 鉛筆アイコンをクリックして、目的のリンクのトラッキングを編集します。

  3. トラッキングタイプ ドロップダウンをクリックし、選択を行います。

    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 のトラッキングを無効にします
  4. オプションで、URL にラベルを付けたり、タグを追加したりできます。

  5. 終了したら「保存」をクリックします。

オプションを表示 view-options

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

  • プリセットのズームオプションを使用して、コンテンツをズームイン/ズームアウトします。

  • デスクトップ、モバイル、テキストのみ/プレーンテキストのいずれかでコンテンツを表示します。

    • デバイス間でコンテンツをプレビューするには、ライブビュー(目)アイコンをクリックします。

    • 標準提供のデバイスの 1 つを選択するか、カスタムサイズを入力してコンテンツをプレビューします。

詳細オプション more-options

コンテンツエディターの その他 オプションで、次の操作を実行できます。

  • テンプレートをリセット:ビジュアルメールデザイナーキャンバスを空白のスレートにクリアし、コンテンツの作成を再開するには、これを選択します。

  • デザインを変更:テンプレートのデザイン ページに戻ります。 ここから、「​ テンプレートのデザイン ​ セクションで説明されている通りのアクションを実行できます。

  • HTMLを書き出し:ビジュアルキャンバスのコンテンツを、zip ファイルとしてパッケージ化されたHTML形式のローカルシステムにダウンロードします。

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

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

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

詳細 をクリックすると、テンプレートをすばやく削除または複製できます。

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

NOTE
これらのアラートでは、メールの作成にメールテンプレートの使用は禁止されませんが、情報によって、機能しない可能性のある内容と、メールを配信に使用する前に必要な更新に関する可視性が提供されます。

参照別に使用される E メール テンプレートの表示 email-template-used-by-references

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

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

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

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

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

メールテンプレートの複製 duplicate-email-templates

メールテンプレートを複製するには、次の 2 つの方法があります。

  • 右側のメールテンプレートの詳細で、「詳細」をクリックし、「複製」を選択します。

  • メールテンプレート リストページで、目的のメールテンプレートの「その他のアクション」アイコン(3 つのドット)をクリックし、「複製」を選択します。

ダイアログで、一意の名前と説明(オプション)を入力します。 終了したら「複製」をクリックします。

複製されたメールテンプレートが メールテンプレート リストページに表示されます。

メールテンプレートの削除 delete-email-templates

メールテンプレートを削除する方法は 2 つあります。

CAUTION
メールテンプレートの削除は元に戻すことができません。
  • 右側のメールテンプレートの詳細で、「詳細」をクリックし、「削除」を選択します。

  • メールテンプレート リストページで、目的のメールテンプレートの「その他のアクション」アイコン(3 つのドット)をクリックし、「削除」を選択します。

一括アクション bulk-actions

メールテンプレート リストページで、左側のチェックボックスをオンにして複数のテンプレートを選択します。 下部にバナーが表示されます。

削除:一度に最大 20 個のテンプレートを削除できます。 確認ダイアログでは、アクションを中止したり、削除を確認したりできます。

recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac