less than a minute read • Updated 9 minutes ago
Using CloudFlare with Foxy
Known issues and fixes when using CloudFlare's proxy and Rocket Loader features alongside a Foxy checkout.
CloudFlare is a popular choice for protecting and speeding up websites, but some of its features modify your site’s source and JavaScript in ways that can interfere with your Foxy checkout. This article covers the known issues and how to resolve them.
Notes
Turn off the HTTP proxy for your Foxy subdomain. If you’re using a custom subdomain for your Foxy store, turn off CloudFlare’s HTTP Proxy / CDN functionality for that subdomain in your DNS settings (the gray-cloud option, not the orange-cloud option). This stops CloudFlare from applying its optimizations to your Foxy checkout traffic, which is where most issues originate.
Watch out for Rocket Loader. CloudFlare’s Rocket Loader (found on the Performance page of the CloudFlare dashboard) can interfere with Foxy’s checkout JavaScript. If you use it, choose one of the following:
Turn it off entirely.
Leave it on, but add the
data-cfasync="false"attribute to the loader.js include on your Foxy site, if it isn’t already present.Leave it on as-is. In testing, Rocket Loader can work with Foxy without issue, but it has also caused problems in real-world use for some merchants — keep an eye on your checkout if you leave it enabled.
If you run into issues with Rocket Loader, contact Foxy to let us know.
See Set up a custom domain for the general custom domain setup process, and the JavaScript category if you’re troubleshooting checkout JavaScript behavior more broadly.