ドキュメントCampaignCampaign Standard ドキュメント

E メールデザイナーの基本を学ぶ quick-start

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • 初心者
  • ユーザー

E メールDesignerでは、4 とおりの方法でメールを作成できます。

メールを作成できます メールDesignerで新しく開始します。

  1. 構造やコンテンツコンポーネントを簡単に追加し、コンテンツをパーソナライズして配信をすばやく送信することで 空のキャンバスからメールを作成 できます。 スタイル要素を完全に管理することもできます。 詳しくは、 すぐに使い始めるまたは 完全なドキュメントを参照してください。

  2. テンプレートを選択し、ここから新しいメールコンテンツを作成することで 標準テンプレートからメールを作成 できます。 詳細情報

また、（既存のコンテンツを使用して メールを作成することもできす。

  1. （外部または従来のエディターで作成した 既存のHTMLコンテンツを変換 できます。 詳細情報
  2. 互換モードでは、すぐに 既存のHTMLコンテンツを読み込む ことができます。 詳細情報
コンテンツなし
コンテンツを使用
メールをゼロから作成
既存のHTMLコンテンツの変換
標準テンプレートからのコンテンツの作成
既存のHTMLの読み込み

エディターを使用したメールのデザイン without-existing-content

NOTE
どちらの作成戦略でも、メールを送信する前に件名を入力することが重要です。 詳細情報 件名行の追加

メールをゼロから作成 from-scratch-email

メールを簡単に作成し、コンポーネントを追加し、そのコンテンツをパーソナライズして、配信をすばやく送信できます。 必要に応じて、コンテンツに合わせてスタイルオプションを調整できます。 スタイル設定とインライン属性の管理について詳しくは、 メールスタイルの編集を参照してください。

  1. メールを作成します。
  2. ホームページを閉じます。

件名行の追加 add-a-subject-line

件名は、メールを送信する際に必須です。 詳しくは、 メールの件名の定義を参照してください。

  1. メールDesignerのホームページ（ホームアイコンからアクセスできます）の「Properties」タブに移動し、「Subject」セクションに入力します。

構造コンポーネントの追加 add-structure-components

構造コンポーネントは、メールのレイアウトを定義します。 詳しくは、 メールの構造の定義を参照してください。

構造コンポーネントで、使用するレイアウトのコンポーネントをドラッグ&ドロップします。

NOTE
メールに追加される様々なコンテンツレイアウトを選択できます。

コンテンツコンポーネントの追加 add-content-components

画像、テキスト、ボタンなど、複数のコンテンツコンポーネントをメールに追加できます。 詳しくは、 コンテンツコンポーネントを参照してください。

  • 画像

    1. コンテンツコンポーネント で、画像を構造コンポーネントのいずれかにドラッグ&ドロップします。
    2. 参照 をクリックします。
    3. コンピューターから画像ファイルを選択します。

  • パーソナライゼーションを使用したテキスト

    1. コンテンツコンポーネント で、テキストを構造コンポーネントのいずれかにドラッグ&ドロップします。
    2. コンポーネントをクリックし、テキストを入力します。
    3. パーソナライゼーションフィールドを追加するには、ツールバーの パーソナライゼーションフィールドを挿入 をクリックします。
    4. 必要なフィールド（「名」など）を選択します。

  • HTML

    1. コンテンツコンポーネント で、HTMLを構造コンポーネントのいずれかにドラッグ&ドロップします。
    2. ソースコードを表示 をクリックします。
    3. HTMLコンテンツを入力します。
    4. 「保存」をクリックします。

    HTMLに詳しい場合は、Html コンテンツコンポーネントを使用して、元のフッターからHTMLコードをコピーして貼り付けることができます。 詳しくは、 コンテンツコンポーネントについてを参照してください。

メールコンポーネントのスタイル設定

コンポーネントのパディングを変更するなどして、メールのスタイル設定を調整できます。 スタイル設定とインライン属性の管理について詳しくは、 メールスタイルの編集を参照してください。

  1. テキストコンポーネント をクリックします。
  2. 右側のパレットで、パディング に移動します。
  3. ロックアイコンをクリックすると、上下または左右のパラメーターの同期が解除されます。
  4. 必要に応じて パディング を調整します。
  5. 「保存」をクリックします。

これで、メールを保存して送信できます。

標準テンプレートからのコンテンツの作成 building-content-from-an-out-of-the-box-template

顧客ウェルカムメッセージ、ニュースレター、リエンゲージメントメールなどの標準のテンプレートからメールを作成し、パーソナライズできます。

  1. メールを作成し、そのコンテンツを開きます。 詳しくは、 メールの作成を参照してください。
  2. ホームアイコンをクリックして、Email Designer のホームページにアクセスします。
  3. 「Templates」タブをクリックします。
  4. 標準のHTMLテンプレートを選択します。
    様々なテンプレートには、複数のタイプの要素の様々な組み合わせが用意されています。 例えば、「羽」テンプレートには余白がありますが、「アストロ」テンプレートには余白がありません。 詳しくは、 コンテンツテンプレートを参照してください。
  5. メールDesignerのホームページ（ホームアイコンからアクセスできます）の「Properties」タブに移動し、「Subject」セクションに入力します。
  6. これらの要素を組み合わせて、多数の E メールバリアントを作成できます。 例えば、構造コンポーネントを選択し、コンテキストツールバーから「複製」をクリックして、メールセクション Duplicate 複製できます。
  7. 左側の青い矢印を使用して要素を移動し、構造コンポーネントを別のコンポーネントの下または上にドラッグできます。 詳しくは、メール構造の編集を参照してください。
  8. また、コンポーネントを移動して、各構造要素の組織を変更することもできます。 詳しくは、フラグメントとコンポーネントの追加を参照してください。
  9. 必要に応じて、画像、テキスト、リンクの各要素のコンテンツを変更します。
  10. 必要に応じて、コンテンツに合わせてスタイルオプションを調整します。 詳しくは、メールスタイルの編集を参照してください。

既存のメールコンテンツの使用 with-existing-content

複数のメールで再利用できるように組み合わせることができるモジュール型テンプレートおよびフラグメントのフレームワークを構築する場合は、メールテンプレートをメールDesignerHTMLに変換することを検討する必要があります。

HTMLコンテンツの変換 converting-an-html-content

このユースケースは、HTMLメールをメールDesignerコンポーネントに簡単に変換する方法を提供します。 このトピックについて詳しくは、HTMLコンテンツの変換を参照してください。

CAUTION
この節は、HTMLコードを熟知しているユーザーを対象としています。
NOTE
互換モードと同様に、HTMLコンポーネントも編集可能で、オプションは限られています。つまり、インプレース編集のみを実行できます。

HTMLメールの読み込みと編集 compatibility-mode

コンテンツをアップロードする場合、メールDesignerの WYSIWYG エディターで完全に準拠し編集可能にするには、特定のタグが含まれている必要があります。

既存のメールをメールDesigner互換のメールに変換する方法については、 この節を参照してください。

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff