Our wordpress site has a tawk.to external contact for button. We are using Cloudflare to cache the site but it’s also caching the autofill fields and showing these to all users.
Currently if a customer fills in the form then I go on my phone or computer so the same page where the form was filled out all the customers details are showing. How can I get Cloudflare do not cache these fields?
I’m surprised an external element is being cached, but you can use a Page Rule to bypass caching on that page. If you post the URL, we can take a look at what the problem might be.
Autofill has nothing to do with CF caching. It is a browser feature. Seems browser is confused about filling the field because of some change in your HTML code.
Nope, Already checked that and everything is clean, also fields are not pre filled.
If I turn off Cloudflare i.e. development mode or hosts direct connection the form no longer shows my details and the fields are empty. This leads me to Cloudflare caching the tawk.to auto fill form as its js loaded via the plugin.
No one can see that mini form except you (with any browser on any page). Since connection is secure, we can rule out content tampering which leaves us with client problem. That was my line of reasoning.
This is a screenshot from a customer this morning who tried contacting us so it seems hit or miss if the form is showing for people but when it does it looks like this: