HTMLで装飾したメールのサンプル例

EventHubのメールはHTML対応しているため、文字に色をつけたり、フォントのサイズを大きくしたり、画像やボタンを表示したりすることができます。工夫次第でデザイン性の高いメールを作成できるので、視覚的に目に留まりやすく、読み手にとって読みやすいメールを送付することができます。

本ページではイベント開催前に送るリマインドメールや、開催後に送るサンクスメール等、様々なタイミングでEventHubからメール配信をしている方に向けて、HTMLで装飾したメールのサンプルをご紹介します。ぜひご活用ください🙌

<tips> メールを作成する前に
・ 以下のテンプレートの本文の中に、％％で囲まれた変数が記載されています。変数に関しては、
     変数（例：%%EVENT_NAME%%）についてをご確認ください。

・ 本ページにサンプル例を記載していますが、メールを作成する際には適宜修正してお使いいただきますようお願いいたします。メール送付前には必ずテスト送信をしてレイアウトをご確認ください。

・ メールは事前に送信予約をすることができます。
     予約方法は送信予約・送信済みのメールを確認するをご覧ください。

</tips>

メール装飾 "あり" "なし"を比べてみた

左側がテキストでメールを作成し、右側がHTMLで装飾したメールです。テキストに加え、文面の中に画像やボタンを入れたり、文字に色を付けたり、フォントのサイズを大きくすることで、ぱっと見た瞬間の視認性や文章の読みやすさといった可読性の向上が期待できます🙌

<tips> 以下で掲載している装飾サンプルは、メールのテンプレート集 とメールをHTMLで装飾するで記載している内容を活用し、作成しています。ぜひ応用してご活用ください💪 </tips>

おすすめのセッションを告知するメールに装飾してみた

イベント参加の意欲や当日参加を促すメールに、おすすめのセッションを告知しています。

タイトル例：

- 【1/22開催：おすすめセッションのご案内】 %%EVENT_NAME%%
- 【注目のセッション】 %%EVENT_NAME%%
- 【開催まで4日！】 **セッションタイトルを記入**

装飾例：

%%RECEIVER_NAME%%様

お待たせいたしました！
%%EVENT_NAME%% のオンラインコンテンツの配信を本日より開始いたしました。

━━━━━━━━━━━━━━━━━━━━━━━━━━
<span style="font-weight: bold">＼ 全5コンテンツ一挙公開🙌！！是非ご覧ください！！／</span>
━━━━━━━━━━━━━━━━━━━━━━━━━━
①プレリュード〜パートナー様への愛を語る〜
②認定パートナー様のお声を聞いてみるの会
③熱狂と勢いを生みだす！なぜスタートアップ企業がカンファレンスを開催するのか
④これ知ってる？イベハブ 開発トレンド
⑤出会いと学びを生み出す、交流のあるカンファレンスの作り方　

━━━━━━━━━━━━━━━━━━━
<span style="font-weight: bold">＼ 📣【必見】注目セッションのご紹介／</span>
━━━━━━━━━━━━━━━━━━━
<h2>No.1：プレリュード〜パートナー様への愛を語る〜</h2>
<img src="画像URL" alt="代替えの名称" title="タイトル" width="600" height="700">
▷株式会社EventHub 代表取締役　XXXXX
▷株式会社EventHub パートナーセールス　XXXXX
▷株式会社EventHub イベントプロデューサー　XXXXXX


その他にも注目のセッションが多数ございます！ 
イベントページへアクセスするにはパスワードの設定が必要となりますので、
設定がまだの方は、以下のリンクから設定をしてイベントページにログインしてください。
既に設定がお済みの方も、こちらからアクセスができます。

%%TARGET_BUTTON%%

ご不明点などございましたら、本メールにご返信いただくか、 下記の事務局メールアドレス宛にお問い合わせください。 
当日のご参加を心よりお待ちしております。
----------------------------------------------------
PartnerHub事務局
[e-mail]
受付時間：10:00-18:00(土日・祝祭日を除く)
----------------------------------------------------

交流活性化を促進するメールに装飾してみた

タイトル例：

- 【イベント当日までにプロフィールを設定しましょう！】 %%EVENT_NAME%%
- 【明日開催！交流機能の使い方】 %%EVENT_NAME%%
- 【本日より交流開始！】 %%EVENT_NAME%%

装飾例：

%%RECEIVER_NAME%%様

この度は、%%EVENT_NAME%%へご登録ありがとうございます！
いよいよ当日まであと3日となりました！

今回のイベントをビジネスの創出として最大限ご活用いただくために、
事前にプロフィールの設定をお願いしております。
プロフィールが充実していると、声がかかりやすくなります！

