ドラッグ&ドロップエディターでマーケティングEメールを作成する
更新日時 2021年 2月 25日
対象製品
すべての製品とプラン |
HubSpotのドラッグ&ドロップEメールエディターは、自社のビジネスに関するEメールマーケティング活動を拡大するための直観的なインターフェイスを提供します。マーケティングEメールキャンペーンを使用して、サブスクライバーに更新を配布し、特別なオファーを宣伝します。エディターで作成された各Eメールは、すべてのEメールクライアントとデバイスタイプでクリーンでレスポンシブなデザインを提供します。
注:ドラッグ&ドロップEメールエディターを使用していない場合、更新されたクラシック(従来型)EメールエディターでマーケティングEメールを作成して送信するには、HubSpotのガイドを参照してください。
新規Eメールを作成する
- HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
- [Eメールを作成]をクリックします。
- ドラッグ アンド ドロップ タブから、作成するEメールのタイプに基づいてテンプレートを選択します。各Eメールテンプレートには、画像やテキストフィールドなどのカスタマイズ可能な要素があり、セクションにグループ化されます。
レイアウトとコンテンツを編集する
- テンプレートにコンテンツを追加するには、左側のペインの[コンテンツ]タブで新しい要素をクリックして、Eメールエディターに直接ドラッグします。

- テンプレートのレイアウトを変更するには、マウスポインターを要素の上に重ねて、左側の青いエッジをクリックし、新しい位置にドラッグします。複製アイコンduplicate をクリックして要素を複製するか、ゴミ箱アイコンdeletetをクリックして要素を削除します。
- 左側のサイドバーで、[デザイン]タブをクリックして、テンプレートのフォント、見出し、カラー、枠線、間隔をカスタマイズします。

- Eメールコンテンツの外部にあるエリアをクリックして、左側のサイドバーで変更する要素のセクションを選択します。[セクション設定]では、次のことが可能です。
- [列の配置]の下で、列数、およびそれらをそのセクションでどのように配置するかを指定します。
- Eメールのセクションの間隔、カラー、パターンをカスタマイズします。
- 特定の要素の列設定をカスタマイズすることもできます。
- カスタマイズする要素をクリックします。
- 列を追加または削除するには、要素の左右にある追加アイコンaddまたはマイナスアイコンminusをクリックします。
- 2列の間の間隔を変更するには、ドラッグハンドルdragHandleをクリックして左または右へドラッグします。
- 要素をクリックして、Eメールエディターでコンテンツをカスタマイズします。
- 画像、ボタンおよび仕切りは左側のペインでカスタマイズできます。
- テキスト要素はリッチ テキスト ツールバーでインラインで編集できます。絵文字アイコンemojiをクリックしてテキストフィールドに絵文字を挿入できます。
注:Eメールが102KBより大きい場合は、Gmailによって受信者のEメールコンテンツの一部が省略されるというアラートが表示されます。このサイズの制限を超えると、Eメールのデザイン、サブスクライブ解除リンク、およびEメールの開封をトラッキングするために使用するピクセルに影響する場合があります。Eメールが省略される可能性がある場合、コンテンツエディターとレビューパネルにアラートが表示されます。
- フッターをクリックして、オフィス所在地情報を編集します。左側のサイドバーで、[管理]をクリックして、オフィス所在地情報を編集します。[フォント]、[リンクフォント]および[調整]オプションでテキストのスタイルを更新し、[配信解除]ドロップダウンメニューをクリックして、配信解除リンクタイプを選択します。
- Eメール受信者のコンタクトレコードから直接値を入力して、テキストにパーソナライズを追加できます。
- フォーマットバーで、パーソナライズトークンを挿入アイコンcontactsをクリックします。
- [タイプ]ドロップダウンメニューをクリックして、コンタクトレコードと関連付けられている会社レコードのどちらのトークンを使用するかを選択します。
- [プロパティー]ドロップダウンメニューをクリックして、Eメール本文に取り込むプロパティー値を選択します。
- このプロパティーの値がないコンタクトに使用できる既定値を入力して、[保存]をクリックします。次に、[挿入]をクリックして、テキストにトークンを追加します。

