Can data be passed securely over HTTPS into Webflow if Cloudflare is used for DNS?

Published on
September 22, 2023

Yes, data can be passed securely over HTTPS into Webflow even if Cloudflare is used for DNS. Here's how it works:

  1. Enable SSL on Webflow: First, make sure your Webflow project has SSL enabled. SSL (Secure Socket Layer) is a standard security protocol that encrypts data transmitted between a user's browser and a website. Webflow provides SSL certificates for all published projects, ensuring secure communication with your site visitors.

  2. Configure Cloudflare: If you are using Cloudflare for DNS, you can benefit from its additional security features. To ensure secure communication between Cloudflare and Webflow, follow these steps:

    • Log in to your Cloudflare account and navigate to your domain's DNS settings.
    • Create a new CNAME record pointing to your Webflow subdomain (e.g., proxy-ssl.webflow.com).
    • Enable the "Orange Cloud" icon to proxy requests through Cloudflare's network.
  3. Set up HTTPS forwarding: By default, Webflow provides a secure subdomain in the format your-site-name.webflow.io. To ensure that all traffic to your custom domain is encrypted, you need to set up HTTPS forwarding:

    • In your Webflow project settings, go to the "Hosting" tab.
    • Add your custom domain and check the option to "Redirect all traffic to HTTPS."
  4. Verify SSL setup: After configuring Cloudflare and enabling HTTPS forwarding in Webflow, you should verify that everything is set up correctly. Here's how:

    • Visit your custom domain in a browser, making sure to include the "https://" prefix.
    • Check if the SSL certificate is valid and if the connection is secure (look for the padlock icon).
    • Use an online SSL checker tool to verify that your SSL certificate is properly installed.

By following these steps, you can securely pass data over HTTPS into Webflow when using Cloudflare for DNS. The combination of Webflow's SSL certificates and Cloudflare's network provides a robust security infrastructure for your website.

Additional Questions:

  1. How can I enable SSL on my Webflow project?
  2. What are the benefits of using Cloudflare for DNS with Webflow?
  3. Why is it important to set up HTTPS forwarding in Webflow?