Webflow sync, pageviews & more.
NEW

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

TL;DR
  • Enable SSL in Webflow's Publishing tab.
  • Get Webflow’s A and CNAME records from the Hosting tab.
  • Update Route 53 DNS by adding the Webflow A records for the root domain and CNAME record for www.
  • Verify the domain in Webflow’s Hosting tab and wait for DNS propagation.
  • Test SSL setup by accessing the site via HTTPS and using SSL checker tools.

To enable SSL on your Webflow site while using Amazon Route 53 for DNS, follow these steps:

1. Enable SSL in Webflow

  • Go to Webflow Project Settings.
  • Navigate to the Publishing tab.
  • Scroll to the SSL/TLS section and toggle SSL on if it isn’t enabled.
  • Click Save Changes if needed.

2. Get Webflow’s DNS Records

  • Go to the Hosting tab in Webflow Project Settings.
  • Scroll down to the Custom Domains section and add your domain (e.g., example.com).
  • Webflow provides two A records (75.2.70.75, 99.83.190.102) and a CNAME record (proxy-ssl.webflow.com).
  • Copy these values for use in Route 53.

3. Configure Route 53 DNS

  • Log in to AWS Route 53 and select your domain’s hosted zone.
  • Delete existing A and CNAME records (if any) related to previous hosting.
  • Add the following records:
  • A Records (for root domain, e.g., example.com):
    • 75.2.70.75
    • 99.83.190.102
  • CNAME Record (for www.example.com):
    • Name: www
    • Value: proxy-ssl.webflow.com
  • Ensure that TTL settings are reasonable (e.g., 300 seconds).

4. Verify Domain in Webflow

  • Return to Webflow’s Hosting tab and click Check Status.
  • If propagation is complete, Webflow will show a success message.
  • This process may take up to 48 hours, but it's often faster.

5. Test SSL & Site Functionality

  • Open https://example.com and https://www.example.com in a browser.
  • Use SSL checker tools (like https://www.sslshopper.com) to verify correct setup.

Summary

Webflow automatically provisions and manages SSL certificates when you enable SSL in Webflow Project Settings and correctly configure Route 53 DNS records. Use Webflow’s provided A and CNAME records to point to Webflow’s secure proxy servers. Follow up with step-by-step verification to ensure the changes are applied.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What is the best way to create a side navigation bar in Webflow that avoids overlapping with the main text content when resizing the browser?
How can I add the code "<script src="http://socialsharemonkey.com/share.php?u=313&amp;p=166"></script>" before the closing </body> tag in Webflow without getting an error?
How can Webflow users incorporate 3D objects and animations into their websites, interact with them using interactions, scrolling, and mouse movement, and import models and animations from Blender?
Can Webflow allow users to add multiple credit cards to their account for easier payment processing and avoid the need to switch between personal and company cards?
Why does hosting external resources on a subdomain not resolve the "Access-Control-Allow-Origin missing" error in Webflow? Is it because the Webflow site is not hosted on the same server as the subdomain and is only pointed to with an A record? Is there another solution or a way to set header policies in Webflow to address this issue?
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 my grid layout in Webflow more responsive, specifically on mobile devices, without affecting the design of the entire site?
Does Webflow integrate with any payment providers to receive cryptocurrencies as well?
How can I add custom CSS media queries to the Header in the custom code section in Webflow?
How can I create a simplified step-by-step guide for achieving a parallax background effect in Webflow?
How was a video background successfully loaded on mobile using Webflow?
What are the optimal settings in Webflow to enable scrolling within a div block?
What is the URL of the custom fonts from Webflow, such as 'HK Grotesk', that can be obtained for use in the CSS Editor of Acuity Scheduling?
How can I embed a clean, video with a play button on a website created in Webflow without displaying any extra graphics or suggestions from YouTube or Vimeo?
Why isn't my Webflow site showing up in Google search results, even when searching by URL?
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?