メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

ドラッグ&ドロップエディターでマーケティングEメールを作成する

更新日時 2024年 2月 27日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

ドラッグ&ドロップ操作で利用できるHubSpotのEメールエディターは、貴社のビジネスに関するEメールマーケティング活動を幅広く展開するための直感的なユーザーインターフェイスを備えています。マーケティングEメールキャンペーンを使用して、登録読者に更新を配布し、特別なオファーを宣伝します。

注:ドラッグ&ドロップEメールエディターを使用しない場合、更新版のクラシック(従来型)EメールエディターでマーケティングEメールを作成して送信するためのガイドを参照してください。

新規Eメールを作成する

  • HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
  • [Eメールを作成]をクリックします。
  • Marketing Hub Enterpriseアカウントを使用していて、ビジネスユニット追加オプションを購入している場合は、[ビジネスユニット]ドロップダウンメニューをクリックして、ビジネスユニットを選択します。これにより、Eメールがビジネスユニットに関連付けられ、カラーパレットの中でブランドキットの既定となっている色でEメールをデザインできるようになります。
  • Eメールタイプを選択するには、次のようにします。
    • 通常送信:コンタクトのセグメントに送信できる、1回限りのパーソナライズされたEメール。
    • 自動送信:特定のコンタクトがワークフローの登録基準を満たした場合にそれらのコンタクトに送信されるように構成できる、パーソナライズされたEメール。
    • ブログ/RSS:新しいコンテンツをブログまたはRSSフィードに公開すると、ブログまたはRSSの登録読者に自動的に送信されるEメール。
  • [ドラッグ&ドロップ]タブから、作成するEメールのタイプに基づいてテンプレートを選びます。各Eメールテンプレートには、画像やテキストフィールドなどのカスタマイズ可能な要素があり、セクションとしてグループ化されています。

レイアウトとコンテンツを編集する

Eメールに新しい要素を追加し、その要素の外観、レイアウト、内容をカスタマイズします。

要素を追加し、要素のレイアウトを編集する

  • テンプレートにコンテンツを追加するには、左側のペインの[コンテンツ]タブにある新しい要素をクリックしたまま、Eメールエディター側へドラッグします。 
drag-module-into-email-to-edit
  • テンプレートのレイアウトを変更するには、特定の要素の上で左側の青い枠をクリックしたまま、新しい位置へドラッグします。複製アイコンduplicate をクリックして要素を複製するか、ごみ箱アイコンdeletet をクリックして要素を削除します。

edit-clone-save-delete-section-in-email

  • 左のサイドバーで、[デザイン]タブをクリックして、テンプレートのフォント、見出し、色、枠線、間隔をカスタマイズします。
email-editor-design-tab
  • どの要素のセクションを左のサイドバーで変更するかを選択するには、Eメールコンテンツの外側の部分をクリックします。[セクション設定]では、次のことが可能です。
    • [列の配置]では、セクション内の列の数とその配置を指定します。
    • Eメールのセクションの間隔、色、パターンをカスタマイズします。
    customize-email-layout-settings
  • 特定の要素の列設定をカスタマイズすることもできます。
    • カスタマイズする要素をクリックします。
    • 列を追加または削除するには、要素の左右にあるプラスアイコンaddまたはマイナスアイコンminusをクリックします。
    • 2つの列の間の間隔を変更するにはdragHandleをクリックしたまま、左または右へドラッグします。
    configure-drag-and-drop-email-columns
  • コンテンツをカスタマイズする要素をクリックします。
    • 画像、ボタンおよび仕切りは左側のペインでカスタマイズできます。
    • テキスト要素はインラインで編集して、リッチ テキスト ツールバーでスタイルを設定できます。絵文字アイコンemoji.をクリックすることにより、テキストフィールドに絵文字を挿入できます。

insert-emoji-into-email

注:Eメールが102KBよりも大きい場合は、Gmailによって受信者のEメールコンテンツの一部が省略されるというアラートが表示されます。この上限を超えると、Eメールのデザイン、配信解除リンク、およびEメールの開封を追跡するためのピクセルに影響が生じる場合があります。Eメールが省略される可能性がある場合、コンテンツエディターと[レビュー]パネルにアラートが表示されます。

