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

wordpress-contact-captcha_telephone-1565643_1920

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

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

WordPress 4.6
MW WP Form 2.9.0
MW WP Form reCAPTCHA 1.0
MW WP Form
ショートコードによるフォーム作成MW WP Form はシンプルなショートコードを記述して入力フィールドを追加していきます。フォーム作成画面には自由にHTMLを入力することができるので自由にフォームをデザインする...
WordPressお問い合わせプラグイン MW WP Form に認証機能の reCAPTCHA を追加するプラグイン「MW WP Form reCAPTCHA」
Webサイトやブログを運営していると、お問い合わせフォームからよくスパムメールが届きます。 ホントに困りますよね!そこで今回はWordPressお問い合わせプラグイン MW WP Form に、認証機能 reCAPTCHA を追加するプラグイン MW WP Form reCAPTCHA を作ったのでご紹介いたします。※...

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

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

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

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

WordPressに問合せフォームを追加しよう 【MW WP Form】
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