To create a subdomain with separate pages in Webflow, you'll manage DNS settings and Webflow project settings. Here's how to set it up correctly.
1. Create a New Webflow Project
- A subdomain requires a separate Webflow project because Webflow only allows one domain (or subdomain) per project.
- Use the Duplicate feature if you want to start from your existing project:
- Go to your Dashboard, hover over the project, click the three-dot menu, and choose Duplicate.
- Modify this duplicated project as needed for your subdomain.
2. Customize the Pages for the Subdomain
- Edit or delete any existing pages from the original project that don't apply.
- Create new pages as needed using the Pages panel.
- Design and structure them independently from the main project.
3. Point DNS to the New Webflow Project
- Go to your DNS provider (e.g., GoDaddy, Namecheap, Cloudflare).
- Add a CNAME record for the subdomain (e.g.,
blog.example.com
or shop.example.com
) pointing to Webflow’s proxy: - Type: CNAME
- Name: blog (or your chosen subdomain)
- Value:
proxy-ssl.webflow.com
4. Add the Subdomain to Your New Project
- In Webflow, go to the duplicated project's Project Settings > Hosting tab.
- Under Custom Domains, add your full subdomain (e.g.,
blog.example.com
). - Webflow will prompt you with what records to set up.
- Wait for DNS propagation (up to 48 hours, but often faster).
5. Set the Subdomain as the Default Domain
- After verifying the domain in Webflow, click "Make Default" beside the subdomain.
- This ensures Webflow serves the project correctly at your chosen subdomain.
Summary
Duplicate your existing Webflow project, create or modify pages in the duplicate, point your subdomain using a CNAME to Webflow proxy, and connect the subdomain in the new project's hosting settings. This keeps your subdomain content separate while remaining under your main domain structure.