セクションを保存して次回以降のEメールで再利用(Marketing Hub ProfessionalおよびEnterpriseのみ)

セクションをカスタマイズ済みで、それを将来のEメールに再利用したい場合:

  • 保存するセクションの上にカーソルを重ねてsocialHeart ハートアイコンをクリックします。
save-section-in-email-editor
  • ダイアログボックスで、セクションの名前を入力し、[保存]をクリックします。Eメールエディターの[コンテンツ]タブの下部にある[保存済みセクション]にセクションが表示されます。
  • 既存の保存済みセクションを確認および整理するには、[管理]をクリックします。
    • 右側のパネルでは、検索バーにセクションの名前を入力してセクションを探したり、[表示]または[並べ替え]のドロップダウンメニューをクリックして保存済みセクションを絞り込んだりできます。
    • 保存済みセクションの横にある[アクション]ドロップダウンメニューをクリックして、関連するアクションを選択すると、セクションをお気に入りに追加したり、非表示にしたり、削除したりできます。

manage-marketing-email-sections

Eメールのフッターを編集する

フッターをクリックして、オフィス所在地情報を編集します。左のサイドバーで、[管理]をクリックして、オフィス所在地情報を編集します。[フォント]、[リンクのフォント]および[位置合わせ]オプションでテキストのスタイルを更新し、[配信停止]ドロップダウンメニューをクリックして、配信停止リンクのタイプを選択します。

edit-email-footer

パーソナライズを追加する

Eメール受信者のコンタクトレコードから値を取り込むことにより、文面のパーソナライズができます。

  • 書式設定バーで、[パーソナライズ]contactsをクリックします。
  • [タイプ]ドロップダウンメニューをクリックし、挿入するパーソナライズトークンのタイプを選択します。作成するEメールのタイプに応じて異なるトークンタイプを使用できます。
    • 既定では、全てのマーケティングEメールで、コンタクトと会社のパーソナライズトークン、オフィス所在地トークン(Eメールのフッターにあるフィールド)、Eメール配信カテゴリーを使用できます。
    • 自動化されたマーケティングメールを作成する場合は、次のトークンタイプもEメールに挿入できます。
      • 取引:これらのトークンは、HubSpotデータベース内の取引に関連付けられた取引プロパティーの値を使用します。これには、取引担当者、金額、成約日のトークンが含まれます。
      • チケット:Service Hub Starter、Professional、またはEnterpriseアカウントをお持ちの場合、HubSpotデータベース内のチケットに関連付けられたチケットプロパティーを使用できます。
      • カスタムオブジェクト:Enterpriseアカウントをお持ちの場合、作成したカスタムオブジェクトのプロパティーを使用できます。

注:カスタムオブジェクトのパーソナライズトークンを自動配信マーケティングEメールに挿入した場合、カスタムオブジェクトに基づくワークフローでEメールを使用している場合にのみ、関連付けられたプロパティーがレンダリングされます。

  • [プロパティー]ドロップダウンメニューをクリックして、Eメール本文に取り込むプロパティー値を選択します。
  • コンタクトのこのプロパティーに値がない場合に使用する既定値を入力し、[保存]をクリックします。次に、[挿入]をクリックして、文面にトークンを追加します。

insert-personalization-token-into-email

最近の変更を元に戻す

Eメールの編集時に何かを間違えても、最後に加えた変更を元に戻すことができます。または、戻した変更を再び加える場合は、Eメールを直近の改訂状態へ戻すこともできます。

  • 最後に加えた変更を元に戻すには、エディターの左上にある元に戻すアイコンをクリックします。戻した変更を再び加えるには、やり直しアイコンをクリックします。
  • エディターは、標準的なキーボードショートカットにも対応しています。Windowsの場合、Ctrl+Zを押して元に戻す、Shift+Ctrl+Zを押してやり直すことができます。Macの場合、Command+Zによって元に戻す、Shift+Command+Zによってやり直すことができます。

email-editor-undo-redo


Eメール設定を編集する

