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
Can the PDF file link displayed in the browser be modified to remove the Webflow reference?
How can security headers be added in Webflow to enhance website security?
How can I remove the underline in paragraph text within a link block on my Webflow site?
Why aren't the radio buttons on my website working in Webflow? I applied the same Group name to both radio buttons, but they still don't respond when clicked. Please help!
Why does my desktop / tablet nav menu disappear in Webflow's preview mode, even though it appears when I delete the "nav-trigger" (the mobile burger menu)? How can I keep both the nav-trigger and the nav menu in preview mode?
How can I create a responsive iframe in a Webflow column that scales proportionally with different screen widths?
How can I resize an image in Webflow?
How can I purchase an account plan and site plan on Webflow without using a credit card or PayPal? I am based in Vienna, Austria and would like to use my bank account or PayPal as a payment option.
What are some alternative options for reinitializing Webflow interactions in ix2, similar to the functions Webflow.ready() and Webflow.destroy() in ix1?
How can I create social sharing buttons/links on dynamic templates in Webflow using custom code and the method described by ( )?
Can Webflow integrate with a hotel booking calendar plugin or use custom codes for that purpose?
How can I highlight the 'current' page in Webflow CMS collection template pages for my nav-bar links? (For example, I have a page called 'case studies' that shows items from a CMS collection also called 'case studies'. When showing the CMS collection template page for each case study, I want the nav link for 'case studies' to be highlighted to indicate the user's current location on the site). Can anyone suggest a solution? Thank you.
Where can I find the code to remove the scroll bars from the overflow div boxes in Webflow?
Why does the old design of my client's website appear broken for some visitors?
How do I resolve issues with order confirmation emails and mobile optimization for ecommerce in Webflow?
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?