ドラッグ&ドロップエディターでマーケティングEメールを作成する
更新日時 2025年7月15日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
ドラッグ&ドロップEメールエディター を使用して、あらかじめ用意されているモジュールを追加することでマーケティングEメールを作成できます。コードテンプレートを使用する場合は、 クラシックエディターを使用することをお勧めします。
新規Eメールを作成する
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 右上にある[Eメールを作成]をクリックします。
- 右側のパネルで、送信方法を選択します。
- 通常送信: 1通のEメールを特定のコンタクトまたはコンタクトベースのリストに送信またはスケジュールします。
- 自動送信:ワークフローを使用してEメールを作成して保存し、自動化します。このオプションは、「Marketing HubProfessional 」または「Enterprise」サブスクリプションをお持ちのアカウントでのみ利用できます。
- ブログ/RSS: ブログ または RSS 登録読者向けのEメールを作成して保存します。新しいコンテンツをブログやRSS フィードに公開すると、このEメールが自動的に送信されます。
- 左側のサイドバーメニューでテンプレートタイプ を選択すると、さまざまなユースケースのEメールテンプレートを確認できます。例えば、イベント、ニュースレター、エンゲージメントのテンプレートなどを使用できます。利用可能な全てのテンプレートを表示するには、[全てのテンプレート]をクリックします。
- テンプレートの上にマウスポインターを置き、[ テンプレートを選択]をクリックします。

