Yes, you can create two distinct event sub-sites within a single Webflow plan, but it requires strategic use of folders, CMS collections, and custom domain structures. Here's how to plan for separate navigation menus, branding, and domain redirects effectively.
1. Structure Your Pages Into Folders
- Create separate folders (e.g.,
/event1/
and /event2/
) for each event’s pages. - Set up folder default pages (index.html in each folder) to serve as the main landing pages.
- Ensure all related assets (like images and styles) are clearly associated with each event.
- Use Symbol Overrides: Create a global navigation Symbol and override content dynamically based on the page.
- CMS-Driven Menus: If using dynamic pages, create a CMS collection for each event with custom menus per event.
- Page-Based Conditional Visibility: Use Webflow’s conditions to show different navigation items per event.
3. Apply Unique Branding & Styles
- Different Classes & IDs: Assign different CSS classes based on event type, allowing distinct branding elements.
- Custom Page Designs: Adjust layout/themes per event while maintaining a consistent design system.
- Use CMS for Branding: Store branding elements such as colors and logos in a CMS collection for each event.
4. Set Up Separate Domains or Redirects
- Custom Domains: Webflow only allows one custom domain per project, but you can use 301 redirects for event-specific URLs (e.g.,
event1.yourdomain.com
→ /event1/
). - Reverse Proxy (Advanced): If needing separate URLs (
event1.com
and event2.com
), consider hosting Webflow behind a reverse proxy. - Masked Redirects: Use external domain forwarding from your hosting provider if Webflow’s site structure doesn’t suffice.
5. Manage SEO Separately
- Unique Meta Titles & Descriptions: Ensure each event page has distinct metadata.
- Canonical Tags: Set custom canonical URLs to avoid duplicate content issues.
- Sitemap Control: Use Webflow’s automatic sitemap, but manually adjust indexing preferences.
Summary
To create two distinct event sub-sites within a single Webflow project, use folders for structure, Symbol overrides for navigation, CMS for branding, and domain redirects for separate access points. If full separation (like event1.com
and event2.com
) is required, using a reverse proxy or multiple Webflow projects may be necessary.