画面上部の[設定]タブをクリックします。ここでは、次のようなカスタマイズが可能です。
  • 送信者名受信者がEメールを受信した際に表示される名前。
    • ドロップダウンメニューをクリックして、アカウント内のHubSpotユーザーを選択し、{{ owner.first.name }}トークンを選択して、各受信者のコンタクト担当者として割り当てたユーザーの姓名を自動的に取得するか、新しい名前を入力します。
    • contactsパーソナライズ]をクリックし、パーソナライズを使用して、コンタクトレコードにプロパティーとして保存されている名前を取得します。
  • 送信者アドレスEメールアドレスの送信元Eメールアドレス。
    • ドロップダウンメニューをクリックして、アドレスの選択、新規アドレスやパーソナライズトークンの追加、保存済みの既存アドレスの管理を行います。 
      • [Eメールアドレス]では、アカウント内のHubSpotユーザーのEメールアドレスを選択できます
      • [カスタムアドレス]では、会社の代表連絡先アドレス(例:contact@yourcompany.com)のような、カスタムEメールアドレスを選択できます。ドロップダウンメニューの最下部にある[Eメールアドレスを追加]をクリックすることにより、新しいカスタムアドレスを追加できます。
      • また、{{ owner.email }}などのパーソナライズトークンを選択して、受信者のHubSpot担当者のEメールアドレスを自動的に取り込むこともできます。ドロップダウンメニューの最下部にある[パーソナライズトークンを追加]をクリックすることにより、新しいパーソナライズトークンを追加することもできます。
      • HubSpotにチームの受信トレイを接続済みの場合、[HubSpot受信トレイ]の「受信トレイアドレス」を選択できます。
    • Eメールの返信を送信元アドレスで受け取る場合は、[これを返信用アドレスとして使用]チェックボックスをオンにします。
    • Eメールの返信を別のアドレスで受け取る場合は、[これを返信用アドレスとして使用]チェックボックスをオフにし、[返信先アドレス]フィールドに別のEメールを入力します。
  • [件名]:受信トレイに表示されるEメールの件名。
    • [件名]フィールドにEメールの件名を入力します。
    • 件名に絵文字を追加するには、emoji絵文字アイコンをクリックします。
    • 件名をスマートにするには、[testスマート]をクリックします(Marketing Hub ProfessionalおよびEnterpriseのみ)。
    • contactsパーソナライズ]をクリックすると、パーソナライズトークンを挿入できます。
  • プレビューテキスト:一般的に受信トレイ内のEメールの件名の横に表示される、プレビューテキストを追加します。
  • 内部Eメール名Eメールダッシュボードに表示される、Eメールの内部名。この名前はEメールの受信者には表示されません
  • [配信カテゴリー]:Eメールの配信カテゴリーを選択します。配信カテゴリーの作成使用の詳細をご確認ください。
  • キャンペーン:Marketing Hub Professionalまたは「Enterprise」のサブスクリプションをご利用の場合、Eメールをキャンペーンに関連付けることができます。
    • Eメールを既存のキャンペーンに関連付けるには、[キャンペーン]ドロップダウンメニューをクリックし、キャンペーンを選択します。
    • Eメールを新規キャンペーンに関連付けるには、[キャンペーン]ドロップダウンメニューをクリックし、[キャンペーンを作成]をクリックします。続けて、キャンペーンを設定します。 
    • キャンペーンを作成したことがない場合は、[キャンペーンを作成]をクリックします。続けて、キャンペーンを設定します。 
  • 言語Eメールの最下部に表示するEメール フッター テキストとウェブ バージョン リンク テキストの言語を選択します。

customize-email-settings

[>プレーンテキストとウェブバージョン]をクリックしてセクションを展開します。ここでは、次のようなカスタマイズが可能です。

  • プレーンテキストをカスタマイズ:HubSpotでは、受信者がリッチ テキスト バージョンを受信できない場合に送られるEメールのプレーンテキスト版が自動作成されます。プレーンテキスト版のコンテンツを編集するには[カスタマイズ]をクリックします。
  • ウェブバージョン:Marketing Hub Basic、Professional、Enterpriseのみ)Eメールのウェブバージョンを有効にするには、[ウェブバージョン]スイッチをクリックしてオンに切り替えます。
    • ページタイトル:ブラウザー タイトル バーと検索結果に表示されるウェブバージョンのテキスト。
    • ページURL:ウェブバージョンのURL。[ドメイン]ドロップダウンメニューをクリックして、接続済みドメインを選択します。テキストフィールドにページスラッグを入力します。ドメインのホームページに公開するには「/」のみを使用してください。
    • (任意)特定の日付にページの公開を終了:スケジュールした日時にEメールのウェブバージョンをHubSpotページまたは外部URLにリダイレクトする場合は、[特定の日付にページの公開を終了]チェックボックスをオンにします。