- Eメールを編集中に間違えた場合、最後に加えた変更を元に戻すことができます。または、変更を復元したい場合は、Eメールを最新の状態に戻すこともできます。
- 最後に加えた変更を元に戻すには、エディターの左上にある元に戻すアイコンをクリックします。変更を再実行するには、やり直しアイコンをクリックします。
- エディターでは、標準的なキーボードショートカットもサポートされています。Windowsの場合、Ctrl+Zで元に戻す、およびShift+Ctrl+Zでやり直すことができます。Macの場合、Command+Zで元に戻す、Shift+Command+Zでやり直すことができます。
Eメール設定を編集する
画面上部の[設定]タブをクリックします。ここでは、次のようなカスタマイズが可能です。
- 送信者名:受信者が Eメールを受信したときに表示される名前。
- ドロップダウンメニューをクリックして、アカウント内の HubSpot ユーザーを選択し、各受信者の{{ owner.first.name }}コンタクト担当者として割り当てられたユーザーの姓名を自動的に取得するトークンを選択するか、新しい名前を入力します。
- contactsパーソナライズをクリックしてパーソナライズ を使用して、コンタクトレコードのプロパティーとして保存された名前を取得します。
- ドロップダウンメニューをクリックして、アカウント内の HubSpot ユーザーを選択し、各受信者の{{ owner.first.name }}コンタクト担当者として割り当てられたユーザーの姓名を自動的に取得するトークンを選択するか、新しい名前を入力します。
- 送信者アドレス:Eメールアドレスの送信元Eメールアドレス。
- ドロップダウンメニューをクリックして、アカウント内のHubSpotユーザーのEメールアドレスを選択します。受信者のHubSpot 所有者のEメールアドレスを自動的に取り入れる{{ owner.email }}トークンを選択するか、新しいEメールアドレスを入力します。
- 送信元アドレスにEメール返信が送られるようにするには、[これを返信用アドレスとして使用]チェックボックスを選択してオンにします。
- 別のアドレスにEメール返信が送られるようにするには、[これを返信用アドレスとして使用]チェックボックスの選択を解除してオフにし、[返信先アドレス]フィールドに別のEメールを入力します。
- contactsパーソナライズをクリックしてパーソナライズを使用して、コンタクトレコードのプロパティーとして保存されたEメールアドレスを引き出します。
- ドロップダウンメニューをクリックして、アカウント内のHubSpotユーザーのEメールアドレスを選択します。受信者のHubSpot 所有者のEメールアドレスを自動的に取り入れる{{ owner.email }}トークンを選択するか、新しいEメールアドレスを入力します。
- 件名:受信トレイに表示されるEメールの件名。
- テキストのプレビュー: 受信トレイ内のEメールの件名の横に通常表示されるプレビューテキストを追加します。
- 内部Eメール名:Eメールダッシュボードに表示されるEメールの内部名。この名前はEメール受信者には表示されません。
- サブスクリプションタイプ:Eメールのサブスクリプションタイプを選択します。サブスクリプションタイプの作成と使用について詳細をご確認ください。
- キャンペーン:Eメールに関連付けるキャンペーンを選択します。
- 言語:Eメール フッター テキストとウェブ バージョン リンク テキストをEメールの下部に表示する言語を選択します。
[>詳細設定]をクリックしてセクションを展開します。ここでは、次のようなカスタマイズが可能です。
- ウェブバージョン:(Marketing Hub Basic、Professional、Enterpriseのみ)Eメールのウェブバージョンを有効にする場合に、クリックしてWebバージョンのスイッチをオンに切り替えます。
- ページタイトル:ブラウザー タイトル バーと検索結果に表示されるウェブバージョンのテキスト。
- ページURL:ウェブバージョンのURL。[ドメイン]ドロップダウンメニューをクリックして、接続済みドメインを選択します。テキストフィールドにページスラッグを入力します。ドメインのホームページに公開するには「/」のみを使用してください。
- メタディスクリプション:ウェブバージョンのメタディスクリプション。
- (任意)特定の日付の有効期限:EメールのウェブバージョンをHubSpotページまたは外部URLにリダイレクトする場合は、HubSpotページまたは外部URLにEメールをリダイレクトするには、[特定の日付チェックボックスの有効期限]を選択します。
- プレーンテキストをカスタマイズ:HubSpotは、受信者がリッチ テキスト バージョンを受信できないイベントで送信するEメールのプレーン テキスト バージョンを自動的に作成します。プレーンテキストバージョンのコンテンツを編集するには[プレーンテキストをカスタマイズ]をクリックします。
(任意)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が残りの受信者に送信されます。
- [テストを作成]をクリックします。
注:サンプルサイズを使用して、フルスプリット(50/50)A/Bテストを実行できます。他のすべてのサンプル分割には、以前にハードバウンスしたコンタクトやサブスクライブ解除済み のコンタクトを除く、少なくとも1,000人の受信者が含まれるリストが必要です。
A/BテストEメールの両方のバージョンを作成したら、いつでも2つを切り替えるか、またはテストオプションを更新することができます。
- コンテンツエディターの左上にあるEメールのバージョンの名前をクリックします。
- Eメールの他のバージョンを編集するには、編集するバージョンの名前を選択します。
- A/Bテストオプションを変更する必要がある場合は、[テストを管理]をクリックします。
Eメールをプレビューまたはテストする
Eメールを送信またはスケジュールする前に、さまざまなデバイスタイプで受信者に対してEメールがどのように表示されるかをプレビューできます。アカウントで自分自身または別のユーザーにテストEメールを送信することもできます。- 右上の[アクション]ドロップダウンメニューをクリックし、[プレビュー]を選択します。
- [デバイス]タブには、デスクトップまたはモバイルデバイスでEメールがどのように表示されるかが示されます。デフォルトでは、Eメールはパーソナライゼーションのデフォルト値を表示します。[特定のコンタクトとしてプレビュー]ドロップダウンメニューをクリックして、特定のコンタクトとしてあなたのEメールをプレビューします。
- [クライアント]タブをクリックし、テストするEメールクライアントのチェックボックスを選択し、[今すぐEメールをテスト]をクリックします。クライアントリストの下部には、このEメールの以前のクライアントテストの結果が表示されます。
注:Marketing Hub Starterユーザーには、Eメール クライアント プレビューへのアクセス権がありません。

