Contact Form 7はWordPressで有名なお問い合わせフォームプラグインです。ほぼすべての英語の企業サイトにはContact Meページがあり、そのお問い合わせページではContact Form 7のようなプラグインを使用してユーザーからのリクエストメールを受信します。
Contact Form 7は複数の問い合わせフォームを管理でき、フォームをカスタマイズしてメール内容を柔軟に調整できます。また、ajax、CAPTCHA認証、Akismetスパムフィルターなどをサポートしています。
次に、Naiba サイト構築ノートでは、Contact Form 7 の使用方法について詳しく説明します。特に重要なメール設定部分について解説します。せっかくサイトを運営していても、顧客からの問い合わせメールを受信できないという事態を避けるためです。
余談はさておき、Contact Form 7のチュートリアルを始めます。
Contact Form 7をインストール
Contact Form 7のインストール方法は非常に簡単です。WordPress管理画面のプラグインから「Contact Form 7」を検索してインストールできます。下図を参照してください：
インストール完了後、有効化します。
Contact Form 7を設定
有効化後、Contact Form 7の設定に入ります。プラグイン一覧から「設定」ボタンをクリックするか、左メニューの「コンタクト」をクリックして入ることができます。
デフォルトで「Contact form 1」というコンタクトフォームが自動的に作成されます。「編集」ボタンをクリックします。
デフォルトのフォームには、以下の項目が追加されていることが確認できます：
- 名前 Your Name
- メール Your Email
- 件名 Subject
- メッセージ Your Message
requiredと表示されているものは必須項目です。英語の説明は自分で変更できますが、角括弧内の内容は変更しないでください。
新しい機能を自分で追加したい場合は、上のボタンをクリックして挿入します。
例えば、CAPTCHAを追加します。
クイズボタンをクリックし、ポップアップウィンドウに質問と回答を入力し、送信ボタンの前の行に挿入します。
CAPTCHAでスパムメールを防げない場合は、AkismetやreCAPTCHAの人間認証システムを導入することもできます。プラグインの設定ページにヒントがあります。
ただし、ボットをブロックするには、確認質問（CAPTCHA）を直接使用することをお勧めします。質問に正しく答えなければデータベースに送信されないため、サイトのパフォーマンスに影響を与えません。
Contact Form 7フォームを呼び出す
フォームを設定したら、サイトのフロントエンドにこのお問い合わせフォームを表示するにはどうすればよいでしょうか？
フォームのショートコードをコピーし、記事やページの表示したい場所に貼り付けるだけです。
ショートコードをウィジェットに追加することもできます。最終的な効果は下図の通りです：
上記で追加したクイズ認証は、正しく答えられないと送信されず、大部分のボットをブロックできます。
ページビルダープラグインを使用している場合、通常ビルダープラグインには専用のContact Form 7フォームインターフェースがあり、より美しいスタイルが用意されていますので、そちらを利用することもできます。
Contact Form 7の表示スタイルを自分で変更するには、ある程度のCSSの基礎知識が必要です。
Contact Form 7メールシステムを設定
もし使用しているのがSiteGroundこの管理型のバーチャルホストであれば、設定なしでメールを送信できます。
サーバーが直接メール送信をサポートしていない場合、または内蔵のメールシステムが機能しない場合は、サードパーティのツールを利用してSMTP送信を実現する必要があります。
SMTPの設定方法はいくつかあります。Naibaサイト構築ノートで以前記事を書いていますので、該当の記事を参考に操作してください。
- 私が使用したWordPress SMTPメールプラグインのおすすめ
- Tencentビジネスメール登録とSMTP送信設定チュートリアル
- 優れた海外SMTPメールサービスプロバイダープラットフォーム6選のご紹介
メールのローカル・デュアルバックアップによるフォーム保存
メール送信に加えて、Contact Form 7のメール情報をローカルに保存するプラグインをインストールすることを強くお勧めします。メール送信の失敗やスパムフォルダへの振り分けを防ぐためです。
公式が推奨するのはFlamingoインストールすると、サイトの管理画面からContact Form 7で送信されたすべてのフォーム情報を確認できます。
Contact Form 7について他に質問があれば、Naibaに無料でお問い合わせください。