Codepenは、HTMLをはじめとするさまざまなWeb言語を編集できる優れた無料ツールです。無料アカウントを作成し、メールテンプレートのリンクをクリックすると、次のようなページが表示されます：

まず、ウィンドウの右上にある「Fork」ボタンをクリックして、編集可能なテンプレートのコピーを作成してください。

メールの内容を変更するには、HTMLソースコードを編集する必要があります。ただし、Gmail、Outlook、Apple Mailなどのメールクライアントはそれぞれメールの扱いが多少異なるため、メールの構造を変更しないようにしてください。構造を変更すると正常に機能しなくなる可能性があります。変更すべき内容は主にテキスト部分です。具体的には、地域名やメールアドレス、その他の関連情報を挿入するだけでもよいですし、すべてを翻訳しても構いません。

HTML内のテキストのカスタマイズは、その場所さえ分かれば、とても簡単です。Codepenでは、メールに表示されるすべてのテキストは 白たとえば、表示されているテンプレートを使用している場合は、こちらの白い行を、ご自身の地域名に合わせて変更する必要があります：

メール内のテキストをすべてカスタマイズしたら、ハイパーリンクが設定されているコンテンツも必ず変更してください。メールのプレビューを確認すると、ボタンやメールアドレスなどのリンク箇所を見つけやすくなります。ソースコード上では、これらは次のように表示されます：

<a href="URL">some text</a>

たとえば、以下にハイライト表示されているリンクは、イベントの参加登録ページへのURLに変更する必要があります：

また、この連絡先情報と出欠確認のウェブページを、私のメールアドレスに合わせて変更する必要があります。なお、ハイライトされた行にある2つのURLを変更する必要がある点にご注意ください：

設定が完了したら、HTMLをエクスポートする準備が整います。エクスポートするには、ウィンドウの右下にあるエクスポートボタンをクリックし、「.zipでエクスポート」を選択してください：

これで完了です！これでメールのテストと送信の準備が整いました。