- テストEメールを送信するには、次のようにします。
- 右上にある[アクション]ドロップダウンメニューをクリックして、[テストEメールを送信]を選択します。
- 右側のペインで、[1人以上の受信者を選択]ドロップダウンメニューをクリックして、テストEメールの受信者を選択します。
- (任意)[特定のコンタクトとしてEメールを受信する]のドロップダウンメニューをクリックして、Eメールを特定のコンタクトに表示される形式でプレビューします。これは、パーソナライズのテストに役立ちます。
- [テストEメールを送信]をクリックします。
- Eメールをワークフローで使用する自動送信Eメールに変換するには、[アクション]ドロップダウンメニューをクリックし、[自動送信Eメールに変換]を選択します。
Eメールを送信する、または送信スケジュールを設定する
- 右上にある[次へ]をクリックします。
- [送信先]ドロップダウンメニューをクリックし、受信者リストに追加するリストや個別コンタクトを選択します。
- [送信しない]ドロップダウンメニューをクリックして、受信者リストから除外するリストや個別コンタクトを選択します。
- [エンゲージメントしていないコンタクトに送信しない]のチェックボックスをオンにして、エンゲージメントが低いコンタクトを除外します。この機能は、すでにHubSpotからいくつかのEメールキャンペーンを送信し、エンゲージメントしていないコンタクトの識別に必要なデータを集めた後で使用することをお勧めします。
- 右のサイドバーで送信オプションを選択し、Eメールを受信するコンタクトの数を確認します。
- [今すぐ送信]を選択して、Eメールをすぐに送信するか、[後で特定の日時に送信する]を選択して、将来の特定の日時に送信を設定します。
-
[受信者合計]の下で、そのEメールを受信するコンタクトの数を確認できます。これは、選択したリストおよび個別のコンタクトに基づきます。リストを選択して含めた場合、[合計受信者数]の数値には、マーケティングEメールをサブスクライブ解除したコンタクトや一度もサブスクライブしたことのないコンタクトはカウントされません。
- ワークフローでEメールを使用するには、[アクション]ドロップダウンメニューをクリックし、[自動配信Eメールに変換する]を選択します。
- 右上の[レビューおよび送信]をクリックしてEメールの警告を確認します。Eメールが102KBより大きい場合は、Gmailによって受信者のEメールコンテンツの一部が省略されるというアラートが表示されます。
- Eメールを送信した後、または送信スケジュールを設定した後に、Eメールを最初に作成した時点で含めるのを忘れた受信者に対して、Eメールを送信することができます。
- HubSpotアカウントにて、[マーケティング] > [Eメール]の順に進みます。
- 送信またはスケジュールされたEメールを追加の受信者に送信する場合、そのEメールの名前をクリックします。
- 右上の[アクション]ドロップダウンメニューをクリックしてから、[さらに送信]を選択します。
- [送信先]ドロップダウンメニューをクリックし、受信者リストに追加するリストや個別コンタクトを選択します。
- [送信しない]ドロップダウンメニューをクリックして、受信者リストから除外するリストや個別コンタクトを選択します。
- [エンゲージメントしていないコンタクトに送信しない]のチェックボックスをオンにして、エンゲージメントが低いコンタクトを除外します。
- [送信]をクリックします。
関連記事
- Eメールキャンペーンが送信されたら、順調に動作している機能と、改善できる機能を把握するためにEメールの結果を分析する方法を学びましょう。
- 受信トレイでEメールを受信しなかったコンタクトからフィードバックを受け取った場合は、今後Eメールの到達可能性を向上させるためにコンタクトが適用できる手順を確認します。
- マーケティングEメールのコンテンツや戦略を改善する方法については、HubSpotアカデミーからのEメール マーケティング レッスンを参照してください。