可以自由编排的商品页面 | PersonaCart 历程

这是对 2026 年 9 月 21 日至 27 日的回顾文章。我在 10 月 12 日依据我们的提交历史撰写，它不是实时日记。涵盖时间段：2026 年 9 月 21 日至 27 日。

简要概述

• 商品页面有了新的首屏布局和区块列表，由你决定首屏上放什么。
• 商店卡片现在会根据所展示商品的类型自行适配。
• “制作视频”现在在你自己的设备上渲染，由一组简短的引导式问题开始。

重点：可以自由编排的商品页面

商品页面是大多数买家做决定的地方。在这一周之前，它顶部的区块，即首屏（hero），只有一种固定的形状。在我们 staging 分支上的应用中，首屏现在有多种布局，其中每个部分都可以单独设置大小。

最大的变化是首屏的区块列表。首屏由若干部分组成：标题、价格、描述、选项选择器、数量、购买按钮、特点条目等。新的“显示内容”控件，是开启或关闭各个部分的唯一入口。商品可以沿用主题的默认列表，也可以为该商品自定义，并有一个“重置”按钮让你回到默认值。默认列表渲染出的页面与之前完全一样，因此现有页面不会改变。

首屏的其他改进：

• 标题下方的一排详情标签（例如“线上”“适合初学者”）。
• 每个特点条目上可选的数值，例如某个赠品的价值。
• 数量、“立即购买”按钮、选项样式选择和手机缩略图，沿用 Shopify 商品区块提供给其商家的那些控件。
• 在手机上，分享按钮悬浮在照片的角落。
• 桌面端缩略图位于等宽的列中。

已经购买了该商品的买家，现在会在首屏上方看到一条细长的提示：“你于某日期购买了此商品，查看订单”。对于预约，它会说明下一次课时的时间并链接到管理页面。对于活动，它会说明他们持有几张门票并链接到这些门票。

了解自己所卖商品的商店卡片

商店页面用卡片列出商品。我们构建了五种共享的卡片设计：Compact、Cover、Spotlight、Ticket 和 Headline。每一种都会适配商品类型，因此课程、服务和活动不会展示相同的信息。按钮文字也按类型变化，取自一份已翻译的列表，另有自定义选项。在编辑器中，商店的各个部分可以单独选中，点击画布上的商品照片会打开一个小弹窗用来取景。筛选后什么都没有的买家，现在会落到一个有用的页面，而不是空白页面。

在你自己的设备上制作视频

“制作视频”工具现在在你的浏览器中渲染视频，而不是在我们的服务器上。它从一组引导式问题开始，填入模板，然后让你微调。模板可渲染为方形、竖屏、长手机屏和宽屏等形状。视频内的固定文字跟随你所选的语言。商品从第一帧起就会出现，每张照片只出现一次。

本周构建的其他内容

• 教练页面： 每位教练可以有自己的公开页面，展示其自己的服务，创作者可以一次保存同时编辑标题、图片和姓名。
• 预约： 你的 Google 日历现在会占用预约时段。你可以对预约类商品要求预付定金。教练的时段被确认、取消或改期时，教练会收到通知。
• 实时聊天： 聊天按钮的图片可以适配并取景。访客会显示最近的大城市和国旗。你可以重命名一个聊天而不改动买家的名字。该小组件可以提供起始问题的快捷标签。
• 主题构建器： 侧边面板现在使用平实的标签，每个控件上都有提示。
• 客服与营销活动： 若干小改进，我不再逐一列出。

这对教练或学院运营者意味着什么

销售一个训练营、一门课程和一节一对一课程的教练，现在可以给每一个设置各自形状的商品页面。你来决定页面以价格、日程还是照片开头。如果你与几位教练一起开课，每位都可以有一个页面，而你的日历会避免重复预约。已经预约过的家长回来时会看到自己的预约，这减少了“我的票在哪里”这类消息。

团队方面请看 Academy，各个套餐包含的内容请看定价。

接下来

下一周是关于 AI：把外部的 AI 助手连接到你的店铺，并由你批准它做的更改。

想聊聊吗？ 我是 PersonaCart 的联合创始人之一。如果你有问题、想法，或者希望我们做出某样东西，欢迎直接写信给我：[email protected]。

Vinod Morya, Co-founder, PersonaCart