![テンプレート選択画面で、[テンプレートを選択]が強調表示されています。](https://53.fs1.hubspotusercontent-na1.net/hub/53/hubfs/Knowledge_Base_2023-24-25/content/content--choose-template--2025-06.png?width=2326&height=924&name=content--choose-template--2025-06.png)
Eメールの内容を編集
マーケティングEメールを作成した後、Eメールの内容をカスタマイズします。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- Eメールに新しいモジュールを追加するには、左のサイドバーエディターで モジュール をクリックしたままEメールの位置にドラッグします。
- Eメール内のモジュールを再配置するには、次の手順に従います。
- モジュールの上にマウスポインターを置き、 クリックして別の位置にドラッグします。
- 既存のモジュールの右または左にモジュールをドラッグして、Eメールのそのセクションに新しい列を作成できます。
- モジュールのコンテンツを編集するには、Eメールレイアウトで モジュール をクリックします。テキスト モジュールのように、レイアウト内で直接編集できるモジュールもあれば、左側のサイドバーエディターで完全にカスタマイズできるモジュールもあります。
- モジュールを複製するには、モジュールの上にマウスポインターを置き、 duplicate clone複製 アイコンをクリックします。
- モジュールを削除するには、モジュールの上にマウスポインターを置き、deletet delete アイコンをクリックします。
- 特定のデバイスタイプで表示するときにモジュールを非表示にするには:
- 上部で、モジュールを非表示にするデバイスタイプ を選択します。
- Eメールプレビューで、要素の上にマウスポインターを置き、 hide 非表示アイコンをクリックします。モジュールの非表示について詳細をご確認ください。
Eメールのデザインを編集
Eメールの全体的なデザインだけでなく、個々のモジュールのデザインオプションも編集できます。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 左側のパネルで styles TTtテンプレートデザインアイコンをクリックします。
- Eメールの形式を選択します。
- 既定:最もカスタマイズ可能な形式。既定の形式では、カスタム列とパディングを設定できます。
- ボックス:全てのコンテンツが枠線で囲まれた1つの領域内に収まる、合理化されたフォーマット。
- シンプル:列やパディングのない簡略化されたレイアウト。プレーンテキストEメールは、主に1対1のコミュニケーションに推奨されます。
- [ テンプレート ]セクションで、Eメールの一般的なスタイル設定のガイドラインを設定します。
- 本文の色:Eメール本文の背景色を設定します。16進数コードを入力するか、 カラーパレットをクリックして 色を選択します。
- 境界線の幅: ボックス 形式を使用している場合は、境界線の幅をピクセル単位で設定します。
- 色: ボックス 形式を使用している場合は、境界線の色を設定します。16進数コード を入力するか、 カラーパレット をクリックして 色を選択します。
- 背景タイプ:背景を単色またはパターンとして設定します。
- 背景色/パターン:背景色またはパターンを選択します。背景パターンを設定するときに、Eメールクライアントで背景画像が表示されない場合にレンダリングする背景色を設定することもできます。
- [テキストスタイル]セクションで、Eメールテキストのスタイル設定ガイドラインを設定します。段落、h1、h2 テキストのフォントサイズや色だけでなく、特定のフォントも設定できます。また、すべてのリンクに色とスタイルを設定することもできます。
- [ボタン]セクションで、Eメールボタンのスタイル設定ガイドラインを設定します。ボタンの半径と色を設定できます。ボタンテキストについては、フォントに加えて、フォントの色、サイズ、スタイルを設定できます。
- [仕切り]セクションで、Eメールの仕切りのスタイル設定のガイドラインを設定します。仕切りの高さと色、およびそのスタイル(実線、破線、または点線)を設定できます。
- [間隔]セクションで、Eメールのパディングのスタイルガイドラインを設定します。
- 全ての辺に同じパディングを適用するには、[ 全ての辺に適用 ]チェックボックスをオンにします。
- Eメールの上部と下部に個別のパディングを適用するには、各フィールドにピクセル値を入力します。
- 全てのモバイルデバイスでパディングを削除するには、[ モバイルデバイスのパディングを削除 ]チェックボックスを選択します。
保存済みEメールセクションを使用する(「Marketing Hub Professional」および「Enterprise」のみ)
「Marketing Hub Professional」または「Enterprise」サブスクリプションを利用しているアカウントでは、マーケティングEメールの一部を保存しておけば、他のマーケティングEメールで再利用できます。
セクションを編集する
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- Eメールプレビューで 、セクションをクリックします。
- 左側のパネルの[共有範囲]で、さまざまなデバイスでのセクションの表示条件を設定します。
- セクションの表示を設定するには、[ 表示 ]または [非表示]をクリックします。
-
- モバイルとパソコンの共有範囲を別々に設定するには、[全てのデバイス] スイッチをオフに切り替えます。次に、[デスクトップ]セクションと[モバイル]セクションで[表示]または[非表示]をクリックします。
- [列]セクションで、 列の配置をクリックします。これにより、セクションの列の数とサイズが管理されます。
- [列の配置] セクションで、[上]、[中央]、または [下] を選択します。これにより、セクション内のモジュールの垂直方向の位置合わせを制御します。
- [改行]セクションで、柱の 改行 動作を選択します。これにより、モバイルデバイス上でのモジュールの表示を制御します。
- [背景]セクションで、Eメールの背景を設定できます。[すべてのデバイス]スイッチをオフに切り替えると、モバイルとデスクトップの背景が別々に設定されます。
- [間隔]セクションで、セクションの上部と下部のパディングを追加できます。[ すべてのデバイス]スイッチをオフに切り替えると、モバイルとパソコンのパディングが別々に設定されます。
セクションを保存する
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- Eメールプレビューで、セクションの上にマウスポインターを置き、 saveEditableView 保存アイコンをクリックします。
- ダイアログボックスで、セクションの名前 を入力し、[保存]をクリックします。
保存済みセクションを使用
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 左上の add 追加 アイコンをクリックします。
- 上部にある[セクション]タブをクリックします。
- 左側のパネルの [保存済みセクション]の下で、保存済みセクション をクリックしてEメールにドラッグします。
保存済みセクションを管理
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 左上の add 追加 アイコンをクリックします。
- 上部にある[セクション]タブをクリックします。
- 左側のパネルの [保存済みセクション]で、[ 管理]をクリックします。
- 右側のパネルで、[表示]と[並べ替え]のドロップダウンメニューで保存済みセクションを絞り込むことができます。
- 保存済みセクションの横にある[アクション]ドロップダウンメニューをクリックし、次のいずれかを選択します。
- お気に入りに追加:このセクションをお気に入りのセクションに追加します。
- 非表示:サイドバーエディターからこのセクションを削除します。非表示のセクションを絞り込めば、セクションを管理するときに引き続きアクセスできます。
- 表示:このセクションを非表示にした場合、サイドバーエディターに戻します。
- 削除:このセクションを完全に削除します。ダイアログボックスで、[ セクションを削除 ]をクリックして確定します。このアクションは元に戻せません。このセクションを使用している既存のEメールには影響はありません。
送信情報の編集
[受信トレイ ]タブで、Eメールの件名、プレビューテキスト、送信者名、送信元アドレスを編集できます。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 上部にある[ 受信トレイ ]タブをクリックします。
- [件名]フィールドに、Eメールの件名を入力します。パーソナライズトークンを追加するには、[ パーソナライズ]をクリックします。 Eメールの件名をパーソナライズする方法についてもっと詳しく
- [プレビューテキスト]フィールドに、一部のEメールクライアントで表示されるEメールの概要を入力します。
- [送信者名]ドロップダウンメニューをクリックし、送信者を選択します。
- 新しい送信者を追加するには、次の手順に従います。
- [送信者名]ドロップダウンメニューをクリックし、[送信者名を追加]を選択します。
- ダイアログボックスで、送信者名を入力し、[送信者名を追加]をクリックします。
- オプションとして送信者名を削除するには:
- [送信者名]ドロップダウンメニューをクリックし、[ 送信者名を管理]を選択します。
- 右側のパネルで、名前の横にある削除アイコンをクリックします。ユーザーの名前は削除できません。
- [送信者アドレス]ドロップダウンメニューをクリックし、送信者のEメールアドレスとして表示されるEメールアドレスを選択します。
- 新しいEメールアドレスを追加するには、次の手順に従います。
- [送信元アドレス]ドロップダウンメニューをクリックし、[ Eメールアドレスを追加]を選択します。
- ダイアログボックスで、 いずれかのEメールアドレスを入力し、[ Eメールアドレスを追加]をクリックします。
注: Eメールアドレスを送信元アドレスとして使用するには、接続済みのドメインでホスティングされているか、認証されている必要があります。マーケティングEメールを送信するためのEメールアドレスの確認について詳細をご確認ください。
- オプションとして送信元アドレスを削除するには:
- [送信元アドレス]ドロップダウンメニューをクリックし、[ Eメールアドレスを管理]を選択します。
- 右側のパネルで、Eメールアドレスの横にある削除アイコンをクリックします。ユーザーのメールアドレスは削除できません。
- デフォルトでは、Eメールの返信は送信元アドレスとして設定されたEメールに送信されます。別のEメールアドレスに返信を送信するには:
- [返信用アドレスとして使用]チェックボックスをオフにします。
- [返信先アドレス]ドロップダウンメニューをクリックし、Eメールアドレスを選択します。マーケティングEメールへの返信のトラッキングについて詳細をご確認ください。
受信者の編集
Eメールエディターの[ 送信先]タブで、Eメール送信方法、配信配信カテゴリー、受信者を編集できます。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 上部の[ 送信先 ]タブをクリックします。
- Eメールのタイプを変更するには、[送信方法]ドロップダウンメニューをクリックし、送信方法を選択します。
- コンタクトのリスト宛:特定のコンタクトまたはコンタクトベースのリストに対して送信またはスケジュールします。
- 自動化:ワークフロー 登録トリガーを満たしたときにワークフローを使用して送信します。自動配信Eメールの作成についてもっと詳しく。
- APIを使用する:APIを使用してEメールエディターの外部に送信します。1回送信APIによるマーケティングEメールの送信について詳しくは、 開発者ドキュメントをご覧ください。
- [配信 カテゴリー]ドロップダウンメニューをクリックし、Eメールのコンテンツに適用する配信カテゴリー を選択します。配信カテゴリーの設定の詳細をご確認ください。
- [送信先]ドロップダウンメニューをクリックし、Eメールを受信する各コンタクトまたはリストの横にあるチェックボックスを選択します。
- [送信しない]ドロップダウンメニューをクリックし、Eメールの送信対象外とする各コンタクトまたはリストの横にあるチェックボックスを選択します。
- デフォルトでは、過去11件のマーケティングEメールを開封していない受信者の場合と同様に、エンゲージメントしていないコンタクトにはEメールが送信されません。この設定をオフにするには、[ エンゲージメントしていないコンタクトに送信しない ]チェックボックスをオフにします。エンゲージ(反応)がないコンタクトの管理について詳細をご確認ください。
- Marketing HubEnterprise アカウントをご利用で、Eメールの送信頻度保護機能を使用している場合、このEメールをフリークエンシーキャップから除外することができます。そのためには、[この送信に Eメールの送信頻度キャップを適用]チェックボックスをオフにします。詳しくは、Eメールの送信頻度の防止対策についての記事をご覧ください。
- 右側のパネルに、受信者に設定された何件のコンタクトがこのEメールを受信するかが表示されます。Eメールが送信されない個別のコンタクトの詳細にアクセスするには、[ 確認]をクリックします。
Eメール送信のスケジュール設定
[スケジュール ]タブで、特定の日時に送信されるようにEメールをスケジュールできます。
このオプションは、ワークフローの自動送信Eメールの作成時には適用されません。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 上部にある [スケジュール ]タブをクリックします。
- Eメールをすぐに送信するには、[ 今すぐ送信]を選択します。
- 通常送信Eメールのスケジュールを設定するには、次の手順に従います。
- [予定としてスケジュール] を選択します。
- [日付 ]フィールドをクリックし、 日付を選択します。
- [時間]ドロップダウンメニューをクリックし、時間を選択します。
- [どの タイムゾーンで使用しますか? セクションで、タイムゾーンオプションを選択します。
- アカウントの既定値: アカウントのタイムゾーンを使用して、指定された時刻に送信します。
- 自分のタイムゾーン: ユーザーのタイムゾーンを使用して、指定された時間に送信します。
- 受信者のタイムゾーン(変動):受信者のコンタクトレコードのタイムゾーンを使用して、指定された時間に送信します。タイムゾーンデータがない受信者には、アカウントのタイムゾーンを使用してEメールが送信されます。
- ブログまたはRSS Eメールのスケジュール設定をセットアップするには、次の手順に従います。
- [時間]ドロップダウンメニューをクリックし、 時間を選択します。頻度が [即時]に設定されている場合、このオプションは表示されません。
- [週次]または[月次]を選択した場合、日付オプションはEメールのセットアップ時に選択した頻度によって異なります。
- [週ごと]を選択した場合、[ 曜日 ]ドロップダウンをクリックし、Eメールを送信する 曜日 を選択します。
- [月次]を選択した場合、[ 日付 ]ドロップダウンをクリックし、Eメールを送信する 日 を選択します。
- 正確なタイミングが重要でない場合は、[調整済みの送信時間]チェックボックスをオンにします。その場合も、Eメールはスケジュールされた送信時間から5分以内に送信されます。このオプションを選択すると、Eメールの配信がスムーズになるというメリットがあります。複数のユーザーがEメールのスケジュールを同一の時刻に設定した場合は、HubSpotのEメールの到達可能性が最適化されます。
メール設定を管理
[設定]タブでは、キャンペーン、言語、オフィス所在地、ウェブバージョン、社内用名などを設定できます。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 上部の[ 設定 ]タブをクリックします。
- [キャンペーン]ドロップダウンメニューをクリックし、Eメールに関連付けるキャンペーンを選択します。キャンペーン の操作についての詳細をご確認ください。
- このEメールにアクセスできるユーザーを制限するには、[アクセス権を管理]セクションで[権限を編集]をクリックします。アセットへのアクセスの制限についてもっと詳しく。
- このEメールの内部名を編集するには、[内部Eメール名]フィールドに新しい名前を入力します。この名前は、Eメールまたはそのウェブバージョンを受信するコンタクトには表示されません。
- Eメールの共有可能なウェブページを作成するには、[ウェブバージョン]スイッチをオンに切り替えます。Eメールのウェブバージョンの使用について詳細をご確認ください。
- 受信トレイでリッチテキストバージョンがサポートされていないコンタクトに送信されるEメールのプレーンテキストバージョンを編集するには、[プレーンテキスト]セクションで [編集]をクリックします。プレーンテキストEメールの操作について詳細をご確認ください。
- 「Marketing Hub Enterprise」アカウントをお持ちの場合、Eメールのフッターで使用されるオフィス所在地を変更するには、[オフィス所在地]ドロップダウンメニューをクリックし、オフィス所在地を選択します。オフィス所在地の管理について詳細をご確認ください。
- Eメールの言語を設定するには、[言語]ドロップダウンメニューをクリックし、言語を選択します。サポート対象の言語を選択すると、既定のモジュールがその言語に翻訳されます。
自動化の設定
[自動化]タブでは、Eメール送信後のアクションを自動化するためのシンプルなワークフローを設定できます。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 上部にある[自動化 ]タブをクリックします。
- シンプルワークフローを作成します。
Eメールをプレビューしてテストする
Eメールを送信する前に、特定のコンタクトとしてプレビューしたり、特定のEメールクライアントをプレビューしたりできます。テストEメールを送信して受信トレイでEメールをプレビューすることもできます。
Eメールをコンタクトとしてプレビューする
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 右上の[ プレビューおよびテスト]ドロップダウンメニューをクリックし、[ コンタクトとしてプレビュー]を選択します。
- 左上の[特定のコンタクト としてプレビュー]ドロップダウンメニューをクリックし、コンタクトを選択します。
- Eメールをダークモードでプレビューするには、右上の[表示オプション]ドロップダウンメニューをクリックし、[ダークモードプレビュー]スイッチをオンに切り替えます。
- プレーンテキストバージョンのEメールをプレビューするには、右上にある[表示 オプション]ドロップダウンメニューをクリックし、[プレーンテキストビュー ]スイッチをオンに切り替えます。
- プレビューへのリンクを他のHubSpotユーザーと共有するには、右上の[共有可能なリンクをコピー ]をクリックします。リンクを表示できるのはHubSpotにログインしているユーザーのみです。
別のEメールクライアントでEメールをプレビューする
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 右上の[ プレビューしてテスト]ドロップダウンメニューをクリックし、[受信トレイプレビュー]を選択します。
- 受信トレイのプレビューを特定のコンタクトとして表示するには、左上の[ 特定のコンタクトとしてプレビュー]ドロップダウンメニューをクリックし、コンタクトを選択します。
- 既定では、最も一般的なEメールクライアントが選択され、受信トレイのプレビューに含められます。Eメールクライアントの選択を解除するには、左側のサイドバーで、クライアント名の横にある[X]をクリックします。
- 追加のEメールクライアントを選択するには、各 クライアント名(Firefoxなど)をクリックして展開し、テストするクライアントの各バリエーションの横にあるチェックボックスをオンにします。
- 特定のEメールクライアントでダークモードでEメールがどのように表示されるかをテストするには、[ダークモード]セクションをクリックして展開し、各バリエーションの横にあるチェックボックスをオンにします。ダークモードでのEメールのテストに関する詳細をご覧ください。
- 右上の[今すぐEメールをテスト]をクリックします。
- テストの処理が終了したら、左left矢印アイコンと right右矢印アイコンをクリックして、異なるメールクライアントを切り替えます。
- Eメールクライアントでサポートされている場合は、プレビューの上部にある[画像のブロック]スイッチを切り替えて、Eメールが画像なしでどのように表示されるかを確認します。
テストEメールを送信
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- 右上の[ プレビューしてテスト]ドロップダウンメニューをクリックし、[テストEメールを送信]を選択します。
- 右側のパネルで、[テストの送信先]ドロップダウンメニューをクリックし、受信者を選択します。
- 特定のコンタクトとしてテストEメールを受信するには、[プレビュー動作]コンタクト ドロップダウンメニューをクリックし、コンタクトを選択します。
- EメールのプレーンテキストバージョンのテストEメールを受信するには、[詳細設定]セクションをクリックして展開し、[プレーンテキストバージョンを送信]チェックボックスをオンにします。
- [送信]をクリックします。
Eメールを最終決定する
Eメールの設定と下書きの作成が完了したら、送信または公開できます。
- HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
- 下書きを作成したEメールの名前をクリックします。
- Eメールのセットアップ方法に応じて、右上の[確認と公開]、[確認とスケジュール]、または[確認して送信]をクリックします。
- [必須フィールド]セクションで、Eメールを送信するために実行する必要があるアクションを確認できます。
- [警告]セクションでは、空欄やその他の推奨事項を確認し、受信者にとってのEメール環境を改善することができます。Eメールを送信するためにこれらのフィールドに記入する必要はありません。
- [提案]セクションでは、Eメールを改善するためのその他の提案を確認できます。Eメールを送信するためにこれらの提案を実装する必要はありません。
- 合計受信者数、送信時間、送信後に実行されるシンプルなワークフローなど、Eメールの情報を確認します。
- エラーの解決とEメールの確認が終わったら、[公開]、[スケジュール]、または[送信]をクリックします。