Contact Form7|お問合せフォームの設定

この記事には広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

お問合せフォームを作るプラグイン『Contact Form 7』の設定方法です。

設定の流れ

ここでは、インストールから有効化し、インストール時に自動で作られたフォームのショートコードを固定ページのお問合せページに貼り付けるまでを説明します。

プラグインのインストール

プラグイン⇒新規追加で【Contact Form 7】を検索して、インストール⇒有効化!

お問合せフォームをカスタマイズ

有効化すると『コンタクトフォーム』が1つ設定されています。

ショートコードをコピー
固定ページに貼り付け

『コンタクト』でブロックを呼び出し

固定ページとかに貼り付けたら、フォームページの完成!

Contact Form 7のカスタマイズ

インストール時に自動でできる「コンタクトフォーム1」は、自由にカスタマイズできます。

編集は、投稿と同じでフォーム名の上にカーソルを持っていくと、タイトル下に【編集】がでてきますので、ここから編集です。

カスタマイズの仕方は、検索すれば色々でてきます。この↓も分かりやすいです。参考にして下さい。

フォームのタイトルを変更したら、ショートコードも変わるので貼り直してください。

画像認証|Really Simple CAPTCHAもいれておく。

コンタクトフォームに画像認証を追加できるプラグインです。『Contact Form 7』作者が作ってるプラグインなので相性も良いです。

\送信ボタンの前にある↓よく見るやつ/

『Contact Form 7』のデフォルト状態のままだとセキュリティ的に弱く、スパムが入りやすいので、このプラグインを使って画像認証をいれましょう。

このプラグインは、有効化するだけではダメで、フォーム内に項目として追加する必要があります。

フォーム内に項目を追加する必要がある。

タグの書き方は、『Really Simple CAPTCHA』で検索してみて、他の方のブログを参考にしてください。

スパム対策|reCAPTCHAも設定しておく。

お問合せフォームに『reCAPTCHA』を設定しておくことで、スパム(迷惑メール)がだいぶ抑えられます。>完全では無いです。

↑コレです↑
インテグレーションのセットアップ

お問合せ→インテグレーションを開くと、『reCAPTCHA』があります。

インテグレーションのセットアップをクリック。

Google reCAPTCHAにサイトを登録

↓Google reCAPTCHAの設定ページにアクセス↓

登録ページを開き

  • ラベル→日本語でOK
  • スコアベースを選択
  • ドメイン→https://は無しで、ドメイン名だけを入力
  • 送信をクリック

サイトキーとシークレットキーが発行されます。

ワードプレス側にキーを設定

サイトキーをコピーして、↓設定画面↓に貼り付け。シークレットキーをコピーして、↓設定画面↓に貼り付け。

2つのキーをコピペしたら、『変更を保存』をクリックで、有効化されます。

表の画面に保護マークが出てくる。

画面右下に保護マークが表示されていれば、設定完了!

受信箱プラグイン|Flamingo

管理画面の中に受信箱を設定できます。

コンタクトフォーム経由で届く受信メッセージを管理画面内で確認でき、送信されたメルアドのアドレス帳が自動で出来ます。

インストール→有効化で、メニューに追加されます。

PR