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

TL;DR

Set Cloudflare SSL/TLS mode to Full (not "Full (Strict)").
Disable Cloudflare’s proxy by setting DNS records to gray-cloud (DNS-only).
Ensure Webflow SSL is enabled in Webflow Project Settings.
Clear browser cache, flush DNS, and wait for up to 24 hours for DNS propagation.

A 526 Invalid SSL Certificate error occurs when Cloudflare cannot verify a valid SSL certificate on your Webflow site. This happens if you enabled Cloudflare's proxy (orange-cloud) feature while Webflow uses its own SSL/TLS setup.

1. Confirm the SSL/TLS Mode in Cloudflare

Go to Cloudflare Dashboard → Your Domain → SSL/TLS.
The recommended setting for Webflow is Full (not "Full (Strict)").
Full (Strict) requires a valid SSL certificate on your Webflow server, which Webflow does not provide for Cloudflare’s proxy.

2. Bypass Cloudflare's Proxy

Go to Cloudflare → DNS Settings.
Find the A or CNAME records pointing to Webflow's servers.
Click the Orange Cloud icon so it turns Gray (DNS-only).
This ensures direct traffic to Webflow without Cloudflare intervening.

3. Verify Webflow's SSL Certificate

Go to Webflow Project Settings → Hosting.
Ensure that SSL is enabled and working. If needed, disable and re-enable SSL to refresh the certificate.
You can also test the site by temporarily removing Cloudflare’s DNS settings and using a tool like SSL Labs' SSL Test to verify Webflow's certificate.

4. Clear Cache and DNS

Clear browser cache and restart your browser.
Flush local DNS cache using ipconfig /flushdns (Windows) or sudo killall -HUP mDNSResponder (Mac).
If still not working, wait up to 24 hours for DNS propagation after making changes.

Summary

Your site stopped working because Cloudflare’s proxy setting (orange-cloud) required an SSL certificate that Webflow doesn’t provide for Cloudflare's strict mode. Set SSL/TLS to "Full", disable Cloudflare’s proxy (gray-cloud the records), and ensure Webflow SSL is enabled. If needed, wait for DNS changes to propagate.

Webflow Resources

Webflow templates

Webflow inspiration

Rate this answer

Other Webflow Questions

How can I add new blog attributes to the Blog CMS Collection Settings in Webflow if the option is locked/grayed out?

Can I work as a guest on a client's Webflow workspace with my Freelancer plan in order to embed code, or does the client need to upgrade their workspace for me to do that?

Can I remove the CMS from the Webflow template I purchased in order to use basic hosting instead? I'm unable to delete the collections for it.

How can I adjust div blocks in Webflow's grid layout when they are showing a blue color when hovering over them instead of red, and the entire page has a red outline?

Can anyone assist with my Webflow site and the "Redirect Error" issue preventing Google Search Console from indexing my URL? Not sure if it's related to Webflow or GoDaddy DNS settings. Thanks!

How can I style the headings in a CMS Rich Text field that are also links in Webflow?

How can I create a word animation like the one in the hero section where the bottom line of text changes in Webflow? I need tips, tutorials, or videos to help me achieve this. I've searched on the forum but haven't found the right solution yet. Thank you!

Can text typing be animated in Webflow like in the example given?

Can Webflow allow for custom redirect URLs for each contact form in CMS templates to create separate thank-you pages for landing pages?

Can Webflow provide a solution for calculating shipping costs based on different cities in Brazil, considering the variations in shipping rates?

How can I improve my mobile site performance in Webflow, despite already implementing recommended changes?

How can I create a fully-functional lightbox with Webflow and CMS collection integration?

How can I create a Webflow navbar with a transparent background that changes to black after scrolling, similar to a specific website? Additionally, how can I achieve the same background video effect?

How can I create separate URL links for each tab in Webflow?

Has anyone experienced the issue of Googlebot being blocked by robots.txt in Webflow, even though access has been allowed in the file?

Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?

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 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 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 disable right-clicking on images to prevent downloading on my Webflow portfolio website?

Is there a way to fix the issue of values from Textareas with multiple lines not getting parsed correctly in Webflow Logic when posting to an external API?

In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!

How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?