To host a main domain and add a second domain as a sub-domain in Webflow for a website featuring multiple products, follow these steps:
1. Set Up Your Main Domain in Webflow
- Go to Project Settings: Open your Webflow designer and select the project you want to work on.
- Navigate to Hosting Tab: Click on the Hosting tab on the top menu.
- Add Your Main Domain: Enter your primary domain (e.g., example.com) and follow the prompts to verify and connect it.
2. Update DNS Settings for Main Domain
- Access DNS Provider: Go to your domain registrar (e.g., GoDaddy, Namecheap).
- Set Up A Records: Add A records pointing to Webflow's IP addresses: (a) 75.2.70.75, (b) 99.83.190.102.
- Set Up CNAME Record: Add a CNAME record for the WWW version pointing to proxy-ssl.webflow.com.
3. Add the Sub-Domain in Webflow
- Return to Hosting Tab: In Webflow, go back to the Hosting tab.
- Add a New Domain: Enter your sub-domain (e.g., products.example.com) and proceed with the on-screen instructions.
4. Configure DNS for Sub-Domain
- Add CNAME Record for Sub-Domain: In your domain registrar, add a CNAME record for your sub-domain. Point it to proxy-ssl.webflow.com.
5. Publish Your Site
- Choose Domains to Publish: While in the Designer, click on the Publish button, select the domains you wish to publish to, and then click Publish again.
Summary
To efficiently use your main domain and a sub-domain in Webflow, ensure both have the correct DNS settings and are added through Webflow's Hosting settings. Maintain consistent A and CNAME records pointing to Webflow to facilitate smooth operation of both your main and sub-domain site features.