用于 React 的 MailChimp 和 Stripe 集成答案

【问题标题】：MailChimp and Stripe Integration for React用于 React 的 MailChimp 和 Stripe 集成
【发布时间】：2021-07-07 15:02:53
【问题描述】：

我想在我的网站上构建一个自定义的 React 表单，当有人使用 Stripe 支付一次性费用时，如果成功，那么他们应该被添加到我的 MailChimp 电子邮件列表中。有谁知道如何做到这一点？

【问题讨论】：

标签： reactjs forms stripe-payments mailchimp

【解决方案1】：

这将是您可以使用 payment_intent.succeeded webhook 执行“after the payment”的操作。

您可以使用该电子邮件地址（推荐）创建customer，也可以将其作为metadata 附加到付款意图。然后你会build a webhook endpoint 并将其设置为接收这些payment_intent.succeeded 事件。当您收到事件时，您将获得电子邮件地址（通过检索客户或检查 metadata）并调用 MailChimp 的 API 到 add a member to your list：

curl -X POST \
  'https://${dc}.api.mailchimp.com/3.0/lists/{list_id}/members?skip_merge_validation=<SOME_BOOLEAN_VALUE>' \
  --user "anystring:${apikey}"' \
  -d '{"email_address":"","email_type":"","status":"subscribed","merge_fields":{},"interests":{},"language":"","vip":false,"location":{"latitude":0,"longitude":0},"marketing_permissions":[],"ip_signup":"","timestamp_signup":"","ip_opt":"","timestamp_opt":"","tags":[]}'

或使用 Node 客户端：

const response = await client.lists.addListMember("list_id", {
    email_address: "joe@example.com",
    status: "pending",
  });

【讨论】：