时间戳

首页 > 解决方案 > 使用 React JS Web 应用程序订阅 MailChimp 的复选框

reactjs - 使用 React JS Web 应用程序订阅 MailChimp 的复选框

问题描述

我正在尝试在现有的 React 表单上集成 MailChimp 复选框选择加入功能。整个站点是一个 React Web 应用程序。我已经检查了几个小时的解决方案，但仍然找不到任何东西。有任何想法吗？

标签： reactjsmailchimpsubscribe

解决方案

您应该使用 Mailchimp 3.0 API

  1. 在此处创建 API 密钥：https ://admin.mailchimp.com/account/api/
  2. 使用您的用户数据向以下端点发送 POST 请求

端点： https://<data_center>.api.mailchimp.com/3.0/lists/<list_id>/members/

要发送的数据结构：

{ "email_address": "urist.mcvankab@freddiesjokes.com", "status": "subscribed", "merge_fields": { "FNAME": "Urist", "LNAME": "McVankab" } }

data_center当您进入仪表板时，您可以获取您的 Mailchimp 帐户，在 Web 浏览器中检查 URL。例如，如果你有https://us7.admin.mailchimp.com/account/api/你的data_center意愿us7。

要获取list_id您希望您的用户订阅的列表，请查看以下链接，因为有多种获取方式：查找您的列表 ID

之后，您只需将订阅者的数据处理为 React 状态并将其发送到您的表单提交中。

有关更多详细信息，请在此处查看 Mailchimp API 3.0 文档

推荐阅读