如何与您现有的网站集成
本指南说明如何使用多域名或单域名方法,将 Framer 与您现有的网站集成。
将 Framer 与现有网站集成的最简单方法是使用多个子域名。例如:
主网站: example.com
Framer 网站:subdomain.example.com
(例如:framer.example.com
、design.example.com
)
步骤:
在您的 Framer 项目中设置您的子域名。
更新您的 DNS 服务器,将子域名指向您的 Framer 网站。
在此详细了解如何设置自定义域名(包含相关学习链接)。

对于复杂的网站,您可以使用一种称为“微前端架构 (micro frontends)”的高级设置,在单个域名下托管多个独立的网站。
例如:
主网站:example.com
Framer 部分:example.com/framer-page
(或类似路径)
要求:
需要 企业版计划 (Enterprise Plan)。
使用支持通过重写规则(也称路由规则)进行代理托管的托管服务提供商(例如:Vercel, Netlify, Cloudflare)。
选择一家提供反向代理 (reverse proxy) 能力的托管服务提供商。
定义重写规则 (rewrite rules),将特定的路径(例如 /framer-page
)映射到其对应的源站(即您的 Framer 网站地址)。
以下是重写规则的示例:
[
{
"source": "/framer-page",
"destination": "https://your-framer-site.com"
}
]
重要提示:每个托管服务提供商都有其特定的重写规则配置方式。请参考它们的文档了解具体的实现细节。
在此了解关于使用反向代理进行自托管的更多信息(包含相关学习链接)。
需要更多帮助?
如果您遇到任何问题或需要进一步协助,欢迎通过我们的联系页面联系 Framer 的支持团队。