How to add recaptcha to retool websites?

💬 App Building
1

I have tried adding recaptcha to retool. It does not seem to work.

Method 1: Custom Components

  • Didnt work, as components are severed from retool-edge.com, the recaptcha is reject due to not in domain list.

Method2:
Added google recaptcha url to preloaded libraries
https://www.google.com/recaptcha/api.js?render=sitekey
But it keeps returning local confidence.

What should be done?

3

@ChiEn @Shawn_Optipath @sarahs @pyrrho @Tess
Kindly provide help

4

Hey there! @apoorv-2204 Great question, unfortunately, Retool doesn't have native reCAPTCHA support, and both methods you tried run into platform limitations, custom components are sandboxed under retool-edge.com (not your domain), and preloaded scripts struggle with reCAPTCHA v3's behavioral scoring in Retool's environment. :slightly_frowning_face:

The best working approach is to host a small HTML page on your own domain that handles the reCAPTCHA execution, embed it in your Retool app via an IFrame component, and use postMessage to pass the token back to Retool. Token verification should then happen server-side via Google's verify API.

This keeps reCAPTCHA running on a domain you control, which resolves both the domain rejection and the low confidence score issues. :ok_hand: Let me know if you need more help with this setup!

5

No solution.
Ref: