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 add a second domain as a subdomain in Webflow for a website featuring multiple products, you can follow these steps:

1. Set up your main domain: Start by connecting your main domain to your Webflow site. If you already have a domain, you can easily connect it by updating the DNS settings with your domain registrar to point to Webflow's servers. Webflow provides detailed instructions for various domain registrars, or you can use their DNS hosting service if you prefer.

2. Create a subdomain: Once your main domain is connected, you can proceed to set up your subdomain. A subdomain is a way to categorize and organize specific sections of your website under a separate URL. For example, if your main domain is "example.com," you can create a subdomain like "product.example.com" to feature your different products.

3. Add the subdomain to your DNS settings: To create the subdomain, you'll need to add a CNAME record to your DNS settings. This record will point the subdomain to Webflow's hosting servers. Access your domain registrar's DNS settings and add a new CNAME record for the subdomain you want to create. Set the subdomain's value to the unique Webflow subdomain provided in your Webflow project settings.

4. Configure the subdomain in Webflow: Once the DNS changes have propagated, go to your Webflow project settings and select the "Hosting" tab. Scroll down to the "Custom domains" section and click on "Add a custom domain." Enter the subdomain you created in the previous step (e.g., "product.example.com") and save the changes.

5. Set up the subdomain site: After adding the custom domain, you'll be asked to connect the subdomain to a specific Webflow project or page. If the subdomain should represent a separate website or section within your main website, you can create a new project in Webflow specifically for that subdomain. Then, publish the subdomain project and associate it with the respective subdomain in your Webflow project settings.

6. Update site links and navigation: With the subdomain set up, you'll need to update your site links and navigation menus to include the subdomain URL instead of internal page URLs. This ensures that users accessing the subdomain will be directed to the correct website or section.

By following these steps, you can effectively host a main domain and add a second domain as a subdomain in Webflow for a website featuring multiple products. This approach allows you to provide a seamless experience for your visitors while maintaining separate URLs for different sections.