How can I set up SSL on my Webflow site hosted on Amazon Route53 DNS?

TL;DR
  • Verify your domain in Webflow and configure CNAME records in Amazon Route 53.
  • Enable SSL in Webflow and wait for DNS changes to propagate.
  • Test your website to ensure it loads with HTTPS securely.

To set up SSL on your Webflow site when using Amazon Route 53 for DNS, follow these steps to ensure your site is secure.

​

1. Verify Your Domain in Webflow

  • Log in to your Webflow account and go to your Site Settings.
  • Click on the Hosting tab, and then the Custom Domain section.
  • Add and verify your domain that you want to secure with SSL.

​

2. Configure Amazon Route 53 DNS Settings

  • Log in to your Amazon Route 53 account.
  • Navigate to the Hosted Zones section and select your domain.
  • Create a CNAME record pointing your domain or subdomain to the Webflow servers. Check the A and CNAME records in Webflow under site settings to ensure they're added correctly.

​

3. Enable SSL in Webflow

  • Return to Webflow’s Hosting Settings from your Webflow dashboard.
  • Scroll to the SSL/TLS section and toggle the switch to enable SSL.
  • Webflow automatically provisions an SSL certificate for your domain.

​

4. Propagate DNS Settings

  • Wait for DNS changes to propagate, which might take from a few minutes to 48 hours.

​

5. Test Your SSL Configuration

  • Once propagation is complete, visit your website to ensure it loads securely with the HTTPS prefix.
  • Use tools like SSL Checker or browsers' developer tools to confirm the SSL certificate is valid and active.

​

Summary

To set up SSL on your Webflow site with Amazon Route 53 DNS, start by verifying your domain in Webflow, configure the DNS records correctly in Route 53, enable SSL in Webflow’s hosting settings, and wait for the changes to propagate. Finally, test to ensure your site is secure with HTTPS.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Hi Webflow Community, has anyone successfully used a custom code workaround to make a CMS field automatically populate a paragraph or text form field? I recall a tip from 2016 advising to add a "hand-coded" form in the dynamic embed code and populate the input tags with dynamic data. If anyone has experience with this or could provide a custom code snippet, I would greatly appreciate it. Thank you!
What is the reason for the removal of visibility control in Webflow and what alternative options are available for displaying different sections on desktop, tablet, and mobile?
How can I freeze the body content while allowing the content in the Webflow lightbox to scroll separately?
Is it possible to add recurring payments from Stripe to Webflow for a educational platform's monthly subscriptions?
How can I fix the issue with Google PageSpeed where I have 1 blocking script resource and 4 blocking CSS resources causing a delay in rendering my Webflow page?
How can I target checkboxes instead of a div using custom embed code in Dave's Webflow project about multi-field reference checkboxes?
Is it necessary to prioritize responsiveness below 320px width in Webflow, or is it an insignificant number of users who still read on these screens? What is the common wisdom regarding this matter?
Is there a way in Webflow to create a component for the navbar and footer that can be updated across multiple pages when changes are made?
How can I make a popup appear at a specific point during scrolling on my Webflow site if the 'show/hide' option is no longer available in the interactions panel?
How to copy an animation/interaction from one Webflow project to another?
Is there a way to make the Webflow slider automatically move forward without requiring a click?
How can I automatically change background images every time a user refreshes my website in Webflow?
How can I pass the schedule information of a location to a collection popup in Webflow, so that the client can update the schedule images?
How can I generate a unique HTML ID for a heading inside a collection list item in Webflow without duplicating it when new collection list items are added?
Is it possible to create a logo slider like the one shown in this example using Webflow?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?