In Webflow, what is the best approach for splitting a website project into two separate projects, one for product pages and one for support pages, while still pushing both projects to the same site?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

When it comes to splitting a website project in Webflow into two separate projects—one for product pages and one for support pages—while still pushing both projects to the same site, there are a few approaches you can take. Here's the best approach to achieve this:

Create two separate projects: Start by creating two separate projects in Webflow—one for the product pages and another one for the support pages. This will ensure that you have a clean separation between the two sections of your website.
Design and build each project separately: Treat each project as an independent entity and design and build them separately using the Webflow Designer. This will allow you to focus on the unique requirements and functionalities of each section of your website.
Set up a consistent navigation structure: To maintain a seamless user experience across both projects, make sure to set up a consistent navigation structure. This can be achieved by using the Webflow navbar element and linking the relevant pages between the two projects. By doing this, users will be able to navigate between the product pages and the support pages seamlessly.
Configure each project's custom domain settings: Once both projects are designed and built, configure the custom domain settings for each project. Webflow makes it easy to set up custom domains for your projects, so you can have one domain for the product pages and another domain for the support pages. For example, you can have "products.yourdomain.com" for the product pages and "support.yourdomain.com" for the support pages.
Connect both projects to the same Webflow site: In order to push and publish both projects to the same site, you need to connect both projects to the same Webflow site. To achieve this, go to the "Hosting" tab in each project's settings and select the same site from the dropdown menu. This will ensure that both projects are combined and deployed to the same site.
Publish and test: After connecting both projects to the same site, you can publish and test your changes. With this setup, any updates or changes made to either project will be reflected on the combined site, allowing you to maintain a cohesive brand experience for your users.

By following these steps, you can effectively split your website project into two separate projects for product pages and support pages, while still pushing both projects to the same site in Webflow. This approach ensures a clean separation between the two sections of your website while maintaining a consistent user experience.

How can I hide the hamburger menu button on the tablet breakpoint in Webflow?

Can you provide a read-only link to your Webflow site to receive assistance with fixing the unresponsive elements in the mobile layout?

Can the "orders" and "ecommerce" tab be disabled on the Webflow editor for sites that do not intend to use those features?

What is the most efficient approach for collaborating on projects and upgrading plans in Webflow?

Is the Google Search favicon located in a different setting in Webflow?

Is it possible to copy and paste a section from a backup file directly into the newest version of Webflow to recover a section that was accidentally deleted?

How can I start the mobile part of my Webflow site from scratch while using the default settings provided by Webflow?

Is it possible to forward a domain to a Webflow.io page without masking the domain name?

Is there still an option to disable responsive image resize in Webflow, as it seems to be removed?

How can I create a page with the url "https://mywebsite.com/.well-known/apple-developer-merchantid-domain-association" on Webflow if it automatically removes the "." and "/" in ".well-known/"?