トランザクションメールのライブラリ

プロダクトの大切な瞬間のためのメールテンプレート

メールクライアントで安全に表示できるテーブル構造、必須スタイルのインライン化、見えるフォールバック導線、アクセシブルなコンテンツを備えた、実用的なHTMLテンプレートをプレビュー、カスタマイズ、コピーできます。

プレビューでの変更はブラウザー内にのみ保存されます。テンプレートでは明示的な{{variable}}プレースホルダーを使用しており、メールが送信されることはありません。

メールアドレス確認のテンプレート

明確なアクション、表示されたフォールバックURL、有効期限の説明、心当たりがない場合に無視してよい旨の文言を備えた、アクセシブルな確認メールです。

テンプレートをプレビュー

パスワードリセットメールのテンプレート

1回限り有効なアクション、有効期限の通知、フォールバックリンク、セキュリティ上の案内に絞ったパスワードリセットメールです。

テンプレートをプレビュー

マジックリンクによるログインメールのテンプレート

デバイス情報、有効期限、身に覚えのないリクエストだった場合の対処を説明する、簡潔なパスワードレスログインメールです。

テンプレートをプレビュー

SaaSのウェルカムメールのテンプレート

1つの主要なアクション、短いセットアップ手順、実際に連絡がつくサポート窓口を備えた、役に立つオンボーディング用ウェルカムメールです。

テンプレートをプレビュー

支払い領収書メールのテンプレート

販売者情報、明細、合計金額、支払い参照番号、サポート窓口の情報を備え、印刷にも対応した、ひと目で確認できる領収書です。

テンプレートをプレビュー

アカウントのセキュリティ通知メールのテンプレート

イベントの状況を伝え、心当たりがある場合とない場合の対処を分けて示し、認証情報を一切求めない、落ち着いた事実ベースのセキュリティ通知です。

テンプレートをプレビュー

本番運用を想定した基本設計

すべてのテンプレートに、非表示のプリヘッダー、レスポンシブなビューポート、presentationロールのテーブル、セキュリティ上のアクションが必要な箇所での読みやすいフォールバックリンク、画像に依存しないシンプルなブランド表現が含まれています。

セキュリティの責任は引き続きバックエンドにあります

トークンの生成と失効はサーバー側で行い、挿入する値はエスケープし、すべての遷移先URLを検証し、プレーンテキスト版を追加して、受信者が想定しているメッセージだけを送信してください。

送信する前に

最終的にレンダリングされたマークアップを確認しましょう。

メール送信前チェッカーを開く