customize-email-web-version-and-plain-text

(任意)EメールのA/Bテストを実施する(Marketing Hub Professional、Enterpriseのみ)

  • エディターの左上にある[testテストを実行]をクリックします。
  • ダイアログボックスで、Eメールの各バージョンの名前を入力します。
  • テストオプションを設定します。
    • A/B配分:スライダーを使用して、バリエーションAとバリエーションBを受信するコンタクトの比率を決めます。スライダーでは、バリエーションAを50%、バリエーションBを50%に送信することも設定可能です。この場合、Eメールの一方のバリエーションがコンタクトの半数に、もう一方のバリエーションが残り半分のコンタクトに送信されます。これにより、送信後の2つのEメールバージョンの統計を分析して、どちらのバージョンに効果があったかが分かります。
    • 勝利指標:バリエーションAとBを小さなグループに送信し、その後、他の受信者に勝者のバージョンを送信する場合は、[勝利指標]ドロップダウンメニューをクリックし、勝者のバリエーションを決定する指標([開封率]、[クリック率]、[クリックスルー率])を選択します。
    • テスト期間:勝者を選定し、勝者のバリエーションを送信するまでのデータ収集期間を、スライダーを使用して設定します。A/Bテストは最大100時間まで実施できます。テスト期間が経過してもテスト結果が確定しない場合は、バリエーションAが残りの受信者に送信されます。
  • [テストを作成]をクリックします。

configure-ab-email-modal

注:均等分割(50/50)のA/Bテストは、どのようなサンプルサイズでも実施できます。他の全てのサンプル分割には、以前にハードバウンス(不達)になったコンタクトや配信登録解除済みのコンタクトを除く、少なくとも1,000人の受信者が含まれるリストが必要です。


A/BテストEメールの両方のバージョンを作成した後、いつでも2つを切り替えたり、テストオプションを変更したりできます。

  • コンテンツエディターの左上にあるEメールのバージョンの名前をクリックします。
  • Eメールのもう一方のバージョンを編集するには、そのバージョンの名前を選択します。
  • A/Bテストオプションを変更する必要がある場合は、[テストを管理]をクリックします。

switch-email-versions

Eメールをプレビューまたはテストする

Eメールを送信またはスケジュールする前に、さまざまなデバイスタイプで受信者に対してEメールがどのように表示されるかをプレビューできます。アカウントで自分自身または別のユーザーにテストEメールを送信することもできます。
  • 右上の[アクション]ドロップダウンメニューをクリックし、[プレビュー]を選択します。 
    • [デバイス]タブには、デスクトップまたはモバイルデバイスでEメールがどのように表示されるかが示されます。Eメールには既定で、パーソナライズの既定値が表示されます。特定のコンタクトとしてEメールをプレビューするには、[特定のコンタクトとしてプレビュー]ドロップダウンメニューをクリックします。
    • [クライアント]タブをクリックし、テストするEメールクライアントのチェックボックスをオンにしてから、[今すぐEメールをテスト]をクリックします。クライアントリストの下部には、このEメールの以前のクライアントテストの結果が表示されます。

注:Marketing Hub Starterのユーザーには、Eメール クライアント プレビューへのアクセス権がありません。

preview-email-in-drag-in-drop-editor
  • Marketing Hub Starter、Professional、Enterpriseをご利用の場合は、受信者の受信トレイにコンテンツが想定どおりに表示されるかどうかを確認する目的で、テストEメールを送信できます。
    • 右上にある[アクション]ドロップダウンメニューをクリックし、[テストEメールを送信]を選択します。
    • 右側のペインで、[1人以上の受信者を選択]ドロップダウンメニューをクリックして、テストEメールの受信者を選択します。
    • (任意)特定のコンタクトにEメールが表示される状態をプレビューするには、[特定のコンタクトとしてEメールを受信する]のドロップダウンメニューをクリックします。これは、パーソナライズのテストに役立ちます。
    • [テストEメールを送信]をクリックします。

