To set up SSL on your Webflow site hosted on Amazon Route53 DNS, you'll need to follow a few steps.
1. Set up your DNS records in Route53:
- Log in to your AWS Management Console and navigate to Route53.
- Create a new hosted zone or select your existing one for your domain.
- Add DNS records for your Webflow site. Create an A record and point it to your Webflow IP address. In this case, the IP address can be found in your Webflow project settings under Hosting > Custom Domain.
2. Set up SSL in Webflow:
- In your Webflow project dashboard, navigate to Hosting > Custom Domain.
- Click on "Enable SSL" and select "Secure with Webflow SSL" to enable SSL for your site.
- Webflow will automatically generate and manage the SSL certificate for you.
3. Enable SSL on your Amazon CloudFront distribution (optional):
- If you're using Amazon CloudFront as a CDN, you can also enable SSL on your CloudFront distribution to serve your site over HTTPS.
- In the AWS Management Console, navigate to CloudFront.
- Locate your CloudFront distribution for your Webflow site and select it.
- Click on the "Behaviors" tab and select the behavior associated with your Webflow site's A record.
- Under "Viewer Protocol Policy," select "Redirect HTTP to HTTPS" to enforce HTTPS.
- You might also need to update the SSL certificate associated with your CloudFront distribution if you have a custom one. You can either request a new certificate using AWS Certificate Manager or upload your own SSL certificate.
4. Confirm SSL setup:
- Wait for the DNS changes to propagate, which can take some time.
- You can use tools like SSL Checker to verify if your SSL certificate is correctly set up and valid.
It's worth noting that the exact steps may vary depending on your specific setup and configuration. If you encounter any difficulties, it's recommended to consult Webflow's documentation or reach out to their support team for assistance.