メールメッセージの作成

テンプレートのデザイン ホームページから、最初からデザイン オプションを選択します。

メールを作成 ダイアログで、作成するメールコンテンツのタイプを選択します。

• テーマを使用 – このオプションを選択すると、テーマモード​で電子メールを作成できます。 このモードでは、定義済みのブランドテーマを使用して、コンテンツのオーサリングプロセスを効率化し、定義された標準に合わせてデザインを調整できます。

• 手動スタイル設定 – このオプションを選択すると、手動モード​で電子メールを作成できます。 このモードでは、空白のカンバスに追加するすべての構造およびコンテンツコンポーネントのスタイル設定を手動で設定します。

構造とコンテンツ ​をテンプレートに追加します。

​ リンクのレビューと更新。

電子メールをテスト ​。

デザインホームページから、「HTMLを読み込み」オプションを選択します。

HTML コンテンツを含んだ HTML または .zip ファイルをドラッグ＆ドロップし、「読み込み」をクリックします。

コンテンツデザインを開始するには、構造​からアイテムをドラッグして、キャンバスにドロップします。

必要な数だけ​ 構造 ​の項目を追加し、右側のペインで各項目の設定を編集します。

{width="800" modal="regular"}

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

これらのコンポーネントの使用と書式設定について詳しくは、構造コンポーネント ​​を参照してください。

「コンテンツ」セクションを展開し、必要な数のコンテンツコンポーネントを1つ以上の構造コンポーネントに追加します。

{width="800" modal="regular"}

• コンテナ
• ボタン
• テキスト
• ディバイダー
• Image
• ソーシャル
• ​ フォーム ​ （ランディングページのみ）

必要に応じて、設定​または​スタイル タブで、各コンポーネントに対して追加のカスタマイズを行うことができます。

例えば、各コンポーネントのテキストスタイル、パディング、マージンを変更できます。

条件付きコンテンツを追加し、条件付きルールに基づいてターゲットプロファイルにコンテンツを適応させるには、コンテンツコンポーネントを選択し、コンポーネントツールバーの「条件付きコンテンツを有効にする」アイコンをクリックします。

詳しくは、条件付きコンテンツを参照してください。

右側に表示されている「スタイル」タブで、「カスタム CSSを追加」をクリックします。

カスタム CSSを追加 ポップアップエディターが、プレースホルダーコードコメント付きで表示されます。

エディターにCSS コードを入力します。

カスタム CSSが有効であり、適切な構文に従っていることを確認します。 入力したCSSが無効な場合は、エラーメッセージが表示され、CSSを保存できません。 詳しくは、CSS validityを参照してください。

「保存」をクリックして、カスタム CSSを保存します。

カスタムスタイルシートが既存のコンテンツに適用されます。 必要に応じてカスタム CSSが適用されていることを確認できます。 スタイルシート アプリケーションを変更および調整する方法について詳しくは、​ トラブルシューティング ​を参照してください。

フラグメントのリストを開くには、「フラグメント」アイコン（ ）を選択します。

次の操作が可能です。

• リストの並べ替え。
• リストを参照、検索、またはフィルターします。
• サムネール表示とリスト表示を切り替えます。
• 最近作成したフラグメントを反映するには、リストを更新します。

{width="700" modal="regular"}

任意のフラグメントを構造コンポーネントにドラッグ&ドロップします。

エディターは、メール構造のセクション/エレメント内でフラグメントをレンダリングします。

フラグメントのコンテンツは、構造内で動的に更新され、コンテンツ内でコンテンツがどのように表示されるかを示します。

フラグメントコンポーネントを選択します。

右側に表示される設定には、デフォルト値を含むフィールドと編集可能フィールドがあります。

{width="700" modal="regular"}

必要に応じて、編集可能なフィールドを変更します。

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

列ツールバーで、列を選択 ツールをクリックし、編集するツールを選択します。

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

ビジュアルデザイナーに表示される {width="800" modal="regular"}

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

• 背景​の場合、必要に応じて背景色を変更します。

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

• 線形​の場合、上位、中央、または​下位 アイコンを選択します。

• パディング​の場合、すべての側面のパディングを定義します。

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

• 詳細 セクションを展開して、列のインラインスタイルを定義します。

{width="700" modal="regular"}

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

変更を保存します。

テキストコンポーネントを選択し、ツールバーの「パーソナライゼーションを追加」（ ）アイコンをクリックします。

{width="600"}

この操作を実行すると、Personalizationを編集 ダイアログが開きます。

トークンの横にあるプラス（+）記号をクリックして、トークンを追加します。

フォールバック付きのトークン（そのフィールドがリードに使用できない場合に表示されるデフォルトのテキスト）を追加する場合は、詳細 アイコン（…）をクリックし、フォールバックテキスト付きの挿入​を選択します。

{width="700" modal="regular"}

含める追加のトークンやその他の静的テキストを追加します。

「保存」をクリックします。

パーソナライゼーションスクリプトは、ビジュアルデザイン空間に表示されます。 これを選択して、必要なときに変更を加えることができます。

{width="600"}