用途
Webinar Registration Page 是一个用于构建网络研讨会或直播培训报名页面的技能。它生成一个自包含(self-contained)的 HTML 文件,用于举办 webinar、直播培训、工作坊或线上活动,并在此过程中收集邮箱线索。根据资料,它面向希望在推广联盟产品之前建立“温线索”邮箱列表的用户,属于常见的“免费培训”漏斗策略。
主要能力
- 生成完整的单文件 HTML 报名页,所有 CSS 内联在
<style>块中,移动端优先响应式。 - 实时 JavaScript 倒计时:Days / Hours / Minutes / Seconds,倒计时结束时可显示“培训已开始”并附加入链接。
- 页面结构包含:顶部粘性紧迫栏、主视觉区(含报名表单)、倒计时、学习内容要点、主讲人介绍、议程、适用人群、推荐语、FAQ、页面下方的第二个报名表单、页脚。
- 主讲人头像使用 CSS 圆形占位符(背景色 + 首字母),不依赖外部图片。
- 议程以时间线样式呈现,使用编号步骤或时间标记。
- 报名表单包含名字 + 邮箱字段 + 提交按钮;提交后通过 JS 重定向到确认页或联盟感谢页 URL。
- 页脚包含 FTC 披露声明,表单附近包含隐私提示。
- 支持 evergreen(常青)模式:当没有真实日期时,倒计时指向一个每周重置、始终显示 3-7 天后的时间。
使用方式
该技能通过解析用户请求中的活动信息来工作,需要收集:活动标题、主讲人姓名与简介、日期时间(用于倒计时)、主题、要推荐的联盟产品。工作流程大致为:收集活动详情 → 规划页面结构 → 构建倒计时 → 编写完整 HTML → 格式化输出(页面摘要 + 完整 HTML 代码块 + 设置说明)。
输出分为三部分:
- Page Summary:活动标题、主讲人、日期/时间或 evergreen 模式、主题、联盟产品、表单字段、注册后去向、倒计时模式、配色。
- 完整 HTML:放在代码块中,建议保存为
[webinar-slug]-registration.html。 - Setup Instructions:如何设置活动日期、将表单接到 webinar 平台、部署方式。
日期通过 JS 中的 [ISO_DATE_STRING] 占位符替换为 ISO 8601 时间戳(如 "2025-04-15T19:00:00-05:00")。部署可使用 Netlify Drop / Vercel / GitHub Pages。
配置项(输入 Schema)
- event(必填):title、topic、date(ISO 8601 或 "evergreen")、time、duration_minutes(可选,默认 60)。
- presenter(必填):name、title、bio、social_proof。
- affiliate_product(必填):name、url、description、reward_value。
- what_you_will_learn(可选,4-6 条要点)。
- agenda(可选,session 块数组)。
- testimonials(可选)。
- seats_available(可选,默认 100)。
- color_scheme(可选,默认 "purple")。
- webinar_platform(可选,如 "zoom"、"demio"、"youtube-live"、"streamyard"、"other"),用于定制设置说明。
联盟产品整合方式
报名页本身不激进推销联盟产品(这是 webinar 的任务),但会在“What You'll Learn”部分暗示产品,并在描述中加入一行提到将使用的产品。产品链接通常在注册后或会后邮件中使用。
适用场景
- 举办 webinar、直播培训、工作坊或线上活动。
- 希望在推广联盟产品前积累温线索邮箱列表。
- 运行“免费培训”漏斗。
- 联盟产品是活动中自然揭晓或推广的解决方案。
限制
- 静态 HTML 无法真正完成注册(没有后端)。资料建议改用 Zoom Webinar 注册链接、Demio 嵌入或 Mailchimp 表单在欢迎邮件中发送 webinar 链接。
- 具体收费、价格信息暂未提供。
- 实际效果、转化率数据暂未提供。