WordPressの問合せフォームにキャプチャを追加しよう 【MW WP Form reCAPTCHA】

問い合わせフォームにをキャプチャを実装してみます。
今回は、MW WP Form reCAPTCHAを利用しました。

下記のバージョンで動作を確認しております。

WordPress 4.6 , 4.7 , 4.8
MW WP Form 2.9.0 , 2.14.2 , 3.2.0
MW WP Form reCAPTCHA 1.0 , 1.0.3, 1.0.5
MW WP Form
ショートコードによるフォーム作成MW WP Form はシンプルなショートコードを記述して入力フィールドを追加していきます。フォーム作成画面には自由にHTMLを入力することができるので自由にフォームをデザインする...
MW WP Form で入力エラー時にエラーメッセージを表示する
WordPress公式フォーラムの方で質問があったのでその回答を兼ねて記事にしました。 フォーラムの該当記事はこちら。内容はタイトルにある通り、お問い合わせプラグイン「MW WP Form」で入力エラーがあった場合、入力フォームの上部にエラーメッセージを表示させます。ではその手順を説明していきます。STEP.1 入力フ...

MW WP Form reCAPTCHA を利用するための準備 (1)

ウェブサイトにキャプチャを導入しよう 【reCAPTCHA】
WEBサイトのコメント投稿や問い合わせフォームにおいて、ボットによるスパム投稿を排除するための機能、CAPTCHA(キャプチャ)を実装してみ...

こちらの記事から Site key を準備しておきます。

MW WP Form reCAPTCHA を利用するための準備 (2)

WordPressに問合せフォームを追加しよう 【MW WP Form】
問い合わせフォームをWordPressに実装してみます。 今回は、MW WP Formを利用しました。 下記の…

こちらの記事から、問合せフォーム を準備しておきます。

MW WP Form reCAPTCHA のインストール

wordpress-contact-captcha

管理画面のプラグイン追加画面よりキーワード MW WP Form reCAPTCHA で検索します。
今すぐインストールし、 有効化へ進めていきます。

MW WP Form reCAPTCHA のセットアップ

wordpress-contact-captcha-101

先ほど準備した Site key を入力します。

最後に

問い合わせフォームにキャプチャが追加されていれば完了です。

wordpress-contact-captcha-201