So you want to secure your Webflow website with HTTPS? Great choice!
Having a secure website is essential for building trust with your visitors and protecting their sensitive information. In this tutorial, we will walk you through the steps to get HTTPS on Webflow.
Step 1: Set up SSL on Webflow
To enable HTTPS on your Webflow website, you need to set up SSL (Secure Sockets Layer) first. Follow these steps:
- Login to your Webflow account.
- Navigate to the Project Settings for the website you want to secure.
- In the left sidebar, click on Hosting.
- Scroll down until you find the SSL/TLS section.
- Select the toggle button to enable SSL for your website.
- Publish your changes by clicking on the “Publish” button in the top-right corner of the screen.
Step 2: Update DNS Records
After enabling SSL on Webflow, you need to update your DNS (Domain Name System) records. This step varies depending on where you registered your domain. Here’s a general outline:
- Login to your domain registrar’s website (e.g., GoDaddy, Namecheap).
- Navigate to the DNS management section for your domain.
- Add a new CNAME record with the following details:
- Name or Host: www
- Type: CNAME
- Points to or Value: proxy-ssl.webflow.com
- TTL: Automatic or use default settings
- Save the changes.
Step 3: Wait for DNS Propagation
After updating your DNS records, you need to wait for DNS propagation. This process can take up to 24 hours, but it usually happens much faster. During this time, your website might be temporarily inaccessible or show security warnings.
Step 4: Verify HTTPS on Webflow
Once the DNS propagation is complete, you can verify that your website is using HTTPS:
- Open a web browser and navigate to your website.
- Check the address bar. You should see a padlock icon and “https://” at the beginning of your URL.
- Browse through your website to ensure all pages are loading securely.
Step 5: Set Preferred Domain (Optional)
If you want to set a preferred domain (e., “www.yourdomain.com” or “yourdomain.com”), follow these steps:
- Login to your Webflow account.
- Navigate to the Project Settings for your website.
- In the left sidebar, click on Hosting.
- Select the preferred domain option (with or without “www”).
- Publish your changes by clicking on the “Publish” button.
Congratulations! You have successfully enabled HTTPS on your Webflow website.
Remember to regularly check for any SSL certificate expiration and renew it in a timely manner. Now, your visitors can securely browse your website, improving their trust and confidence in your brand.