Contact Form7のメール設定を徹底解説｜自動返信メールもバッチリ

デフォルトで[_site_title] <wordpress@あなたのドメイン>
となっているので、基本は変更しなくてOKです。
その場合”サイトのタイトルが送信者“となります。
変更する場合は「〇〇<wordpress@あなたのドメイン>」となるようにしてください。

メールのタイトルになります。
デフォルトを削除し、以下のようにすると問い合わせがあったことがわかりやすいかと思います。
[_site_title]に問い合わせがありました

Reply-To:[your-email]にしておきましょう。
フォームに”メールアドレス項目“がある場合、届いたメールに返信すると入力されたメールアドレス宛てに返信できるようになります。

ちなみに、Reply-To:[your-email]←はフォームで指定したメールタグになりますので、必ずフォーム側と揃えてください。
※.コピペで使う際は注意しましょう。

追加ヘッダーを空白にした状態で、届いたメールに返信すると“送信元”で設定した<wordpress@あなたのドメイン>が返信先になります。

問い合わせ内容を自分のメールアドレスに送るためのテンプレートです。
※.”ファイルタグ“のみ、メッセージ本文ではなく、ファイル添付欄にタグを貼ってください。
自分がわかりやすいようにお好みで変更しましょう。

差出人
[your-kana]
[your-name] 

メールアドレス：[your-email]

URL：[your-url]

電話番号：[your-tel]

数値サンプル：[number]

日付：[date-sample]

ドロップダウンメニュー：[dpmenu]

チェック縦（1つ）：[checkbox-1]

チェック縦（複数）：[checkbox-2]

チェック横（1つ）：[checkbox-3]

チェック横（複数）：[checkbox-4]

ラジオ横並び：[radio-1]

ラジオ縦並び：[radio-2]

郵便番号：[your-postalcode]

住所：[your-address]

問い合わせ内容
[your-message]

例えば上記のようにメッセージ本文を入力すると、実際に届くメールは以下のようになります。
※.”ファイルタグ“のみ、メッセージ本文ではなく、ファイル添付欄にタグを貼ってください。

基本はチェックします。
入力されなかった任意項目をメールから除外する設定です。

例えば、メールアドレスの入力だけ（任意設定）にすると、アドレスを入力しなくても送信できます。
しかしメッセージ本文は、入力された場合も想定して上記のように作成します。

“空のメールタグを含む行を出力から除外する”にチェックすると、入力されなかった任意項目はメールから除外されます。

自分用のメールなので、基本チェック不要です。
チェックをすると、メール内でHTMLを使用できるようになります。
記事後半の自動返信メール設定でくわしく解説しました。

フォームに”ファイルタグ“を使用している方は、ここに貼り付けます。
ファイルタグのみ、メッセージ本文に追加してもエラーとなりますので、ご注意ください。

実際に届く際は、メールの一番下に表示されます。

デフォルトのReply-To: [_site_admin_email]は、WordPress一般設定の管理者メールアドレスに返信されます。
ややこしいですが、相手が自動返信メールに返信するとそのアドレス宛てに返信されるという意味です。

WordPressの管理アドレスとは別の返信先にしたい場合は、Reply-To:〇〇@〇〇.com など別のアドレスを設定してください。
自動返信メールに返信してほしくない方は、空白にしておきましょう。

例えば上記のように設定し、以下のようにフォームに入力されたとします。

実際に届く自動返信メールは上記のようになります。
サイトタイトルタグは自分のサイト名へ
「名前・問い合わせ内容」のタグもフォームの入力内容に置き換わっています。

チェックをするとメール内でHTMLを使用できるようになります。
ただし上級者向けの設定です。

例えば、メッセージ本文内に上記のようなコードを書くと、メール本文内にボタンを表示できます。
ただWordPressと違い”styleタグ“は使えず、“style属性”を使用する必要があります。

<a class="test" href="ここにリンク先を入力"
→ボタンサンプル
</a>

<style>
.test{
 display:inline-block;
 color: #fff;
 background-color: #09b555;
 border-radius: 2px;
 margin: 0 1em;
 padding: 1em 4em;
 font-size: 1.2em;
 font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, Osaka, sans-serif;
 text-decoration: none;
}
</style>

styleタグとは、testという要素に対して、タグで囲んだCSSを指定します。
WordPressの基本はこの形となり、見た目もわかりやすく、編集もしやすいのが特徴です。

<a href="ここにリンク先を入力"
style="
 display:inline-block;
 color: #fff;
 background-color: #09b555;
 border-radius: 2px;
 margin: 0 1em;
 padding: 1em 4em;
 font-size: 1.2em;
 font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, Osaka, sans-serif;
 text-decoration: none;">→ボタンサンプル</a>

style属性とは、HTMLに直接書き込む方法です。
簡単なものなら良いですが、企業のメルマガなど本格的なものを作ろうとするとHTMLへの理解が必要です。

もちろん、イチから手書きをしていたら日が暮れてしまうので、現在はHTMLメール用のテンプレートをアレンジするのが基本です。
参考：HTMLメールのテンプレート20選

HTMLで作成されたメールサンプルです。
画像やボタンを自由に組み込めるので、表現の幅は広がります。