Webflow sync, pageviews & more.
NEW

How can I create a subdomain with separate pages in Webflow for an existing project?

TL;DR
  • Duplicate your existing Webflow project to create separate content for the subdomain.
  • Customize the new project's pages, update DNS with a CNAME pointing to proxy-ssl.webflow.com, add the subdomain in Webflow hosting settings, and set it as the default domain.

To create a subdomain with separate pages in Webflow, you'll manage DNS settings and Webflow project settings. Here's how to set it up correctly.

1. Create a New Webflow Project

  • A subdomain requires a separate Webflow project because Webflow only allows one domain (or subdomain) per project.
  • Use the Duplicate feature if you want to start from your existing project:
  • Go to your Dashboard, hover over the project, click the three-dot menu, and choose Duplicate.
  • Modify this duplicated project as needed for your subdomain.

2. Customize the Pages for the Subdomain

  • Edit or delete any existing pages from the original project that don't apply.
  • Create new pages as needed using the Pages panel.
  • Design and structure them independently from the main project.

3. Point DNS to the New Webflow Project

  • Go to your DNS provider (e.g., GoDaddy, Namecheap, Cloudflare).
  • Add a CNAME record for the subdomain (e.g., blog.example.com or shop.example.com) pointing to Webflow’s proxy:
  • Type: CNAME
  • Name: blog (or your chosen subdomain)
  • Value: proxy-ssl.webflow.com

4. Add the Subdomain to Your New Project

  • In Webflow, go to the duplicated project's Project Settings > Hosting tab.
  • Under Custom Domains, add your full subdomain (e.g., blog.example.com).
  • Webflow will prompt you with what records to set up.
  • Wait for DNS propagation (up to 48 hours, but often faster).

5. Set the Subdomain as the Default Domain

  • After verifying the domain in Webflow, click "Make Default" beside the subdomain.
  • This ensures Webflow serves the project correctly at your chosen subdomain.

Summary

Duplicate your existing Webflow project, create or modify pages in the duplicate, point your subdomain using a CNAME to Webflow proxy, and connect the subdomain in the new project's hosting settings. This keeps your subdomain content separate while remaining under your main domain structure.

Rate this answer

Other Webflow Questions