Website Forms Submission broken when Cloudflare is Active

Website, Application, Performance
1

Forms Submission button stays 'Spinning'.This occurs only on front-end, Live site with Cloudflare active. (Fig. A)

  • Hosting: Cloudways
  • CMS: Wordpress & Bricks Builder Theme
  • Email: Rackspace Addon w/ Cloudways

Here is my DNS Settings (Fig. B)

Forms Submission works only in:

  • Wordpress back-end, communication with Email is working.
  • Staging Site.
  • Live Site but ONLY in Mozilla Firefox? (Fig. C)

broken_forms
broken_forms1483×1515 65.8 KB

Any help is appreciated, thank you!

3

@russ3 Hi Russ, I saw you ran into this issue as well without a solution in your thread.

Did you find any fix? Thank you

4

@cloonan Looks like you had an opportunity to help support this kind of issue. I’ve narrowed the issue to Cloudflare, Form Submissions work correctly when Cloudflare is ‘Paused’. Any Ideas how to fix this issue?

5

Tagging other users that have ran into this issue without solution in their thread. Has anyone found a fix for Cloudflare blocking Forms?

@CFuser22 thread
@pcmmedia thread

6

Well I solved the issue with wpforms.
The plugin generates a random id code for the form, as some sort of security, which stopd the form submission if the form is cached as the generated code then doesn’t match.
So i had to exclude wp forms code from being cached by WordPress.
In this case it was local caching only causing the issue not Cloudflare. But i guess Cloudflare cause the same problem.
I actually stopped using wpforms and switched to forminator.
I never did solve the issue with the zoho forms, but it may have been caching as well.

7

I’ve tried purging Local cache and Cloudways Cache using Varnish. No luck :confused:

Hey @saul it looks like you have experience with debugging Forms not working with Cloudflare. For a brief summary, when I disable CF, my form submission works. When i have CF enabled, my Forms submission is broken.

Any help is appreciated

8

Hey @russ3 I’ve learned a little bit more about my problem.

  • Forms works only in /wp-admin mode
  • when I logout of /wp-admin, the form continues to work.
  • when I clear cookies and site data, Form stops working.
  • Cannot submit Form in any browser unless logged in as /wp-admin and cookies and site data is logged
9

Cloudflare Zero Trust - wp-admin rule breaks Bricks Builder Forms!

Clicking Forms Submit button an http request is sent out to .com/wp-admin/admin-ajax.php which redirects user to Cloudflare Zero Trust 2FA.

Disabling wp-admin rule, and Forms Submission works fine.

10

Glad you’re sorted. Yeah, any Cloudflare ‘catching’ of an endponit is a gotcha for this kind of thing - so Cloudflare WAFs, ZT rules, even rate-limiting etc. Though I am surprised a form would need /wp-admin paths (unless it’s admin form of course, lol).

11

Yea… it’s not an admin form… hmm. It’s for public use.

I’m using Wordpress Bricks Builder Theme and it’s Form element. I’ll have to look into it some more

12

I would suggest trying forminator or excluding the forms pages from being cached and see if that solves your issue as it did for me.
I only had the issue on sites using wpforms.