HTMLメールテンプレート

メールを作成する際に、HTMLエディタで使用するテンプレートの
作成方法について解説いたします。

テンプレートは、複数のセクションで構成される「メールテンプレ」と
セクション1つのみの「セクションテンプレ」を作ることができます。

・追加したセクションの編集方法はこちら → 「HTMLメール – 操作マニュアル
・作成したテンプレートの使用方法はこちら → 「HTMLエディタ(新規配信)

HTMLエディタの表示方法

  1. 「トリプル配信」をクリック。トリプルトップ画面
  2. HTMLメールのテンプレートを作成したいプロジェクト名をクリック。
  3. 「HTMLメール」をクリック。
  4. 別ウィンドウにHTMLエディタが開きます。
    ※1 メールテンプレ 作成したメールテンプレが保存されています。
    あらたなメールテンプレの追加や、既存テンプレの編集、複製、
    削除ができます。
    ※2 セクションテンプレ 作成したセクションテンプレが保存されています。
    あらたなセクションテンプレの追加や、既存テンプレの編集、複製、
    削除ができます。
    ※3 保存 作成 / 編集したテンプレートを保存します。
    ※4 プレビュー ブラウザでのプレビューを確認できます。
    再度「プレビュー」をクリックすると編集画面へ戻ります。
    ※5 配信へ戻る 編集画面が閉じ、エキスパの画面へ戻ります。
    ※6 戻す・進む 今作業した操作を作業前の状態に戻す場合は「戻す」をクリックします。
    戻した状態を取り消す場合は「進む」をクリックします。
    ※7 変更履歴 変更履歴が表示されます。
    表示された履歴をクリックすることで、その状態まで戻ることができます。
    頻繁に保存しておくとより安全です。
    ※8 操作パネル 選択している状態の操作内容により、表示が変わります。
    ※9 編集パネル

    選択したセクション、コンテナ、パーツの各デザインや
    レイアウトの編集ができます。
    編集については以下をご参照ください。
    → 「HTMLメール – 操作マニュアル

  5. 以上が、HTMLエディタの表示手順です。

メールテンプレの作成手順

複数のセクションを追加してメールテンプレートを作成します。
  1. HTMLエディタで「メールテンプレ」をクリック。
  2. Myテンプレートの「+」をクリック。
    編集パネルの「セクションを追加」をクリックしても、同様にセクションの追加が
    できます。
  3. 追加したいセクションにマウスを合わせ、「挿入」をクリック。
    「基本テンプレート」の帯をクリックして閉じるか、スクロールして下側へ移動すると
    「Myテンプレート」を確認できます。
    セクションテンプレを作成するとこちらへ保存されるので、メールテンプレ作成時や、
    メール配信作成時に使用することができます。
    セクションテンプレの作成方法はこちら → 「セクションテンプレの作成手順
  4. 追加したい位置の「セクションを追加」をクリックし、同様の手順で
    複数のセクションを追加。

    ※1 並び替え セクションが複数ある場合、上下矢印で
    選択しているセクションの並び替えができます。 
    ※2 複製 セクションを複製できます。
    ※3 削除 セクションを削除できます。
  5. セクション外側のグレー部分をクリックして確定します。
  6. 「保存」をクリック。
    作成したテンプレートは、メールテンプレの「Myテンプレート」内に保存されます。
  7. 以上が、メールテンプレの作成手順です。

セクションテンプレの作成手順

編集したセクション単体を、「セクションテンプレ」として保存できます。
  1. HTMLエディタで「セクションテンプレ」をクリック。
  2. Myテンプレートの「+」をクリック。
    編集パネルの「セクションを追加」をクリックしても、同様にセクションの追加が
    できます。
  3. 追加したいセクションを選択し、「挿入」をクリック。
  4. 「保存」をクリック。
    作成したテンプレートは、セクションテンプレの「Myテンプレート」内に保存されます。
  5. 以上が、セクションテンプレの作成手順です。

作成したテンプレートの編集 / 複製 / 削除

メール全体装飾の設定

基本となるメール全体の背景や文字色などを一括で設定できます。
(個別に背景や文字色の変更も可能です。)
コンテンツ幅や揃えも、メールの内容にあわせて設定しておくとよいでしょう。
  1. 「メールテンプレ」をクリック。
  2. 設定したいテンプレートをクリック。
    設定したいテンプレートにマウスオーバーし、表示された「編集」アイコンを
    クリックしても同じように表示されます。
  3. セクション外側のグレー部分をクリックすると「メール全体装飾」が表示されます。
    ※1 テンプレート名 HTMLエディタでメール作成時に確認できます。
    どのようなテンプレートか分かりやすい名前をつけるとスムーズです。
    ※2 内背景 コンテンツの内側背景を設定します。
    詳細はこちら → 「コンテンツ内側の背景
    ※3 幅 コンテンツの横幅を変更できます。
    詳細はこちら → 「コンテンツ幅の変更
    ※4 揃え ブラウザ上での、コンテンツの表示位置を設定できます。
    詳細はこちら → 「コンテンツの揃え
    ※5 外背景 コンテンツの外側背景を設定します。
    詳細はこちら → 「コンテンツ外側の背景
    ※6 文字 基本の文字色を設定できます。
    詳細はこちら → 「文字色の設定
    各設定については以下マニュアルの「メール全体装飾」をご参照ください。
    → 「HTMLメール – 操作マニュアル
  4. 設定後、「保存」をクリック。
  5. 以上が、メール全体装飾の設定手順です。

テンプレートの編集

テンプレートを編集して保存をすると、編集前のテンプレートに上書きされます。
  1. 編集したいテンプレートの種類を選択。
  2. 編集したいテンプレートをクリック。
    編集したいテンプレートにマウスオーバーし、表示された「編集」アイコンを
    クリックしても同じように表示されます。
  3. 編集後、「保存」をクリック。
    編集したテンプレの「Myテンプレート」で編集の反映を確認できます。
  4. 以上が、テンプレートの編集手順です。

テンプレートの複製

  1. 複製したいテンプレートの種類を選択。
  2. 複製したいテンプレートにマウスオーバーし、「複製」アイコンをクリック。
  3. テンプレートが複製されました。
  4. 以上が、テンプレートの複製手順です。

テンプレートの削除

  1. 削除したいテンプレートの種類を選択。
  2. 削除したいテンプレートにマウスオーバーし、「削除」アイコンをクリック。
  3. テンプレートが削除されたことを確認できます。
  4. 以上が、テンプレートの削除手順です。
検索ワード / #メールテンプレート編集 #メールテンプレート複製 #メールテンプレートコピー #メールテンプレート削除 #セクションテンプレ編集 #セクションテンプレ複製 #セクションテンプレコピー #セクションテンプレ削除 #メールテンプレ編集 #メールテンプレ複製 #メールテンプレコピー #メールテンプレ削除