Developers

Search

Developers

Search

How to use Multi Site with rewrite rules

Multi Site allows you to combine multiple websites under a single domain using rewrite rules. Manage rewrites directly in Framer instead of setting up a custom reverse proxy like using Cloudflare or Vercel.

What are rewrites?

Rewrites display content from different Framer sites or external sources while keeping the original URL visible in the browser, letting you host multiple sites under a single domain. (Redirects, in contrast, change the URL in the browser.)

For example:

  • Your main site is at designer.com

  • Your blog (a separate Framer project) can appear at designer.com/blog

  • Your documentation (hosted externally) can appear at designer.com/docs

All of this happens seamlessly, and visitors see a single, unified domain.

Use cases

Organizing large websites – Split your site into smaller, manageable projects that are easier to develop and maintain independently.

Combining Framer with external tools – Serve your main site from Framer while integrating external services like a shop, documentation site, or custom application.

Team collaboration – Allow different teams to work individually on different sections of your website without conflicts.

How to set up rewrite rules

Go to the Framer dashboard, select your domain in the sidebar, and navigate to the Multi Site tab.

Adding a rewrite rule

  1. Click the + icon to add a rule

  2. Choose the rewrite type:

    • Project: Route to another Framer project

    • External: Route to an external website

  3. Enter the path where you want the content to appear (e.g., /blog or /blog/*)

  4. Enter the target:

    • For projects: Select your Framer project and specify the path

    • For external: Enter the full URL of the external site

  5. Click Add to save the rule

  6. Publish your project for the changes to go live

Path patterns

  • Wildcard matching: Use * to match any path segment
    /blog/* matches /blog/my-post, /blog/2024/update, etc.

  • Dynamic parameters: Use :parameter for dynamic segments
    /blog/:slug matches /blog/my-post and captures "my-post" as the slug

Managing rules

  • Reorder rules: Drag and drop to change priority (rules are evaluated in order)

  • Edit & delete rules: Click the ··· menu or right click to edit or remove rules

  • Applying changes: Open and publish your project for the changes to take effect

Examples

Migrate to Framer from an external provider

If you want to move your site to Framer without rebuilding everything at once, you can migrate page by page. Start by recreating key pages in Framer, then use rewrites to serve those specific paths from your new Framer project while the rest of your site stays on your current provider.

Path: /products/*
Target: old-site.com/products/:1

Visitors to designer.com/products will see content from you old website at example.com while you rebuild the products section. Once rebuilt, remove the rewrite rule.

Serve a blog from a different project

Path: /blog/*
Target: another-project/:1

Visitor at designer.com/blog will see the blog pages from the project Another Project .

Host external documentation

Path: /docs/*
Target: https://docs.yoursite.com/*

This displays your externally-hosted documentation at designer.com/docs.

Combine multiple sections

You can create multiple rules to combine different sources:

  • / → Main Framer project

  • /blog/* → Blog project

  • /help/* → External help center

  • /app/* → Web application

Important considerations

CMS collections: For CMS-powered pages, the collection path must match between your rewrite rule and the origin project. For example, if your blog uses /blog/:slug in the origin project, your rewrite path should also use /blog/:slug.

Project targets: To use another Framer project as target, it must be published with a custom domain (.framer.website or from an external domain registrar).

Localization: When using localized projects with rewrites, ensure the locale path structure is consistent between the rewrite path and target.

Canonical URLs: Set canonical URLs in each project to point to the final domain where they'll be served.

Sitemaps: Framer automatically generates and merges sitemaps from all your rewrite sources.

Password protection: Password protection only applies to the main project. Enabling it on target projects won't protect content served through rewrites.

Pricing

Multi Sites is available as an add-on with our Scale plan or included in our Enterprise plans.
View pricing