問い合わせを受け付けるためのメールフォームの作成

 

 

 

 

メールフォームの作成手順は、
(1). Contact Form 7プラグインのインストールと有効化
(2). 新しくメールフォームを作成、
(3). スパム対策
(4). メールフォームのコードを固定ページなどに貼り付けて公開、
という流れになる。

 

 

 

 

 

管理画面の「お問い合わせ」メニューの中の「新規追加」をクリックして、新しくメールフォームを作成する。

 

「コンタクトフォームを追加」画面が表示される。
この画面は、タブによって、記事や固定ページに表示されるメールフォームを定義する「フォーム」タブや、フォームに入力された内容をどのようにメールで送信するのかを設定する「メール」タブ等に分かれている。

 

ディフォルトでは「フォーム」タブが開いているので、まずは、作成するメールフォームのタイトルを入力する。続いて、記事や固定ページで表示されるフォームの内容を定義していく。デフォルトでは上記のように「お名前」「メールアドレス」「題名」「メッセージ本文」の4つの入力欄と「送信」ボタンが表示されるようになっている。

追加や変更が可能であるが、今回はデフォルトのままとした。

 

続いて「メール」タブをクリックし、「フォーム」で入力された内容を送信するメールアドレスや送信方法についての設定を行う。

 

「送信先」に問い合わせを受け付けるメールアドレスを入力する。

 

「送信元」の中にある[your-name]や「題名」の中にある[your-subject]、・・・[your-message]には「フォーム」で入力された該当する項目の値が入る。これらの内容については、デフォルトのままとした。

 

設定が終わったら画面左下の「保存」をクリックする。と、 ”コンタクトフォームが作成されました。” に、なる。

 

コンタクトフォーム作成時に表示されている上記のコードを、記事や固定ページに記述することで、このメールフォームが利用できるようになる。

このコードは次の画面のように、作成済みのコンタクトフォーム一覧画面でも確認できる。

 

 

 

『お問い合わせ受付』という記事を新しく作成し、その中で作成したメールフォームを使用するテストをしてみることにした。文面を作成すると同時に、先ほどコピーしておいたコンタクトフォームのコードを貼り付けた。

 

記事を投稿した後、この記事を見ると次のようにメールフォームが表示された。

 

このメールフォームの各項目に実際に入力し、「送信」ボタンをクリックしてみる。

 

メッセージは送信されました。と、なる。

 

このように Contact Form 7 というプラグインを使用すれば、簡単にメールフォームが作成できる。

ところが、実際には ”メールが届かない” という問題が発生することになる・・・が、「WP Mail SMTP」というプラグインを使用することで解決できた。

詳細については「Contact Form 7 のメールを GmailのSMTP サーバを使って送信」を参照。