Show Menu
トピック×

新規での電子メールのデザイン

電子メールコンテンツの編集をマスターする方法を説明します。 電子メールデザイナーを使用すると、独自の定義済みコンテンツを使用して、または使用せずに電子メールやテンプレートを作成できます。

電子メールを作成するための主要な手順

電子メールデザイナーを使用して電子メールコンテンツを新規に作成し、デザインする主な手順は次のとおりです。
  1. 電子メールを作成し、その内容を開きます。
  2. 電子メー追加ルの形状を決めるためのコンポーネントを構造化する。 電子メー ル構造の編集を参照してください
  3. 構造コンポーネントにコンテンツコンポーネントとフラグメントを挿入します。 詳しくは、フラ グメントとコンテンツコンポーネントの追加を参照してくださ い。
  4. 画追加像を作成し、電子メールのテキストを編集します。 画像の挿入 を参照してください。
  5. 電子メールをパーソナライズし、パーソナライゼーションフィールドやリンクなどを追加します。 詳しくは、 パーソナライゼーションフィー ルドの挿入 、リンクの挿入 、電子メ ールでの動的コンテンツの定義を参照してください
  6. 電子メールの件名行を定義します。 See Personalizing the subject line of an email .
  7. プレビューの電子メール。
  8. コンテンツを保存し、メッセージが定義され、送信が正しくスケジュールされていることを確認した後、オーディエンスを進めます。
この紹介ビデオもご覧く ださい
電子メールコンテンツを一からデザインするのを防ぐために、そのまま使用できるコンテンツテンプレートを使用できます。 詳しくは、「コンテンツテンプレート」を参 照してくださ い。

電子メール構造の定義

電子メールデザイナーを使用すると、電子メールの構造を簡単に定義できます。 簡単なドラッグ&ドロップ操作で構造要素を追加したり移動したりすることで、電子メールの形状を数秒でデザインできます。
電子メールの構造を編集するには:
  1. 既存のコンテンツを開くか、新しい電子メールコンテンツを作成します。
  2. 左側の「+」 Structure components アイコンを 選択し て、を表示します。
  3. 電子メールの形状を決めるために必要な構造コンポーネントをドラッグ&ドロップします。
    ドロップする前に、構造コンポーネントの正確な位置が青い線で表示されます。 上または下にドロップできますが、内部ではなく、他のコンポーネント間または他のコンポーネントの下にドロップできます。
    電子メールに配置した後は、コンテンツコンポーネントまたはフラグメントが既に内部に配置されていない限り、コンポーネントを移動または削除することはできません。
  4. 1つ以上の列で構成される複数の構造コンポーネントを使用できます。
    コンポーネン n:n column トを選択して、選択した列の数(3 ~ 10)を定義します。 各列の下部にある矢印を動かして、各列の幅を定義することもできます。
    各列のサイズは、構造コンポーネントの全幅の10%未満にすることはできません。 空でない列は削除できません。
構造を定義すると、コンテンツのフラグメントやコンポーネントを電子メールに追加できます。

コンテンツコンポーネントの使用

コンテンツコンポーネントは、電子メールに配置した後に編集できる、生の空のコンポーネントです。
構造コンポーネントには、必要な数のコンテンツコンポーネントを追加できます。 構造コンポーネント内または別の構造コンポーネント内に移動することもできます。
電子メールデザイナーで使用可能なリストは、次のとおりです。
  • Button
    各ボタンを一から編集するのではなく、複数のボタンを使用する必要がある場合は、コンテキストツールバーを使用してコンポーネ Button ントを重複することができます。
    また、再利用可能なボタンをフラグメントに保存することもできます。 詳しくは、コンテンツフラグメントの作成 およびコンテンツをフ ラグメ ントとして保存を参照してください
電子メー Fallback view ルデザイナーにフォールバック画像を表示する場合に選択します。
  • Text
    このコンポーネントを使用して、電子メールにテキストを挿入します。 では、テキストの色、スタイル、サイズを調整できます Component Settings
  • Divider
    電子メールに分割線を挿入するには、このコンポーネントを使用します。 で区切り線の色、スタイル、およびサイズを選択できます Component Settings
  • Html
    このコンポーネントを使用して、既存のHTMLの様々な部分をコピー&ペーストします。 これにより、無料のモジュラー型HTMLコンポーネントを作成できます。
    無料のHTMLコンポーネントは、オプションを制限して編集できます。 すべてのスタイルがインライン化されていない場合は、HTMLコードの head セクションに適切なCSSを追加してください。追加しないと、電子メールがレスポンシブになりません。 ボタンを使用 Preview して、コンテンツの応答性をテストします(メッセージのプレビ ューを参照 )。
    外部コンテンツを電子メールデザイナーに簡単に準拠させるには、最初からメッセージを作成し、既存の電子メールの内容をフラグメントやコンポーネントにコピーすることをお勧めします。
    再作成できないコンテンツがある場合は、コンテンツコンポーネントを使用して、元の電子メールからHTMLコードをコピー&ペースト Html できます。 先に進む前に、HTMLに関する詳細を確認してください。
    新しいコンテンツは元の電子メールの正確なコピーではありませんが、次の手順に従って、できるだけ近いメッセージを作成します。
    コンテンツをコピーする前に
    1. 元の電子メールで、送信する各電子メールに固有のセクションから、再利用可能なセクションを特定します。
    2. 使用するすべての画像とアセットを保存します。
    3. HTMLに詳しい場合は、元のHTMLコンテンツを別々の部分に分割します。
  • Video
    このコンポーネントを使用して、電子メールにビデオを挿入します。
    電子メールの構造コンポーネントにビデオコンポーネントを挿入し、にビデオリンクを入力しま Component Settings ​す。
  • Image
    このコンポーネントを使用して、電子メールに画像を挿入します。
    画像コンポーネントを構造コンポーネントに挿入し、「参照」をクリックして、コンピュータから画像ファイルをアップロードします。
  • Social
    このコンポーネントを使用して、電子メールにソーシャルメディアページへのリンクを挿入します。 表示するリンクと、そのアイコンのサイズを選択できます Component Settings
  • Carousel
    1. 構造コンポーネント内にコンポ Carousel ーネントをドラッグ&ドロップします。
    2. コンピューター上の画像を参照して選択します。
    1. パネル Settings から、カルーセルに含めるサムネールの数を設定します。
    2. コンピューターからフォールバック画像を選択します。
    カルーセルコンポーネントは、すべての電子メールプログラムと互換性がありません。 電子メールでカルーセルがサポートされていない場合は、代わりに画像を表示するフォールバックをアップロードします。
    カルーセルコンポーネントは、次の電子メールプラットフォームと互換性があります。Apple Mail 7、Apple Mail 8、Outlook 2011 for Mac、Outlook 2016 for Mac、Mozilla Thunderbird、iPadおよびiPad mini iOS、iPhone iOS、Android、AOL(Chrome、FirefoxおよびSari)。
関連トピック