メールバナー作成ツール
メール署名の下に貼り付ける HTML バナーを作成。ウェビナー、採用、新機能、ニュースレター告知に最適。HTML をコピーして貼るだけです。
バナーを作成
色をカスタマイズ
例から始める
クリックで自動入力。あとから自由に編集できます。
ライブプレビュー
バナーをメールで使う方法
バナーをコピーしたら、メール署名を貼り付けるのと同じ欄に貼り付けます(Gmail: 設定 → 署名、Outlook: メールの作成と返信 → 署名 など)。バナーは完結した HTML テーブルなので、署名と並んで主要なメールクライアントで正しく表示されます。
よくある質問
メールバナーとは何ですか?どこに配置しますか?+
メールバナーとは、メール署名の下に配置する小さな HTML ブロックで、通常はタイトル、短い説明文、CTA ボタンで構成されます。送信するすべてのメールにメッセージを載せられる、押し付けがましくないプロモーション手段です。ウェビナー告知、採用、新機能、セール、ニュースレター誘導などによく使われます。
Gmail、Outlook、Apple Mail で正しく表示されますか?+
はい。当ツールのバナーは table ベース HTML と inline スタイルで作られており、メールクライアント業界の標準パターンです。Gmail(デスクトップ・Web)、Outlook(新版・従来版・Web・Microsoft 365)、Apple Mail(Mac・iPhone)で動作確認済み。Outlook デスクトップ版が最も厳しいレンダラーですが、当バナーは flexbox や grid など非対応の CSS を避けています。
文字ではなく画像を入れられますか?+
本ツールは文字 + ボタン形式のバナーに特化しています。瞬時に読み込まれ、画像ブロックの影響を受けず、画像ホスティングも不要だからです。画像バナーが必要な場合は、Canva や Figma で画像を作成し、公開 URL にアップロードした上で、HTML のタイトルブロックを `<img>` タグに置き換えてください。
署名とバナーを同時に設定するには?+
両方を同じ署名欄に貼り付け、バナーは署名の下に配置します。Gmail:設定 → すべての設定を表示 → 署名 → 署名を貼り付け → その下にバナーを貼り付け → 保存。Outlook:設定 → メール → 作成と返信 → 署名 → 署名を貼り付け → その下にバナーを貼り付け → 保存。クライアントは上から下に読むので、順番が重要です。
すべてのメールにバナーを付けるべき?+
おすすめしません。バナーが効くのは送信メール(ニュースレター、営業アプローチ、カスタマーサクセスなど)です。1 対 1 の返信、特に正式・繊細なやり取りでは外しましょう。多くのクライアントは複数署名に対応するので、バナー付き(送信用)と無し(返信用)を使い分けるのが理想です。
バナーはどの頻度で更新すべき?+
月次またはキャンペーンごとに更新します。バナーは賞味期限が短く、3 月の採用バナーは 7 月には違和感があります。マーケティングカレンダーと連動させて、ウェビナー予定があれば 2 週間前にウェビナーバナーへ、新商品リリースなら当日にリリースバナーへ切り替え、4〜6 週間で次に切り替えます。