如何提交一个组件

如何提交一个组件

了解如何准备、预览和提交您的组件到 Framer 商店。

Framer 商店 上分享你的组件,不仅能向庞大的创作者社区展示你的作品,还能在每笔销售中获得100%的收入,同时在一个快速增长的创作经济生态中获得每日数千次页面浏览的曝光。

提交前准备

在提交之前,请确保你的组件已完全打磨完善:

  • 彻底测试以发现任何漏洞。

  • 确保设计简洁、一致,并符合网页最佳实践。

  • 仔细检查名称、描述和图片是否完整准确。

  • 查阅 组件要求,确保符合质量标准。

如何提交组件

当你准备好分享作品时,请按以下步骤操作:

  1. 在 Framer 中打开你的项目。

  2. 前往 资源面板,右键点击你的组件,然后选择 复制 URL

  3. 打开 创作者仪表板 并点击 新建组件

  4. 将复制的 URL 粘贴到提交表单中。

  5. 填写所需信息,包括摘要、描述和预览 URL。

  6. 点击 提交 以发送组件进行审核。

你可以在创作者仪表板中随时跟踪组件的状态。

设置实时预览

每个商店组件在其页面上都包含一个 4:3 宽高比的实时预览。该预览会加载一个由你控制的公开 Framer 页面。你的组件必须居中显示在视口中央,确保在实时预览中呈现良好。为此,你需要一个高度为 100vh 的容器,以及一个高度设置为 适应 的主体。你可以在此处查看 预览要求。

你可以从零开始,或基于一个 预览模板 进行二次创作:

  1. 在项目中创建或复制一个页面。

  2. 将根框架设为 堆栈(Stack),并将其高度设为 适应

  3. 在其内部添加一个宽度设为 1fr、高度设为 100vh 的框架。

  4. 将此内部框架转换为 堆栈(Stack) 并居中其内容。

  5. 拖入你的组件,并将其配置到最佳交互状态。

  6. 确保关键内容出现在顶部 4:3 区域内——这正是预览面板所显示的部分。

  7. 发布该页面并复制其 URL。

  8. 将此 URL 粘贴到提交表单的 预览 字段中。

审核流程与时间

提交的组件将经历两个阶段的审核流程,整个过程可能需要最多 14 天。

阶段

时长

审核内容

初步审核

约 7 天

基本要求与完整性检查

设计/代码审核

约 7 天

设计质量与代码功能

流程结束后,你会收到以下两种结果之一:

  • 通过: 你的组件已获批准,即将上线。

  • 拒绝: 你将收到反馈意见,可据此修改后重新提交。

提交状态与发布流程

你可以在 创作者仪表板 中跟踪组件进度并管理其发布状态。

一旦组件状态变为 已批准,点击 发布 即可使其在商店上线。之后的所有本地修改将保持本地状态,直到你点击 更新。这种版本控制工作流确保用户始终能访问到你组件的稳定版本。

状态

说明

审核中

正在由审核团队评估。

需修改

需要更新后才能通过审批;已提供反馈。

已批准

组件已准备就绪,可在发布前作为链接组件使用。

已发布

已在商店上线并锁定版本。本地修改不会影响线上版本。

有更新可用

你已进行修改。点击 更新 以发布新版本。

已归档

不再发布,但保留在你的仪表板中供参考。

相关文章

想了解更多?以下文章提供额外指导:

  • 使用组件

  • 如何使用创作者仪表板

如果你需要帮助或对组件有具体问题,请随时通过 creators@framer.com 联系我们。

Create a free website with Framer, the website builder loved by startups, designers and agencies.