使用 Webflow Logic 将关注者添加到 Mailchimp

使用 Logic 的 Make HTTP 请求块来收集联系信息并在 Mailchimp 上注册新订阅者。

通过使用 Mailchimp,您可以制作和发送促销电子邮件、公告和重点活动。Logic 使您能够从 Webflow 门户在 Mailchimp 上注册新粉丝,从而顺利地将营销方法的两个重要组成部分结合起来。

启动之前: 如果你还没有这样做, 建立一个 Mailchimp 账户 以及ASA Mailchimp 受众。此外,您还需要在 Webflow 页面中插入一个表单,并在其中添加一个必填字段,字段内容为文本 category:电子邮件,供访问者注册。

本教程将涵盖:

  1. 生成 Mailchimp API 密钥的方法
  2. 如何建立逻辑流程的验证系统
  3. 获取 Mailchimp 受众 ID 的方法
  4. 设置 HTTP 请求
  5. 如何进行测试并发布流程
  6. 如何应对流程挑战

生成您的 Mailchimp API 密钥

  1. 继续进入 Mailchimp 控制面板
  2. 点击您的个人资料图标并选择 帐户和帐单
  3. 继续 更多 > API 密钥 
  4. 创建密钥 
  5. 复制你最近的 API 密钥 保持此标签的现有状态!

建立逻辑流程的验证系统

  1. 在新的浏览器选项卡上,在 Webflow Designer 中启动您的网页
  2. 在设计器画布上选择您的表单块并显示 表单块设置
  3. 来源 列出并选择 逻辑
  4. 轻按 添加新流程
  5. 在以下位置为您的新流程命名(例如“将关注者纳入 Mailchimp 公告”) 姓名 部分,并在 描述 根据需要分段
  6. 拖动 发出 HTTP 请求 块到流程编辑器画布并命名(例如“将请求发送到 Mailchimp”) 
  7. 选择 API 令牌 来自 验证 落下 
  8. 选择 标头 来自 添加 落下
  9. 标头 场地 
  10. 选择凭证 > 添加新凭证 
  11. 姓名 段,并在 描述 根据需要分段 
  12. 输入“Bearer {API 密钥}“ 在里面 代币 字段,取代 {API 密钥} 使用从 Mailchimp 复制的 API 密钥
  13. 轻敲 创造 存储您的新凭证并 保持此标签的现有状态! 
内部人士提示: 您还可以将表单链接到新的逻辑流 逻辑面板 > 流程列表。了解有关 Logic 中表单提交触发器的更多详细信息。 
“新凭证”模式窗口显示 API 凭证的名称、描述、类型和值的字段。

获取您的 Mailchimp 受众 ID

  1. 返回您的 Mailchimp 仪表板
  2. 继续 观众 > 所有联系人
  3. 如果您拥有多个 Mailchimp 受众,请点击 当前观众 下拉菜单并选择您希望链接到您的 Webflow 网站的受众
  4. 选择 设置 从下拉列表中,然后选择 受众名称和默认值
  5. 检索您的 受众 ID

至关重要的: 记下此页面上 URL 的初始部分(例如,us5、us6 等),它对应于您的 Mailchimp 帐户的数据中心 - 将其包含在您的 HTTP 请求中至关重要。

配置 HTTP 请求

建立逻辑流程和 Mailchimp 身份验证凭据后,重新访问 Webflow 并在流程中设置 HTTP 请求。每当网站访问者提交您的订阅表单时,此配置的 HTTP 请求都会向 Mailchimp 添加新订阅者。 

笔记: 如果你关闭了 Webflow 网站打开的标签页,请导航至 逻辑面板 > 流程 选项卡并选择在前面步骤中配置的流程。然后选择 发出 HTTP 请求 流程编辑器画布上的块以打开块设置并完成后续步骤。
  1. 选择 请求方法 从下拉菜单中选择 邮政
  2. 在里面 网址 字段中,将占位符替换为“https://{直流}.api.mailchimp.com/3.0/lists/{列表编号}/members”。替换 {直流} 使用您的 Mailchimp 数据中心和 {列表编号} 使用从 Mailchimp 提取的受众 ID 
  3. 身体 场地:
         
            { “email_address”:“”, “status”:“已订阅” }
         
      

  1. 将光标置于 身体 部分
  2. 点击紫色“”图标并选择您的 电子邮件 表单字段 

测试并部署您的流程

  1. 点击 运行测试以完成设置 
  2. 在提供的输入字段中输入示例电子邮件地址
  3. 点击 运行测试 
  4. 选择 取消 或者 应用数据 退出测试模式
  5. 选择 发布 
  6. 选择 发布阶段流程
  7. 发布您的网站
笔记: 如果您在流程测试期间遇到错误消息,请按照我们的诊断指南并重复上述步骤。查找有关测试 HTTP 请求的其他信息。

解决与流程相关的问题

如果在测试流程时出现错误,请考虑采取以下措施:

  • 验证您的请求 URL 是否使用了准确的 数据中心 和观众 ID
  • 使用类似以下免费工具检查请求正文中是否存在潜在错误 JSONLint 
麦宜云
Ewan Mak 的最新帖子 (查看全部)