How do I host a main domain and add a second domain as a sub-domain in Webflow for a website that features multiple products?

To host a main domain and connect a second domain as a subdomain in Webflow for a multi-product website, you need to structure your site(s) and DNS settings correctly.

1. Choose Site Structure: One or Multiple Webflow Projects

• For one unified site hosting multiple products, use Collections or static pages to separate product sections.
• If each product has a distinct design or team, consider using multiple Webflow projects—one for the main domain and another for the subdomain.

2. Add Custom Domains in Webflow

• Main Domain: Go to Project Settings > Hosting > Custom Domains and add your primary domain (e.g., yourdomain.com).
• Subdomain: In a separate Webflow project (or the same if preferred), add the subdomain (e.g., product2.yourdomain.com).

3. Update DNS Records in Domain Registrar

For main domain (yourdomain.com):

• Set A records to Webflow’s IPs: (a) 75.2.70.75, (b) 99.83.190.102
• Set CNAME record for www to proxy-ssl.webflow.com

For subdomain (product2.yourdomain.com):

• Add a CNAME record for product2 pointing to proxy-ssl.webflow.com

Make sure DNS changes are done at your domain provider (e.g., GoDaddy, Namecheap, etc.).

4. Set Default and Redirect Domains

• In each Webflow project, set the default domain (main or sub) and enable canonical redirects to force traffic to the correct custom domain.

5. Publish Sites

• In the Webflow Designer, click Publish, then select the custom domains you added.
• Publish each Webflow project to its corresponding domain or subdomain.

Summary

To host multiple products with distinct domains on Webflow, assign your main domain (e.g., yourdomain.com) to one Webflow project, then point a subdomain (e.g., product2.yourdomain.com) to a second Webflow project using proper DNS settings and configuring both under each project's Hosting tab.