Webflow sync, pageviews & more.
NEW

How do I set up SSL hosting using NameCheap for a client site in Webflow?

TL;DR
  • Enable SSL in Webflow, add the custom domain, and copy the provided A and CNAME records.
  • In NameCheap, update DNS by adding the two A records and one CNAME, removing any conflicting entries.
  • Set the www domain as default in Webflow and wait for DNS propagation to complete.

To set up SSL hosting with NameCheap for a client’s site in Webflow, you’ll configure domain settings in Webflow and update DNS in NameCheap.

1. Enable SSL in Webflow

  • Open your Webflow project and go to Project Settings.
  • Click the Hosting tab.
  • Scroll down and ensure the “SSL” toggle is ON.
  • Click Save Changes if anything was changed.

2. Add Your Custom Domain

  • Still under the Hosting tab, scroll to Custom Domains.
  • Enter your domain (e.g., www.yourclientdomain.com) and click Add.
  • Webflow will show two A records and a CNAME record you need to copy:
  • A records: (a) 75.2.70.75, (b) 99.83.190.102
  • CNAME for “www”: should point to proxy-ssl.webflow.com

3. Update DNS in NameCheap

  • Log in to your NameCheap account and go to Domain List.
  • Click Manage next to your client’s domain.
  • Under the Advanced DNS tab, find the Host Records section.

Update or Add the Following:

  • A Record for @ pointing to 75.2.70.75
  • A Record for @ pointing to 99.83.190.102
  • CNAME Record for www pointing to proxy-ssl.webflow.com

Make sure to delete any other existing A/CNAME records to avoid conflicts.

4. Set the WWW Domain as Default in Webflow

  • Return to Webflow’s Custom Domains section.
  • Click the “Make Default” button next to the www.yourclientdomain.com entry.
  • This ensures all traffic is redirected to the secure (SSL-enabled) version.

5. Wait for DNS Propagation

  • DNS changes can take up to 48 hours, but usually propagate within a few hours.
  • Use a tool like whatsmydns.net to monitor propagation.
  • Webflow will show a green checkmark next to the domain once it’s properly connected and SSL is active.

Summary

To enable SSL hosting for a Webflow site with NameCheap, turn on SSL in Webflow hosting settings, configure A/CNAME records in NameCheap, and set the www domain as default in Webflow. Once DNS updates are complete, Webflow’s built-in SSL will secure the site.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I use Google Maps in a dynamic embed on a CMS template page in Webflow, pulling the address from a field in my collection and applying a Snazzy Style theme to it?
How can I style text links in a rich text block for dynamic content in Webflow without causing formatting issues within paragraphs?
Does Webflow support the backdrop blur filter and are there any workarounds if it's not working on the live site?
Why does my navbar separate from the top hero and turn white when I make it sticky in Webflow? I am using a layout template for the navbar.
Why do the icons I added in Webflow designer not show up in view mode on my site?
How can I set a default option for the select dropdown button in Webflow e-commerce using basic JavaScript lines?
Is there a more efficient way to update images in Webflow without having to change the image file on each individual webpage? How do others navigate this issue, especially when dealing with multiple pages?
How can I hide the "UXmas" page on my Webflow website?
Can Webflow be used to crop images with CSS, instead of editing them individually in Photoshop for a large number of images in the CMS?
Are there alternative payment methods available in India for purchasing a new "site plan" on Webflow, considering the issues with the Reserve Bank of India regulation?
Can I copy the styles and design elements from the 1920px breakpoint to the 992px breakpoint in Webflow without having to recreate everything?
Where can I upload audio files for my Webflow site in a similar manner as mboxdrive, without the files disappearing after a while?
What is the process for adding Segment to Webflow?
Can PHP code be added directly in the embed component in Webflow to make a form fully functional in a Webflow hosted environment, or is it still necessary to export and add PHP code?
How can I add more text and images/videos to specific project template pages in Webflow without them being repeated on all pages? Do I need to create more components or use properties? Thank you!
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 dynamically redirect to a CMS created after form submission in Webflow?
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?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
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?