Yes, it’s possible to redirect a subdomain within the same Webflow project, and you don't need to purchase separate hosting plans, as long as all domains involved are connected to the same project.
1. Connect Both Domains to a Single Project
- Go to Project Settings > Hosting for your Webflow project.
- Under Custom Domains, connect both your root domain and the subdomain (e.g., www.example.com and blog.example.com).
- Webflow allows multiple domains and subdomains under one hosted project, as long as they're verified and pointed correctly.
2. Set Up the Redirect Using Page Rules
If the subdomain is only acting as a redirect (i.e., not hosting unique Webflow content), use domain forwarding rules in your domain registrar or a service like Cloudflare:
- Create a 301 redirect at the DNS level using Page Rules (if available).
- Example: Redirect blog.example.com to www.example.com/blog or anywhere else on your primary site.
3. Use JavaScript Redirects (If Necessary)
If DNS-level redirects are not an option, create a page for the subdomain inside Webflow:
- In your Webflow project, create a page that corresponds to the subdomain (e.g., a page at /blog-redirect).
- Add a tag or JavaScript redirect inside the custom code section to redirect that page to the correct destination.
- Note: This method requires the subdomain to point to the Webflow project, and you'll need a hosting plan on that project.
4. No Need for Multiple Hosting Plans
- As long as all domains/subdomains are connected and pointed to the same Webflow project, you only need one paid site plan.
- Webflow charges per project, not per domain or subdomain.
Summary
You can redirect a subdomain within the same Webflow project without extra hosting plans by either using external DNS redirects, Cloudflare Page Rules, or creating a redirect page within Webflow. All connected domains share the same hosting plan if they point to the same project.