How to Add ReCaptcha in Modx

Add ReCaptcha in Modx

 

How to add ReCaptcha in Modx and how to display into your formit. The Google ReCaptcha is so simple and easy to use in formit. Here the following steps to add ReCaptcha in Modx Formit.

  • Download the ReCaptcha Package From Click Here or you can download it from modx store by clicking ” installer -> Download Packages -> Search ReCaptcha -> Click Download Button then install ReCaptcha.
  • In formit form code on the top add this hook ” [[!FormIt? &hooks=`recaptchav2,email`]] “.
  • At the bottom of formit form code where you want to display ReCaptcha add this code ” [[!recaptchav2_render]] and [[!+fi.error.recaptchav2_error]] “.
  • Go to the System Settings and select ReCaptcha option and put the Api Secret key and Site key.
  • Download the Api keys from ” https://www.google.com/recaptcha/admin “.

Hook:    [[!FormIt? &hooks=`recaptchav2,email`]]
Display: [[!recaptchav2_render]] [[!+fi.error.recaptchav2_error]]



How to Resize Google ReCaptcha in Modx

For the resize of ReCaptcha you can use the class like this.


.g-recaptcha{
    transform: scale(0.87);
    transform-origin: 0px 0px 0px;
}

how to add recaptcha in modx

how to add recaptcha in modx

how to add recaptcha in modx

hwo to add recaptcha in modx

how to add recaptcha in modx

how to add recaptcha in modx

how to add recaptcha in modx

how to add recaptcha in modx

how to add recaptcha in modx

Summary
Add ReCaptcha in Modx | Steps - Software Linkers
Article Name
Add ReCaptcha in Modx | Steps - Software Linkers
Description
How to add ReCaptcha in Modx and how to display into your formit. The Google ReCaptcha is so simple and easy to use in formit. Read steps...+92-313-5419942
Author
Publisher Name
SoftwareLinkers
Publisher Logo