recaptcha v3 contact and other forms

[SidFeyDesigns]

Is there any documentation on how to monitor any non stanadard Miva actions such as the contact form?

The form on the site in question still uses a version of the older Shadows contact form with the challenge question. https://www.loveisarose.com/contact.html

Site in question is still on the Suivant readytheme. The latest version of the reCaptcha v3 module is installed

I did find this page https://docs.miva.com/miva10/referen...e/recaptcha-v3

I tried adding an action with similar settings within the reCaptcha v3 Action Configuration section:
Miva Form Action: CONTACT_FORM_SUBMITTED
reCAPTCHA v3 Action: CONTACT_FORM_SUBMITTED
Score Threshold: 0.5
Error Page: CTFM
Error Message: The requested action cannot be performed at this time.
CSS Query Selector (Comma Separated): form input[name="Action"][value="CONTACT_FORM_SUBMITTED"]

I then added the hidden input to the form on the CTUS page: <input type="hidden" name="Action" value="CONTACT_FORM_SUBMITTED">

I also made sure the recaptcha v3 js resource was loading on the page.

When the page loads there's an error in the console:
"Uncaught TypeError: Cannot redefine property: submit
at new Miva_reCAPTCHAv3_FormSubmitListener (contact.html:303:19)
at HTMLDocument.<anonymous> (contact.html:274:1)
Miva_reCAPTCHAv3_FormSubmitListener @ contact.html:303
(anonymous) @ contact.html:274"

I have made the action inactive and removed the hidden input from the form for now until I can get this figured out.

Thanks in advance.

[Nick]

SidFeyDesigns The contact form on that site is outdated and will not work with the reCaptcha V3 integration. The form actually submits to the CTFM page where there is template code that will send the email.

My suggestion would be to remove the contact form all together and use the PageBuilder Contact Form Flex Component. I went into the store and created a new branch called "support_nadkins" that has the PageBuilder Contact Form Flex Component setup the same way as the current form. With this setup you can use the instructions you found on integrating your Flex Component form to use reCaptcha.

[SidFeyDesigns]

SidFeyDesigns The contact form on that site is outdated and will not work with the reCaptcha V3 integration. The form actually submits to the CTFM page where there is template code that will send the email.

My suggestion would be to remove the contact form all together and use the PageBuilder Contact Form Flex Component. I went into the store and created a new branch called "support_nadkins" that has the PageBuilder Contact Form Flex Component setup the same way as the current form. With this setup you can use the instructions you found on integrating your Flex Component form to use reCaptcha.

Thanks so much Nick I will do that.