Webflow sync, pageviews & more.
NEW
Answers

Why did my Webflow site stop working with a 526 error after using Cloudflare's proxy DNS?

The 526 error in Webflow typically occurs when there is a conflict between Cloudflare's SSL configuration and Webflow's own SSL settings. When you enable Cloudflare's proxy DNS (commonly known as the orange cloud), all incoming traffic to your site passes through Cloudflare's servers before reaching your Webflow hosting.

In this case, the 526 error indicates that the SSL handshake between Cloudflare and Webflow failed. This failure can occur due to a few reasons:

1. SSL Configuration: Ensure that you have properly configured SSL both on Cloudflare and Webflow. Webflow offers SSL certificates by default for all custom domains on their hosting, so it's important to disable SSL in Cloudflare or switch it to the "Flexible SSL" option.

2. SSL Certificate Renewal: Sometimes, SSL certificates expire or need to be renewed. If the SSL certificate on your Webflow site expires and you haven't updated it, it can lead to a 526 error. Make sure your SSL certificate is up to date.

3. Mixed Content Issues: If your site references resources (e.g., images, scripts, or stylesheets) using HTTP instead of HTTPS URLs, it may cause a mixed content error on Cloudflare. Double-check that all your resources are being loaded over HTTPS.

4. DNS Configuration: Verify that your DNS settings in both Cloudflare and Webflow are correctly set up. Ensure that your Cloudflare DNS records are pointing to the correct Webflow IP address.

To resolve the 526 error, you can try the following steps:

1. Disable the orange cloud/proxy in Cloudflare DNS settings temporarily and see if your site works without it. If it does, then the issue lies in your Cloudflare SSL configuration.

2. Check the SSL settings in Webflow. If you have custom SSL enabled in Webflow, disable it for now and rely on Cloudflare's SSL.

3. Ensure that all your resources are loaded over HTTPS and that there are no mixed content warnings.

4. If none of the above steps work, it's worth reaching out to Webflow support or Cloudflare support for further assistance. They can analyze your specific setup and help diagnose the root cause of the issue.

Remember, the 526 error is specific to the SSL handshake between Cloudflare and Webflow, so it's important to focus on the SSL configuration and compatibility between these two services to resolve the error effectively.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Has anyone used custom code in Webflow to change the arrow icon within a form select field to a custom icon?
What is the difference between the account plan and the site plan in Webflow? Which plan would you recommend for creating a simple website with multiple sections, like a portfolio site, that is not business-oriented? Please help!
How can I set up Zapier integration with Webflow for sending form submissions to other services?
How can I fix the issue of input fields stretching vertically and select boxes stretching horizontally in IE compatibility mode on a Webflow site? The code I tried, including the tags, doesn't seem to work.
How can I implement a cookie consent modal window using the Insite tool in Webflow and properly configure the callback hook to allow users to opt out of using cookies?
How can I make the block containing text in Webflow grow to the same height as the text, without it pushing up or down the "hide text" button?
Has anyone had experience with AB testing a website on Webflow? I would appreciate any advice or guidance.
Can I use Webflow with a CMS and a limited builder on my site? Is there a way to embed a Webflow page using an iframe generator?
Why is my client's website showing a double 'www' and not loading when accessing the custom domain in Webflow? The A records and CNAME are correctly set up in GoDaddy.
How can I create a smooth transition for an infinite marquee slider on my Webflow website?
How can I add this Codepen to my Webflow site?
Can I rearrange content for mobile in Webflow without affecting the desktop and tablet versions?
How can I fix the issue of the scrollbar line not being displayed on iOS devices for the horizontal scroll gallery on my Webflow site?
Is Wix a good competitor to Webflow?
Is there a way to increase the hard limit in Webflow?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
Can the Webflow YouTube component recognize channel IDs instead of video IDs for embedding a Live Stream?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I fix the issue with the scroll not being smooth on my mobile device (iPhone + Safari) in Webflow?
How can I prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?
How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I whitelist the IP or user agent of a third-party vendor to crawl my Webflow site for legal compliance archiving purposes?
How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I make the menu close when a link is clicked in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I add user input to the end of the redirect URL in Webflow?