MW WP FormにGoogle reCAPTCHA v3を設定する方法

こんにちは、hgmです。

今回はMW WP FormにGoogle reCAPTCHA v3を設定する方法をご紹介します。

セキュリティー強化やスパム防止のために多くのWEBサイトで設置されているreCAPTCHAですが、WordPressのフォームプラグイン「MW WP Form」にも設定する事が可能です。

それでは早速見ていきましょう！

reCAPTCHA v3の作成

まずは「reCAPTCHA v3」を作成しましょう

「reCAPTCHA」にアクセスし、画面右上にある「v3 Admin Console」ボタンをクリックします。

登録画面に移るので、下記の赤枠箇所の入力・選択をし、送信してください。

ドメインは設定したいサイトのドメインを入れてください。
オーナーはデフォルトで自分のGmailアドレスがデフォルトで入ります。

送信後、サイトキーとシークレットキーが作成されます。

WP側の設定

WPにプラグイン「reCAPTCHA for MW WP Form」を追加します

有効化後、WPメニューの「MW WP Form」の中にある「reCAPTACHA v3」をクリックします。

サイトキーとプライベートキーをペーストします。

入力欄に先程作成したサイトキーとプライベートキーを貼り付け、「変更を保存」をクリックします。

保存後、ボタン下にある2つのショートコードをコピーしておきます。

MW WP Formで設定したいフォームの設定画面に入ります

フォームのエディタ内にコピーしたショートコードをペーストします。

バリデーションルールを追加します

画面下部にあるバリデーションルールを新規追加し、赤枠の箇所と同じように入力・チェックを入れます。

以上で設定完了！

設定したフォームのページでreCAPTCHAのマークが右下に確認できれば成功です。