send-test-email

  • Eメールをワークフローで使用する自動送信Eメールに変換するには、[アクション]ドロップダウンメニューをクリックし、[自動送信Eメールに変換]を選択します。

Eメールを送信する、または送信スケジュールを設定する

画面上部の[送信またはスケジュール]タブをクリックして、Eメールの受信者を選択し、送信オプションを確定します。

send-or-schedule-tab

  • Eメールの受信者を設定するには、次の手順に従います。
    • [送信先]ドロップダウンメニューをクリックし、受信者リストに追加するリスト個別コンタクトを選択します。
    • [送信しない]ドロップダウンメニューをクリックし、受信者リストから除外するリスト個別コンタクトを選択します。

注:同じ会社のコンタクトにEメールを送信する場合は、コンタクトリストを作成してからリスト条件を設定することにより、[会社名]プロパティーに基づいてセグメント化できます。

    • エンゲージメント(つながり)が低調なコンタクトを除外するには、[反応がないコンタクトに送信しない]のチェックボックスをオンにします。この機能は、すでにHubSpotからいくつかのEメールキャンペーンを送信し、反応がないコンタクトの識別に必要なデータを集めた後で使用することが適切です。
    • [受信者数の推定]では、選んだリストおよび個別コンタクトに基づくEメール受信予定のコンタクト数をプレビューできます。
      • 送信先のリストを選択した場合、[受信者数の推定]の数値には、マーケティングEメールを配信解除したコンタクトと一度も配信登録したことのないコンタクトは含まれません。これらのコンタクトは見積もりには含まれますが、[設定]タブで選択したEメール配信の種類に登録していなければ、Eメールは送信されません
      • 受信者を追加する際に、どの程度の数の隔離済みコンタクト、バウンスが発生したコンタクト、エンゲージメントがないコンタクト、マーケティング対象外のコンタクトが、自動的にEメール受信者から除外されるかを確認できます。また、Eメールアドレスが無効になっているか、Eメールアドレスが不明なコンタクトも除外されます。
  • 送信オプションを使用して、いつEメールを送信するかを選択します。
    • 今すぐ送信:Eメールはすぐに送信されます。
    • 予定としてスケジュール:指定した日時にEメールを送信します。
      • [日付]と[時間]のドロップダウンメニューをクリックして、Eメールの送信スケジュールを設定します。Eメールは既定で、ご使用のHubSpotアカウントのタイムゾーンに基づいて送信されます。受信者の特定のタイムゾーンに基づいて最適な送信時間を手動で設定するには、タイムゾーン変換ツールが便利です。
      • ご使用のHubSpotアカウントのタイムゾーンではなく、コンタクトのタイムゾーンに基づいてコンタクトにEメールを送信する場合は、[代わりにコンタクトのタイムゾーンに基づいて送信]チェックボックスをオンにします。コンタクトのレコードに[IPタイムゾーン]プロパティーに値が設定されていない場合、送信時間は既定ではご使用のアカウントのタイムゾーンになります。
email-scheduling-options
  • このEメールをワークフロー内で使用するには、[アクション]ドロップダウンメニューをクリックし、[自動配信Eメールに変換する]を選択します。
  • 右上の[レビューおよび送信]をクリックします。右側のパネルでは、Eメールを送信する前に修正の必要なエラーや警告に対処できます。
  • Eメールの作成時に含めることを忘れていた受信者があれば、Eメールを送信した後、または送信スケジュールを設定した後に、Eメールを送信することが可能です。
    • HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
    • 送信済みまたはスケジュール済みのEメールから、追加の受信者に送信するEメールの名前をクリックします。
    • 右上の[アクション]ドロップダウンメニューをクリックしてから、[さらに送信]を選択します。
    • [送信先]ドロップダウンメニューをクリックし、受信者リストに追加するリスト個別コンタクトを選択します。
    • [送信しない]ドロップダウンメニューをクリックし、受信者リストから除外するリスト個別コンタクトを選択します。
    • エンゲージメント(つながり)が低調なコンタクトを除外するには、[反応がないコンタクトに送信しない]のチェックボックスをオンにします。
    • [送信]をクリックします。

関連情報

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。