━━━━━━━━━━━━━━━━━━
<span style="font-weight: bold">＼ 📝プロフィールを設定しましょう ／
━━━━━━━━━━━━━━━━━━
1.EventHubにログインします（ログインリンクは<a href="%%LOGIN_LINK%%">こちら</a>）

2. 画面右上にあるお名前をクリック＞[プロフィール]をクリックします。

3. [編集]からプロフィール画像、内容を設定し[保存]をクリックします。</span>

★ ご自身のお写真を画像に設定しましょう！💁‍♀️
お写真を設定することで、%%RECEIVER_NAME%%様の雰囲気がより皆様に伝わりやすくなります。
面談リクエストの送信の時にも、お写真が設定してあると安心してリクエストすることができるので、ぜひ設定してみてください。
<center><img src="/hc/article_attachments/29541806755993" width="600" height="400"　alt="プロフィール画像設定" title="タイトル"> </center>

━━━━━━━━━━━━━
<span style="font-weight: bold">▼ スケジュールの設定方法</span>
━━━━━━━━━━━━━
面談ができない時間帯を、あらかじめご自身のスケジュールに合わせて設定しておきましょう。
ブロックした時間帯はリクエストが来なくなります。
<center><img src="/hc/article_attachments/29541822069401" width="600" height="400"　alt="プロフィール画像設定" title="タイトル"> </center>
1. イベントページにログイン後、画面右上にあるお名前をクリックします
2. [面談スケジュール]をクリックします
3. ご都合の悪い[面談可能な時間帯]のチェックを外します

詳細の設定方法は、<a href="https://client-eventhub.zendesk.com/hc/ja/articles/19287717474585-%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B9%E3%82%B1%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B">スケジュールを設定する</a>をご確認ください💁‍♀️

<center><a href="%%LOGIN_LINK%%" style="display:inline-block; padding: 10px 20px; background-color: #0096DB; color: white; text-decoration: none; font-size: 16px; border-radius: 5px;">ログインする</a></center>


ご不明点などございましたら、本メールにご返信いただくか、 下記の事務局メールアドレス宛にお問い合わせください。 
----------------------------------------------------
xxxxxx事務局 (株式会社xxxxx)
[e-mail]
受付時間：10:00-18:00(土日・祝祭日を除く)
----------------------------------------------------

イベント後に送付するサンクスメールを装飾してみた

イベント後に送付するサンクスメールに、イベント参加のお礼とアンケート回答依頼、次回セミナーのご案内をボタンと画像を入れて作成しています。

　

タイトル例：

- 【ご参加ありがとうございました】 %%EVENT_NAME%%
- 【アンケートご協力のお願い】 %%EVENT_NAME%%
- 【ご参加の御礼とアンケートのご案内】 %%EVENT_NAME%%

装飾例：

%%RECEIVER_NAME%%様

お世話になっております。本日は「%%EVENT_NAME%%」にご参加いただき、誠にありがとうございました！

本日のお話はいかがでしたでしょうか？


<h4><span style="color: red">＼アンケート回答者限定：本日の登壇資料を配布中／</span></h4>
<span style="font-weight: bold">■アンケート回答📝（所要時間：1分）</span>
今後の企画や運営の取り組みの参考とさせていただきたく
アンケートにご協力いただけますと幸いです。

<center><a href="アンケートのURL" style="display:inline-block; padding: 10px 20px; background-color: #2464E6; color: white; text-decoration: none; font-size: 16px; border-radius: 5px;">アンケートに回答する</a></center>

===================================

<h4>■次回セミナーのご案内💁‍♀️ </h4>
<span style="font-weight: bold">【EventHub for Webinarリリース記念】
初心者でも安心！ラクにウェビナー開催・営業連携ができる！バージョンアップしたSalesforceとの連携についてもご紹介</span>


<img src="次回セミナーのバナーURL" alt="代替えの名称" title="タイトル"width="600" height="700">


<center><a href="次回セミナーの登録フォーム" style="display:inline-block; padding: 10px 20px; background-color: #2464E6; color: white; text-decoration: none; font-size: 16px; border-radius: 5px;">申込みはこちら</a></center>

本ウェビナーではウェビナー開催の際に使いやすくなったウェビナー特化の新サービス「EventHub for Webinar」のご紹介すると共に、バージョンアップし続けているSalesforce/Marketo/Hubspot との連携についてもご紹介します！
ぜひ上記ボタンからお気軽にお申し込みください🙌

ご不明点がありましたら、本メールにご返信ください。
皆さまのご参加を心よりお待ちしております。

メール配信で多くの人に読んでもらえるようにするためには、デザインの改善も重要な要素の一つです。適度な装飾とともに、読みやすさや視覚的な魅力を考慮したデザインを施し、タイトルや本文も工夫することで、より多くの人にメールを読んでもらえるようになるはずです！