To set up SSL hosting for a Webflow site using NameCheap, you’ll connect your domain via Webflow’s settings and ensure SSL is enabled correctly.
1. Enable SSL in Webflow
- Go to Project Settings in Webflow for your specific site.
- Click the "Hosting" tab.
- Scroll down and make sure “SSL” is turned ON.
- Once enabled, Webflow may ask you to update your DNS records — the suggested settings will be shown.
2. Update Domain Settings in NameCheap
- Log in to your NameCheap account.
- Go to Domain List, then click Manage next to your client’s domain.
- Select the "Advanced DNS" tab.
- Under the Host Records section, set up the required DNS records:
A Records:
- @ → 75.2.70.75 (Type: A)
- @ → 99.83.190.102 (Type: A)
CNAME Record:
- www → proxy.webflow.com (Type: CNAME)
- Delete any other conflicting A or CNAME records that may interfere (e.g., from NameCheap’s parking page).
3. Set Default Domain in Webflow
- Return to Webflow's Hosting tab.
- Under "Custom Domains," both the root domain (yourdomain.com) and www version (www.yourdomain.com) should be listed.
- Set “www.yourdomain.com” as the default domain. Webflow uses www with SSL by default and routes non-www to it.
4. Wait for DNS Propagation
- DNS updates typically take a few minutes to 24 hours to propagate globally.
- Use a tool like whatsmydns.net to check if the A and CNAME records have updated across key global locations.
5. Confirm SSL Is Active
- Once DNS has propagated, try visiting https://www.yourdomain.com.
- You should see a valid SSL certificate (padlock icon in browser).
- If it still doesn’t work after 24 hours, return to Webflow and toggle the SSL switch off and back on, then re-save the domain settings.
Summary
To use SSL hosting with a NameCheap domain, enable SSL in Webflow’s Hosting settings, point your domain’s A and CNAME records to Webflow as instructed, and set the www version as the default domain. Once DNS updates, SSL should be active and working.