メールデザインの基本を学ぶ

最終更新日: 2023-12-01
  • トピック:
  • Email Design
    このトピックの詳細を表示
  • 作成対象:
  • Beginner
    Intermediate
    User

Journey Optimizer に既存のコンテンツを読み込むことも、コンテンツデザイン機能を活用することもできます。

  • Journey Optimizer メールデザイン機能​を使用して、レスポンシブなメールのデザインや読み込みを行います。詳細情報

  • Adobe Experience Manager Assets Essentials を活用してメールを強化し、独自のアセットデータベースを作成および管理します。詳細情報

  • Adobe Stock の写真​を検索しコンテンツを作成し、メールデザインを向上します。詳細情報

  • プロファイル属性に基づいてパーソナライズされたメッセージと動的メッセージを作成し、カスタマーエクスペリエンスを強化します。パーソナライズ機能および動的コンテンツの詳細をご覧ください。

➡️ この機能をビデオで確認

メールデザインのベストプラクティス

メールを送信する際は、受信者がメールを転送する可能性があることを考慮することが重要です。これにより、メールのレンダリングで問題が発生する可能性があります。これは、転送に使用されるメールプロバイダーでサポートされていない可能性がある CSS クラスを使用する場合に特に当てはまります。例えば、モバイルデバイスで画像を非表示にするために「is-desktop-hidden」CSS クラスを使用している場合などです。

こうしたレンダリングの問題を最小限にするために、メールのデザイン構造をできるだけ簡単に保つことをお勧めします。デスクトップデバイスとモバイルデバイスの両方で適切に機能する単一のデザインを使用し、複雑な CSS クラスや、すべてのメールクライアントで完全にはサポートされない他のデザイン要素を使用しないようにします。これらのベストプラクティスに従うと、受信者による表示や転送の方法に関係なく、一貫して正しくメールをレンダリングできます。

メールコンテンツを作成するための主な手順

ジャーニーまたはキャンペーンにメールを追加したら、メールコンテンツの作成を開始できます。

  1. ジャーニーまたはキャンペーンの設定画面から、コンテンツを編集​画面に進み、E メールデザイナーにアクセスします。詳細情報

  2. E メールデザイナーのホームページで、次のオプションからメールのデザイン方法を選択します。

    • E メールデザイナーのインターフェイスで​メールをゼロから設計​し、Adobe Experience Manager Assets の画像を活用します。メールコンテンツのデザイン方法については、この節を参照してください。

    • E メールデザイナーで直接 Raw HTML をコーディングまたは貼り付け​ます。独自のコンテンツのコーディング方法については、この節を参照してください。

      メモ

      キャンペーンでは、コンテンツを編集​画面から「コードエディター」ボタンを選択することもできます。詳細情報

    • ファイルまたは .zip フォルダーから​既存の HTML コンテンツを読み込み​ます。メールコンテンツの読み込み方法については、この節を参照してください。

    • 組み込みまたはカスタムテンプレートのリストから​既存のコンテンツを選択します。メールテンプレートの操作方法については、この節を参照してください。

  3. メールコンテンツを定義し、パーソナライズしたら、コンテンツを書き出して、検証したり、後で使用したりできます。 「HTML を書き出す」をクリックして、 コンピューターに HTML とアセットを含む zip ファイルを保存します。

チュートリアルビデオ

メッセージエディターでメールコンテンツを作成する方法を説明します。

A/B テストを行うようにコンテンツ実験を設定し、ビジネス目標を最大限に推進するメールコンテンツを探索する方法を説明します。

このページ