预发布示例

预发布落地页:正式亮相之前,先把人留住

做一页「即将推出」或预发布落地页,让访客愿意等你上线。

店面挂着即将开业的牌子。预发布落地页

上线日

亮相的日子已经定好了

看得见的日期,比一句含糊的「即将推出」有用:访客知道要等多久,后续邮件也有了自然的节奏。

提前使用

上线时,第一个知道

一个字段。你会比别人更早拿到上线日期和早鸟价。没有别的。

这个表单是模板:在 src/components/ui/Form.astro 里接到你的邮件工具,或 Netlify Forms。

为什么这样有效:在预发布页上,表单就是产品。它紧挨着首屏,只问一件事,并说清楚报名能得到什么。下面的内容,是给那些还要再看一点才肯填写的人。

即将到来的是什么

告诉他们:是什么、什么时候、为什么是现在

即将推出的页面要交代三件事。下面每张卡片是一件,并说明该怎么说。

是什么:用一句话说明产品

说出结果,不要只说类别。「一个下午发布一个快站点」比「一个现代化的网站平台」好。如果还不能用一行说清,这一页就还太早。

什么时候:一个日期,或诚实的时间窗口

有确切日期就写日期,没有就写一个窗口。不要放一个你可能会重置的倒计时。下面的路线图说明,怎样让窗口也显得具体。

为什么是现在:提前报名的人得到什么

提前使用、上线价、对路线图有发言权。今天报名而不是等上线之后再来,这就是这一页的整个转化理由。

路线图

从这一页到上线日

一条标了日期的时间线,用来把预期说清楚。每一步都是后续邮件会兑现的承诺。

  1. 等候名单开放

    这一页带着表单、上面三件事和一份真实预告上线。报名开始计数。

  2. 进展更新

    两三封短邮件:做完了什么、改了什么、一张幕后图片。让名单保持热度。

  3. 名单上的人提前使用

    订阅的人先进来,价格就是这一页承诺的那个。他们的反馈会影响到公开发布。

  4. 这一页变成产品页

    网址不变,内容换掉:即将推出的页面变成产品详情页,这样旧链接不会失效。

上线事实

预发布页可以诚实说出的数字

上线之前你没有客户,也没有结果。你仍然有事实:写这些,不要编造热度。

1
个表单字段
1
个日期或时间窗口,只说一次
3
次上线前的更新
0
个承诺了却展示不了的功能

预告

展示一件真的东西

还没有客户时的证明

评价还不存在,所以信任靠这一段来承担:产品里一件真的东西、背后一个真人,以及平白说明报名意味着什么、不意味着什么。

一张截图,不是效果图

哪怕是还没做完的界面,也能证明产品存在。如果还在做,就标明是进行中。

背后的人

一个名字和一张脸,把承诺变成责任。用一句话说明你为什么在做这个。

你不会做的事

不发垃圾邮件,不卖掉这份名单,上线延期也不悄悄过去。写在这里,上面那一个字段才够用。

几个人围着桌子用笔记本工作,用来代替一张真实的产品预告图

常见问题

加入等候名单之前,大家会问的问题

回答要短。同样的回答也能在搜索里变成更丰富的常见问题结果,即将推出的页面就是这样在上线前被人找到的。

什么是预发布或即将推出落地页?

产品还不能买的时候先发出去的一页。它说明即将到来的是什么,并收集想知道上线时间的人的邮箱。它的成功标准是报名人数,不是销售额。

用什么来换这个邮箱?

只有提前报名的人才能得到的东西:提前使用、上线折扣、创始价,或只是排在最前面。写在表单的标题里,不要藏在小字里。

需要倒计时吗?

只有日期是真的、而且不远,才需要。倒计时指向一个未知日期,或者到了又被重置,信任就没了。一个上线窗口(比如「下个季度初」)配上路线图,更诚实,效果也一样。

产品该展示多少?

展示一点真的:一张截图、一段短片、一个原型。只有形容词的页面,是在请人相信一句承诺;有一张真实图片的页面,是在请人相信自己的眼睛。

报名的人,我该给他们发什么?

马上发一封确认,然后在上线前发两三封短更新(进展、一点幕后、确切日期)。从报名到上线之间的沉默,是等候名单慢慢凉掉的地方。

用 AstroWind 怎样改这一页?

每一块都是 src/components/widgets 里的组件(Hero2、Contact、Features2、Steps、Stats、Content、FAQs、CallToAction)。在 src/components/ui/Form.astro 里把表单接到你的邮件工具,换上文案和日期,把表单留在页面上方。

做你的预发布页

这一页属于免费的 AstroWind 模板:Astro + Tailwind CSS,每一块都是可复用的组件。把表单放在前面,换上事实,接上你的邮件工具。