To host a main domain and add a second domain as a sub-domain in Webflow for a multi-product site, you’ll need to configure both your Webflow project and your domain DNS records.
1. Decide Your Domain Structure
- If your main domain is example.com, and your second domain is productsite.com, you can create a sub-domain like product.example.com.
- Webflow allows only one custom domain per project, but you can point multiple sub-domains (from different domains) to one Webflow project.
2. Set Up the Main Domain in Webflow
- Go to Project Settings > Hosting
- Under Custom Domains, add your main domain (e.g., example.com) and the www version.
- Follow the instructions to point your domain to Webflow by:
- Setting A records for the root domain to (a) 75.2.70.75, (b) 99.83.190.102
- Setting a CNAME record for www.example.com pointing to proxy-ssl.webflow.com
- Set the default domain (usually the www version).
3. Add the Sub-Domain from the Second Domain
- Still in Project Settings > Hosting, click + Add Custom Domain
- Add your sub-domain (e.g., product.example.com)
- Webflow will show DNS records you need to add for this sub-domain.
4. Update DNS Records for the Sub-Domain
- In your second domain’s DNS manager (e.g., productsite.com), create a CNAME record:
- For product.example.com (sub-domain of the main domain), point the CNAME to proxy-ssl.webflow.com
- Alternatively, if it’s a root domain without www, use the A records: (a) 75.2.70.75, (b) 99.83.190.102
- Wait for DNS propagation (can take up to 24 hours).
5. Set the Primary Domain (Optional)
- In Hosting settings, you can set which URL is the canonical or default version (e.g., whether product.example.com or www.productsite.com is the main address).
- This helps with SEO and URL consistency.
6. Use Page-Level Routing or Folders
- Webflow supports folders (e.g., /product1/, /product2/).
- You can also design each product as a distinct Webflow page or CMS collection and assign them clean sub-paths.
- You cannot host distinct Webflow projects under the same Webflow plan, so use folders if needed within one site.
Summary
To host a main domain and use a second domain as a sub-domain in Webflow:
- Add both the main domain and sub-domain in Project Settings > Hosting.
- Configure the DNS for both domains to point to proxy-ssl.webflow.com (CNAME) or Webflow's A records.
- Use Webflow's folders or CMS to separate content for each product if needed.
Webflow supports this setup as long as all domains point to a single project.