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
How can I quickly duplicate a prepopulated CMS Collection Page in Webflow and easily modify its contents without manually copying and pasting fields or using the bulk import function?
How can I improve the load time of my website on Webflow?
How can I keep the same URL for my documents on Webflow consistently, without the platform automatically changing it and without including "Webflow" in the PDF URLs?
How can I nest additional pages under a parent page in Webflow without using a CMS collection and ensure that the visible HTML page uses the same slug that has already been assigned to the folder method?
Why is a thick gray line being added to some images in Webflow, even though there is no sign of it in the designer?
How can I create a form in Webflow that allows users to select options from a list and submit their selections?
What is the process for adding HTML and CSS script to a Webflow page using custom code settings?
How can I have a different navigation bar on page 2 and page 3 in Webflow without affecting the navigation bar on page 1?
What could be the reason for some collections not working properly in my online magazine, specifically the "style & beauty" section under the "culture" tab, and the subpages under the "lifestyle" group in Webflow, even though they are set up the same as the functioning collections? Is there a limit to the number of collections allowed on the CMS plan?
How can I download a PDF file automatically by visiting a link with no suffix using Webflow's hosting?
How can I adjust the left margin of a header container in Webflow when the container margins are locked to keep it responsive?
How can I ensure that the checkbox value in my Webflow project is sent as a boolean in the JSON for Mailchimp integration?
How can I make the background video component in Webflow play videos on iOS and Android devices without any additional custom code or hacks?
Has anyone successfully integrated the BitPay API into Webflow for accepting bitcoin payments for monthly membership subscriptions? Any advice or guidance would be greatly appreciated.
How can I customize and view this menu 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?