mailinapp
Documentation menu

网络研讨会报名模块

一张为你自己的某个直播场次设计的报名卡片——包含一张图片、一个标题、一个日期、一段描述,以及一个"报名"按钮,全部指向该场次的公开 /webinar/<liveSessionId> 页面。它是直播场次详情页上"复制报名链接"按钮在工作室一侧的对应物:不必手动把链接粘贴进一个普通的按钮模块,只需选择一次场次,模块就会一直与它保持关联。

工作原理

在检查器的选择直播场次面板中选定一个场次,会把该场次的标题和预定时间快照写入模块自己的字段——这是一次性填入,填入后依然完全可编辑,与商品模块"从商店导入"选择器所采用的约定相同。选择器中只会显示访问模式为公开报名的场次;仅限订阅者的场次没有可供按钮链接的公开页面。

报名按钮的目标地址在发送时从不需要查库:它直接由场次 id 构建为 https://mailinapp.com/webinar/<liveSessionId>,一个普通的确定性字符串,与商品模块的外部结账链接由 externalUrl 构建、无需数据库往返的方式相同。这也意味着,即使邮件发出后场次的标题或时间发生变化,链接依然有效——它始终指向该场次当前的报名页面,而不是它的某个快照。

描述和图片字段需要由你自己填写——直播场次本身没有可供提取的描述或照片,因此这个模块把这部分内容完全交给你来决定,这与添加到日历和活动场地模块把各自的文本字段留给自由输入是同样的做法。

与会议链接、活动场地和添加到日历一样,这属于链接内容,而不是需要记录的响应:已发送的 HTML 始终会渲染出有效的报名链接(遵循"发送时即为静态"的约定),并且没有任何需要回答的内容,因此它永远不会出现在响应仪表盘或 CSV 导出中。点击本身仍会计入项目的点击热力图,走的是所有普通带链接模块共用的那个通用点击追踪通道。

可配置字段:

  • 标题与开始时间——从所选场次快照而来,之后可编辑。
  • 描述(可选)——自由文本;场次本身没有自己的描述。
  • 图片 URL(可选)——一张封面图;同样是自由文本。
  • 按钮文字——默认值为"Register now."
  • 卡片的背景色、内边距、边框与圆角半径。
  • 标题的颜色/字号,以及报名按钮的颜色/背景色覆盖项。

如果已添加该模块但尚未选择任何场次,它会渲染一行灰色提示文字"请在模块的检查器面板中选择一个直播场次",而不是一个死链接。

示例

Subject

You're invited: Scaling Your SaaS in 2026

一场网络研讨会的推广营销活动可以把这个模块与邮件靠上位置的倒计时搭配使用——这与会议链接模块在外部托管的通话场景中所采用的"倒计时制造紧迫感,随后由直接链接接手"的搭配方式相同。一旦场次本身设置了容量上限或候补名单,相关情况会记录在该场次自己的详情页直播分区下——而不是这个项目的响应仪表盘上,因为报名是由该模块所链接的公开 /webinar/<liveSessionId> 页面记录的,而不是由模块本身记录。

场次自己的 /webinar/<liveSessionId> 页面也可以不仅仅是一个简单的姓名/邮箱表单:在场次的详情页把你的某个工作室项目附加为它的着陆页设计,该项目自己的图片、详情和链接就会渲染在报名表单上方——参见直播场次与网络研讨会。

静态回退效果是什么样子

<div style="margin:12px 0;background-color:transparent">
  <img src="https://example.com/webinar-cover.jpg" alt="Scaling Your SaaS in 2026"
       style="width:100%;max-width:100%;border-radius:6px;display:block;margin-bottom:10px" />
  <p style="margin:0 0 4px;font-weight:600;font-size:16px;color:#111827">Scaling Your SaaS in 2026</p>
  <p style="margin:0 0 8px;font-size:13px;color:#6b7280">Mar 1, 2026, 5:00 PM</p>
  <p style="margin:0 0 10px;font-size:14px;color:#4b5563">Live Q&amp;A with our founders.</p>
  <a href="https://mailinapp.com/webinar/sess_abc123"
     style="display:inline-block;padding:10px 20px;background-color:#4f46e5;color:#ffffff;
            border-radius:6px;text-decoration:none;font-size:14px;font-weight:600">
    Save my seat
  </a>
</div>

这里只有一个层级——邮件、实时预览和工作室画布渲染的都是同一张卡片,因为它不像会议链接的倒计时徽章那样,依赖收件人身份或当前时间。

相关内容