Skip to main content
Home
  • 联系人
  • 表单

表单

创建并管理订阅与退订表单。了解如何将表单嵌入网站，轻松收集订阅者关键信息。

你可以为联系人列表生成、管理订阅表单和退订表单。这些表单可以嵌入到你的网站，也可以作为独立页面使用，用于收集订阅者数据或者处理退订请求。

#1. 订阅表单

订阅表单是用户加入邮件列表的入口。表单包含与联系人列表自定义字段对应的输入项，例如邮箱、姓名等。表单支持自定义，可嵌入网站，简化注册流程。

下面是订阅表单基础示例代码：

html 
<form action="[https://app.example.com/lists/{list_id}/subscribe](https://app.example.com/lists/{list_id}/subscribe)" method="post" accept-charset="utf-8">
 <div class="form-group">
 <label>Email <span class="required">*</span></label>
 <input type="text" class="form-control" name="EMAIL" placeholder="Please type your email address" required />
 </div>
 <div class="clearfix"></div>
 <div class="actions pull-right">
 <button type="submit" class="btn btn-primary btn-flat">Subscribe</button>
 </div>
 <div class="clearfix"></div>
</form>

示例中，EMAIL 为订阅必填字段。这份基础HTML表单采集用户邮箱，并提交至指定接口地址。

#iFrame嵌入版本

为方便集成，也可以使用iFrame形式的订阅表单，无需编写自定义HTML，直接嵌入网页。

code 
<iframe src="[https://app.example.com/lists/{list_id}/subscribe?output=embed&width=400&height=200](https://app.example.com/lists/{list_id}/subscribe?output=embed&width=400&height=200)" width="400" height="200" frameborder="0" scrolling="no"></iframe>

#2. 退订表单

退订表单用于用户退出邮件列表。可以放置在网站或者邮件内，简化退订操作流程。

退订表单示例代码：

code 
<form action="[https://app.example.com/lists/{list_id}/unsubscribe](https://app.example.com/lists/{list_id}/unsubscribe)" method="post" accept-charset="utf-8" target="_blank">
 <div class="form-group">
 <label>Email <span class="required">*</span></label>
 <input type="text" class="form-control" name="EMAIL" placeholder="Please type your email address" required />
 </div>
 <div class="clearfix"></div>
 <div class="actions pull-right">
 <button type="submit" class="btn btn-primary btn-flat">Unsubscribe</button>
 </div>
 <div class="clearfix"></div>
</form>

示例中，EMAIL为退订必填字段，表单会将请求提交至对应列表的退订处理页面。

#退订表单 iFrame嵌入版本

和订阅表单一样，退订表单同样支持iFrame嵌入，快速部署到网站。

code 
<iframe src="[https://app.example.com/lists/{list_id}/unsubscribe?output=embed&width=400&height=200](https://app.example.com/lists/{list_id}/unsubscribe?output=embed&width=400&height=200)" width="400" height="200" frameborder="0" scrolling="no"></iframe>

#3. 表单自定义

你可以编辑HTML、CSS完全自定义表单，匹配品牌样式。使用 [EMAIL]、[SUBMIT_BUTTON] 这类关键变量，保证数据正常采集与提交。

#使用表单的优势

  • 无缝集成：直接将订阅、退订表单嵌入网站，优化用户体验。
  • 数据收集：通过自定义字段收集订阅者各类信息。
  • 操作友好：简化订阅、退订流程，维护干净、最新的联系人列表。

借助表单，用户可以直接管理自己的订阅偏好，实现顺畅直接的交互。