2019-09-24

Craft CMS の Express Form に reCAPTCHA を追加する #craftcms

Craft CMS の Express Form を使っているフォームに reCAPTCHA を追加してみた。

reCAPTCHA の設定

reCAPTCHA 側でサイト用の設定。

reCAPTCHA
https://www.google.com/recaptc...

Express Form の機能は reCAPTCHA v2 なのでそちらで設定する。

発行されたキーを Express Form のプラグイン設定に追加する。

テンプレート側に reCAPTCHA 用のタグ form.recaptcha.render をセットする。

<div class="btn-group01 text-center">

          {{ form.recaptcha.render }}

        <p><strong>送信前に入力内容をご確認ください</strong></p>
        <button type="submit" class="btn-type03">送信</button>
      </div>
      {{ form.closeTag }}

これで追加される。

Honeypot とどっちがいいかとかもあるけどしばし様子見。