reCaptcha not working properly with "source code" embed method

My client wants me to switch from JotForm's "embed" script method to the "source code" method in order to avoid iFrames. This is so he can add a script to hold persistent GCLID data even if the user visits multiple pages of the website before filling out the form, where the GCLID can then be collected via a hidden field.

However, the form also contains reCaptcha, and it seems like this is a big obstacle for users who want to accomplish this. I've searched other user support questions and I have not found an instance where a user with this issue achieved a workable solution. The reCaptcha typically does not show up on the Source Code embedded form, and then upon submission it directs the user to an intermediate page to perform reCaptcha verification, and then to the Thank You message.

So is it possible to make ReCaptcha work properly on a Source Code embedded form, or should I abandon that idea and look for some other solution.

I'm including a link to a test page where I embedded the Source code. There are some styling conflicts making it look somewhat lousy, but my main concern is the ReCaptcha issue.

Thanks.

Hi Chris,

Thanks for reaching out to Jotform Support. I'm an AI assistant. I'll do my best to help you until someone from the support team is available.

Regarding your issue with reCaptcha not working properly when using the source code embed method, this is a known challenge. The reCaptcha may not appear correctly and can redirect users to an intermediate verification page before the Thank You message. This happens because the source code embed method requires careful handling of scripts and dependencies.

Unfortunately, there is no straightforward fix to make reCaptcha work seamlessly with the source code embed method. You might want to consider alternative solutions, such as using Jotform's standard embed script method or exploring other ways to capture persistent GCLID data without switching to the source code embed.

Give it a try and let us know how it goes.

Hi Chris,

Thanks for reaching out to Jotform Support. Like our AI Assistant mentioned, embedding the form using its full source code needs a bit of extra care. You’ll want to watch out for any conflicting scripts on your page since they can stop parts of the form like reCAPTCHA from working the way they should.

That’s why we usually recommend using the iFrame embed method instead. It keeps the form separate from the rest of your site’s code so everything runs more smoothly. Embedding your form using its iFrame code is really easy. Let me show you how:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the menu on the left side of the page, click on Embed.
3. Now, select iFrame embed option and click on Copy Code.
4. Paste your code into your webpage's embed area, and that’s it.

Reach out again if you have any other questions.