This document aims to assist local users learning Framer who face difficulties due to the lack of Korean resources by translating content from the official blog into Korean and adding practical information. We hope it provides some help to those using Framer.

This article introduces how to integrate Framer with existing websites using a multi-domain/single-domain approach.

Option 1: Multi-Domain

The simplest way to integrate Framer into an existing site is by using multiple subdomains. Examples are as follows:

• Main site: example.com

• Framer site: subdomain.example.com

Setup Steps

1. Set up the subdomain in your Framer project

2. Update the DNS server to point the subdomain to your Framer site

Note: Detailed instructions for the custom domain setup can be found here.

Option 2: Single Domain (Advanced Setup)

For complex websites, an advanced setup called “micro frontends” allows you to host several independent sites under one domain. Examples are as follows:

• Main site: example.com

• Framer section: example.com/framer-page

Requirements

• An Enterprise plan is needed.

• You must use a proxy hosting provider that supports rewrite rules (e.g., Vercel, Netlify, Cloudflare).

Setup Method

• Select a hosting provider that offers reverse proxy capabilities

• Define a rewrite rule that maps the path (/framer-page) to the respective Framer site

Below is an example of a rewrite rule.

[
  {
    "source": "/framer-page",
    "destination": "<https://your-framer-site.com>"
  }
]

Each hosting provider has specific documentation on describing rewrite rules, so please refer to their documentation for implementing this rule.

To learn more about self-hosting with a reverse proxy, we recommend checking out this article, and if issues arise or further assistance is needed, contact the Framer support team via the contact page.

This article is a translated and adapted version of Framer's official blog content 'How to integrate with your current site'.