E メールコンテンツのマスター方法を説明します。 E メールデザイナーを使用すると、独自の定義済みコンテンツを使用して、または使用せずに E メールやテンプレートを作成できます。
E メールデザイナーを使用して E メールコンテンツを最初から作成および設計する主な手順は次のとおりです。
また、 紹介ビデオ.
E メールコンテンツをゼロからデザインするのを避けるために、標準のコンテンツテンプレートを使用できます。 詳しくは、 コンテンツテンプレート.
E メールデザイナーを使用すると、メールの構造を簡単に定義できます。簡単なドラッグ&ドロップ操作で構造要素を追加して移動することで、メールの形状を数秒でデザインできます。
E メールの構造を編集するには:
既存のコンテンツを開くか、新しい E メールコンテンツを作成します。
次にアクセス: Structure components 選択して + アイコンをクリックします。
電子メールの形成に必要な構造コンポーネントをドラッグ&ドロップします。
青い線は、ドロップする前に構造コンポーネントの正確な位置を具現化します。 上、他のコンポーネントの間または下にドロップできますが、内部にはドロップできません。
列のスタックは、すべてのメールプログラムと互換性があるわけではないことに注意してください。サポートされていない場合、列はスタックされません。
E メールに配置した後は、既にコンテンツコンポーネントまたはフラグメントが配置されていない限り、コンポーネントを移動または削除することはできません。
1 つ以上の列で構成される構造コンポーネントを使用できます。
を選択します。 n:n column コンポーネントを使用して、選択する列の数を定義します (3 ~ 10)。 また、各列の下部にある矢印を移動して、各列の幅を定義することもできます。
各列のサイズは、構造コンポーネントの全幅の 10%未満にすることはできません。空でない列は削除できません。
構造を定義したら、コンテンツフラグメントとコンポーネントを E メールに追加できます。
プリヘッダーは、インボックスから E メールを表示する際に件名の後に続く短い概要テキストです。 プリヘッダーは、より高い開封率を提供します。
を選択します。 Preheader 編集ボックスを開き、コンテンツを完成させます。
次の項目を追加できます: Content block, a Dynamic content または Personalization fields をプリヘッダーコンテンツに追加します。
プリヘッダーは、すべてのメールプログラムと互換性があるわけではないことに注意してください。サポートされていない場合、プリヘッダーは表示されません。
コンテンツコンポーネントは生の空コンポーネントで、E メールに配置すると編集できます。
コンテンツコンポーネントは、必要な数だけ構造コンポーネントに追加できます。 また、構造コンポーネント内や別の構造コンポーネントに移動することもできます。
E メールデザイナーで使用可能なコンポーネントのリストを次に示します。
複数のボタンを使用する必要がある場合は、各ボタンを一から編集するのではなく、 Button コンポーネントを使用します。
また、ボタンをフラグメントに保存して再利用することもできます。 詳しくは、 コンテンツフラグメントの作成 および コンテンツをフラグメントとして保存.
選択 Fallback view をクリックして、E メールデザイナーにフォールバック画像を表示します。
このコンポーネントを使用して、E メールにテキストを挿入します。 テキストの色、スタイル、サイズは、 Component Settings.
このコンポーネントを使用して、E メールに分割線を挿入します。 区切り線の色、スタイル、サイズは、 Component Settings.
このコンポーネントを使用して、既存のHTMLの異なる部分をコピー&ペーストします。 これにより、無料のモジュラーHTMLコンポーネントを作成できます。
フリーHTMLコンポーネントは、制限付きオプションで編集できます。 すべてのスタイルがインライン化されていない場合は、 head HTMLコードのセクションに含めてください。そうしないと、E メールが応答しなくなります。 以下を使用します。 Preview ボタンを使用して、コンテンツの応答性をテストします ( メッセージのプレビュー) をクリックします。
外部コンテンツを E メールデザイナーに準拠させる場合には、Adobeは最初からメッセージを作成し、既存の E メールのコンテンツをフラグメントやコンポーネントにコピーすることをお勧めします。
再作成できないコンテンツがある場合は、元の E メールから、 Html コンテンツコンポーネント。 先に進む前に、HTMLに関する詳細を確認します。
新しいコンテンツは、元の E メールの正確なコピーではありませんが、以下の手順で、できるだけ近いメッセージを作成する手順を説明します。
コンテンツをコピーする前に
ビデオコンポーネントを電子メールの構造コンポーネントに挿入し、 Component Settings.
ビデオは、すべてのメールプログラムと互換性があるわけではないことに注意してください。サポートされていない場合、フォールバックが表示されます。
このコンポーネントを使用して、電子メールに画像を挿入します。
画像コンポーネントを構造コンポーネントに挿入し、「参照」をクリックして、コンピューターから画像ファイルをアップロードします。
このコンポーネントを使用して、E メールにソーシャルメディアページへのリンクを挿入します。 表示するリンクと、そのアイコンのサイズを Component Settings.
次をドラッグ&ドロップ: Carousel コンポーネントを構造コンポーネント内に配置します。
コンピューターから画像を参照して選択します。
次から: Settings パネルで、カルーセルに表示するサムネールの数を設定します。
コンピューターからフォールバック画像を選択します。
カルーセルコンポーネントは、すべてのメールプログラムと互換性があるわけではありません。メールにカルーセルがサポートされていない場合は、代わりに画像を表示するフォールバックをアップロードします。
カルーセルコンポーネントは、次の E メールプラットフォームと互換性があります。 Apple Mail 7、Apple Mail 8、Outlook 2011 for Mac、Outlook 2016 for Mac、Mozilla Thunderbird、iPadとiPad mini iOS、iPhoneiOS、Android、AOL(Chrome、Firefox、Sari)。
関連トピック: