Yes, you can build a website on Webflow and connect it to a domain purchased from Namecheap. The process involves publishing your site in Webflow and updating DNS settings inside your Namecheap account.
1. Build and Publish Your Site in Webflow
- Design your site in Webflow using the Designer and CMS tools.
- Upgrade to a Site Plan in order to connect a custom domain (you cannot use a custom domain on the Free plan).
- Once your site is complete, go to Site Settings and click the Publishing tab to publish it to the default Webflow subdomain (e.g. yoursite.webflow.io) first, to test everything works.
2. Get Your Webflow DNS Settings
- In Webflow, go to Project Settings > Hosting.
- Scroll to Custom Domains, then click Add a Custom Domain and enter your Namecheap domain (e.g. yourdomain.com).
- Webflow will display the required DNS records:
- Two A records, typically: (a) 75.2.70.75, (b) 99.83.190.102
- One CNAME record: www → proxy-ssl.webflow.com
3. Update DNS Settings in Namecheap
- Log in to your Namecheap account.
- Go to Domain List, find your domain, and click Manage.
- Under the Advanced DNS tab:
- Delete existing A and CNAME records if conflicting.
- Add the two A records pointing to Webflow’s IPs.
- Add a CNAME record with host as “www” and value as “proxy-ssl.webflow.com”.
- Make sure Namecheap’s nameservers are set to “Namecheap BasicDNS” or similar, not custom ones.
4. Verify Domain in Webflow
- Return to the Hosting tab in Webflow.
- Click Check Status next to each domain (yourdomain.com and www.yourdomain.com).
- Once they show as Connected, set either the root domain or the “www” version as the Default Domain.
5. Secure Site with SSL
- In Webflow Hosting settings, ensure SSL is enabled.
- After DNS updates, SSL certificates may take 15–60 minutes to propagate.
Summary
You can fully build your website in Webflow and then connect it to a domain purchased from Namecheap by updating Namecheap’s DNS settings to point to Webflow’s servers. Ensure you use the correct A and CNAME records and verify everything inside Webflow’s Hosting settings.