How can I create a subdomain with separate pages in Webflow for an existing project?
TL;DR
- Create a new Webflow project for subdomain pages, configure the project's domain settings, and publish the pages.
- Update DNS records in your domain registrar to point the subdomain to Webflow, publish changes, and test the subdomain for correct functionality.
To create a subdomain with separate pages in Webflow for an existing project, follow these steps:
1. Set Up a New Webflow Project
- Create a new project in Webflow for your subdomain content. This allows you to manage the subdomain's pages separately from your main site.
- Design and publish the pages you want to have under the subdomain within this new Webflow project.
2. Configure Domain Settings
- Go to Project Settings for your new Webflow project.
- Navigate to the Hosting tab.
- Add your custom domain, entering the subdomain (e.g., sub.example.com) under the domain name section.
3. Update DNS Settings
- Log into your domain registrar's account where your main domain is hosted.
- Update the DNS records to point the subdomain to Webflow's servers:
- Add an A record with the name as your subdomain (e.g., sub) pointing to Webflow IP addresses: (a) 75.2.70.75 and (b) 99.83.190.102.
4. Publish Changes
- Return to your new Webflow project.
- Publish the project now that the subdomain has been linked to Webflow.
- Ensure it is published to the correct subdomain URL to see your changes live.
5. Test Your Subdomain
- Visit the subdomain URL in your browser to verify that it resolves to the new Webflow project.
- Check all pages to ensure they display correctly and that any links or assets function as intended on the subdomain.
Summary
To create a subdomain with separate pages in Webflow, set up a new project, configure domain settings for the subdomain, update DNS records with your domain registrar, and publish changes to test the live subdomain.
