How can I create a subdomain with separate pages in Webflow for an existing project?
TL;DR
- Create a new Webflow project for the subdomain.
- Add the subdomain in Webflow’s Project Settings under Hosting.
- Update DNS records at your domain registrar by adding a CNAME pointing to
proxy-ssl.webflow.comor A records (75.2.70.75and99.83.190.102). - Set the subdomain as default in Webflow Hosting settings (optional).
- Publish the project, then wait for DNS propagation.
To create a subdomain with separate pages in Webflow for an existing project, you need to configure hosting and domain settings properly. Follow these steps to ensure a smooth setup.
1. Add a New Webflow Project
- Create a separate Webflow project for the subdomain. Webflow does not support hosting subdomains within the same project.
2. Configure the Subdomain in Webflow
- Go to Project Settings of the new Webflow project.
- Navigate to the Hosting tab and find the Custom Domains section.
- Add your subdomain (e.g.,
sub.example.com).
3. Update DNS Records
- Go to your domain registrar's DNS settings.
- Add a CNAME record, pointing the subdomain (
sub.example.com) toproxy-ssl.webflow.com. - If using A records instead, set them to Webflow’s IPs:
- (a) 75.2.70.75
- (b) 99.83.190.102
4. Set the Subdomain as Default (Optional)
- In the Webflow Hosting settings of your new project, set the subdomain as the default domain to avoid www/non-www conflicts.
5. Publish the New Webflow Project
- Click Publish Site in Webflow to make sure the subdomain version is live.
- Wait for DNS changes to propagate (usually within a few hours).
Summary
To create a subdomain in Webflow for an existing project: create a new Webflow project, add the subdomain in Project Settings, update DNS records at your registrar, and publish the project in Webflow. This ensures a clean separation between the main website and subdomain.