備忘録。そのときそのときに勉強しているもののメモ

immature

WordPress

GoogleのreCAPTCHAをWordPressで使用する

投稿日:

以前紹介したGoogleのreCAPTCHAをWordPressのcontactform7にも使用したいと思ったので方法をググったメモ。

説明前提

GoogleのreCAPTCHAは取得しておく(V3)

Contact Form 7プラグインはインストール済みである

今回説明する方法は2通り

インテグレーションに追加する方法

Contact Form 7をインストールすると左メニューに「お問い合わせ」が追加されるので「インテグレーション」をクリック。

reCAPTCHAの「インテグレーションのセットアップ」ボタンをクリックするとサイトキーとシークレットキーを入力するフォームがあるので取得したそれぞれのキーをコピペする。

reCAPTCHAのv3だとこれだけで設定は完了。
なお、この方法だとすべてのページの右下に常に表示される。

プラグインを使用する方法

Invisible reCaptcha for WordPressをインストールします。

左メニューの設定内に追加されます。

サイトキーとシークレットキーをペーストします。(先ほどのインテグレーションに入力した場合はそちらを削除します)

「Language」を「Japanese」にし、「Badge Position」を「Inline」にします。

「変更を保存」ボタンをクリック。

更に「Contact Forms」タブをクリックして、「Enable Protection for Contact Form 7」にチェックをいれて「変更を保存」ボタンをクリック。

 

 

0

-WordPress
-

Copyright© immature , 2020 All Rights Reserved Powered by STINGER.