You want to use a domain purchased on Namecheap together with a website built on Webflow. This is a common process.
1. Purchase and Build
- Purchase your domain through Namecheap if you haven't already.
- Design and build your website using Webflow's design tools.
2. Export Webflow Code (Optional)
- You can choose to export your Webflow site’s code if you have a higher-tier Webflow account, but this is only necessary if hosting outside Webflow.
3. Link Domain to Webflow
- Go to Project Settings in Webflow.
- Navigate to the Hosting tab, and find the custom domains section.
- Add your domain (e.g., www.yourwebsite.com) here.
4. Update Namecheap DNS Settings
- Log in to Namecheap and go to your domain’s settings.
- Look for the DNS settings or Manage Domains section.
- Add two A records (a) 75.2.70.75 and (b) 99.83.190.102.
- Add a CNAME record pointing to proxy-ssl.webflow.com for the "www" subdomain.
- Wait for DNS propagation, which might take a few hours.
5. Set Default Domain on Webflow
- Return to your Webflow Project Settings.
- Under Hosting, set the connected domain as the Default Domain.
6. Publish the Site
- Click on the Publish button in the Webflow Designer to push your site live.
Summary
To use a domain bought on Namecheap with your Webflow-built site, configure the domain through Webflow’s project settings and update DNS records in Namecheap. This setup allows your Webflow site to display on your custom domain.