{"id":2182,"date":"2025-06-10T22:33:08","date_gmt":"2025-06-10T14:33:08","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2182.html"},"modified":"2025-06-10T22:33:08","modified_gmt":"2025-06-10T14:33:08","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%b8%ad%e5%88%9b%e5%bb%ba%e5%b8%a6%e6%9c%89%e8%87%aa%e5%ae%9a%e4%b9%89%e5%ad%97%e6%ae%b5%e7%9a%84-mailchimp-%e8%ae%a2%e9%98%85%e8%a1%a8%e5%8d%95","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2182.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u521b\u5efa\u5e26\u6709\u81ea\u5b9a\u4e49\u5b57\u6bb5\u7684 Mailchimp \u8ba2\u9605\u8868\u5355"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

在 WordPress 中创建带有自定义字段的 Mailchimp 订阅表单可以让你更灵活地管理用户数据。以下是如何实现这一目标的步骤：<\/p>\n

步骤 1: 安装和激活必要的插件<\/h3>\n

首先，你需要安装并激活一些插件来帮助你设置 Mailchimp 订阅表单。你可以通过 WordPress 插件库（如 WP-Plugins）找到这些插件。<\/p>\n

    \n
  1. MailChimp API 插件<\/strong>：这个插件允许你在 WordPress 内部集成 Mailchimp 的功能。<\/li>\n
  2. Custom Fields for MailChimp<\/strong>：此插件允许你为 Mailchimp 订阅表单添加自定义字段。<\/li>\n<\/ol>\n

    步骤 2: 配置 MailChimp API 插件<\/h3>\n
      \n
    1. 登录到你的 WordPress 管理面板。<\/li>\n
    2. 导航到“插件” -> “安装”，搜索并安装 MailChimp API<\/code> 插件。<\/li>\n
    3. 启用该插件。<\/li>\n<\/ol>\n

      步骤 3: 配置 Custom Fields for MailChimp 插件<\/h3>\n
        \n
      1. 登录到你的 WordPress 管理面板。<\/li>\n
      2. 导航到“插件” -> “安装”，搜索并安装 Custom Fields for MailChimp<\/code> 插件。<\/li>\n
      3. 启用该插件。<\/li>\n
      4. 在插件设置页面中，填写你的 Mailchimp 统一账户信息（API Key 和 Email Address）。<\/li>\n<\/ol>\n

        步骤 4: 创建自定义字段<\/h3>\n
          \n
        1. 进入 WordPress 的后台编辑页面。<\/li>\n
        2. 找到与 Mailchimp 相关的表单或页面，例如注册表单。<\/li>\n
        3. 使用 HTML 标签（如 <input type=\"text\"><\/code>, <textarea><\/code> 等）来创建自定义字段。例如：\n
          <form action=\"https:\/\/us02.list-manage.com\/subscribe\/post?u=7a6d8c9b08e82f5504236899c&amp;id=c5d100916b\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate>\n <div id=\"mc_embed_signup_scroll\">\n   <label for=\"mce-EMAIL\">Subscribe to our newsletter:<\/label><br \/>\n   <input type=\"email\" value=\"\" name=\"EMAIL\" class=\"required email\" id=\"mce-EMAIL\" placeholder=\"Email address\" onfocus=\"this.placeholder = ''\" onblur=\"this.placeholder = 'Email address'\" required=\"\">\n   <!-- Add your custom fields here -->\n   <div class=\"clear\"><\/div>\n   <input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button button-primary\">\n <\/div>\n <div id=\"mce-responses\" class=\"clear\">\n   <div class=\"response\" id=\"mce-error-response\" style=\"display:none\"><\/div>\n   <div class=\"response\" id=\"mce-success-response\" style=\"display:none\"><\/div>\n <\/div> <!-- real people should not fill this in and easy for evil bots -->\n <div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_7a6d8c9b08e82f5504236899c_c5d100916b\" tabindex=\"-1\" value=\"\"><\/div>\n <script type='text\/javascript' src='\/\/s3.amazonaws.com\/downloads.mailchimp.com\/js\/mc-validate.js'><\/script><script type='text\/javascript'>\n   var mcAjaxUrl = \"https:\/\/us02.list-manage.com\/secure\/track_button\";\n   jQuery(function() {\n     \/\/ The form must be submitted after the script is loaded.\n     setTimeout(function() { jQuery(\"#mc-embedded-subscribe-form\").submit(); }, 1);\n   });\n <\/script>\n<\/form><\/code><\/pre><\/li>\n<\/ol>\n
          步骤 5: 测试订阅表单<\/h3>\n
          现在，你应该可以在你的网站上看到一个带有自定义字段的 Mailchimp 订阅表单。测试一下提交表单是否能够成功发送到 Mailchimp。<\/p>\n
          示例代码说明<\/h3>\n
          <form action=\"https:\/\/us02.list-manage.com\/subscribe\/post?u=7a6d8c9b08e82f5504236899c&amp;id=c5d100916b\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate>\n    <div id=\"mc_embed_signup_scroll\">\n        <label for=\"mce-EMAIL\">Subscribe to our newsletter:<\/label><br \/>\n        <input type=\"email\" value=\"\" name=\"EMAIL\" class=\"required email\" id=\"mce-EMAIL\" placeholder=\"Email address\" onfocus=\"this.placeholder = ''\" onblur=\"this.placeholder = 'Email address'\" required=\"\">\n        <!-- Add your custom fields here -->\n        <div class=\"custom-field\">\n            <label for=\"customField1\">First Name:<\/label>\n            <input type=\"text\" name=\"first_name\" id=\"customField1\" placeholder=\"First Name\">\n        <\/div>\n        <div class=\"custom-field\">\n            <label for=\"customField2\">Last Name:<\/label>\n            <input type=\"text\" name=\"last_name\" id=\"customField2\" placeholder=\"Last Name\">\n        <\/div>\n        <div class=\"custom-field\">\n            <label for=\"customField3\">Company:<\/label>\n            <input type=\"text\" name=\"company\" id=\"customField3\" placeholder=\"Company\">\n        <\/div>\n        <div class=\"clear\"><\/div>\n        <input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button button-primary\">\n    <\/div>\n    <div id=\"mce-responses\" class=\"clear\">\n        <div class=\"response\" id=\"mce-error-response\" style=\"display:none\"><\/div>\n        <div class=\"response\" id=\"mce-success-response\" style=\"display:none\"><\/div>\n    <\/div> <!-- real people should not fill this in and easy for evil bots -->\n    <div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_7a6d8c9b08e82f5504236899c_c5d100916b\" tabindex=\"-1\" value=\"\"><\/div>\n    <script type='text\/javascript' src='\/\/s3.amazonaws.com\/downloads.mailchimp.com\/js\/mc-validate.js'><\/script><script type='text\/javascript'>\n      var mcAjaxUrl = \"https:\/\/us02.list-manage.com\/secure\/track_button\";\n      jQuery(function() {\n        \/\/ The form must be submitted after the script is loaded.\n        setTimeout(function() { jQuery(\"#mc-embedded-subscribe-form\").submit(); }, 1);\n      });\n    <\/script>\n<\/form><\/code><\/pre>\n
          在这个示例中，我们添加了三个自定义字段（First Name、Last Name 和 Company），并确保它们正确嵌套在表单内。这样当用户填写这些字段后，他们就可以订阅到你的邮件列表了。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
          \r\n
          \r\n
          \r\n
          \r\n
          \r\n
          \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
          黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
          \r\n
          \r\n
          目标受众<\/h3>\n
          本教程旨在指导您如何使用 WordPress 来创建一个带有自定义字段的 Mailchimp 订阅表单。这将帮助您更好地管理您的电子邮件营销活动。<\/p>\n
          课程目标<\/h3>\n
            \n
          • 理解如何在 WordPress 上设置和配置 Mailchimp 订阅表单。<\/li>\n
          • 学习如何添加自定义字段以增强表单功能。<\/li>\n
          • 掌握如何通过 WPML 设置多语言支持。<\/li>\n
          • 完成一个完整的订阅表单，包括自定义字段和语言选项。<\/li>\n<\/ul>\n
            教学大纲<\/h3>\n
              \n
            1. 安装与设置<\/strong><\/li>\n
            2. 创建 Mailchimp 订阅表单<\/strong><\/li>\n
            3. 添加自定义字段<\/strong><\/li>\n
            4. 配置多语言支持<\/strong><\/li>\n
            5. 测试和发布<\/strong><\/li>\n<\/ol>\n
              第一步：安装与设置<\/h3>\n
              步骤 1.1：安装 MailChimp API<\/h4>\n
              首先，您需要安装并激活 MailChimp API 插件，以便访问和操作 MailChimp 数据库。运行以下代码：<\/p>\n
              <script src=\"https:\/\/cdn.mailchimp.com\/mp-api\/2.0\/init.js\" async defer><\/script><\/code><\/pre>\n
              然后，在 WordPress 顶部菜单中选择“插件” > “启用” > “MailChimp API”。<\/p>\n
              步骤 1.2：注册和设置 MailChimp API 密钥<\/h4>\n
              接下来，登录到您的 MailChimp 账户，然后转到“API”部分。在这里，您可以获取您的 API 密钥（通常为密钥和凭证）。将此密钥保存下来。<\/p>\n
              第二步：创建 Mailchimp 订阅表单<\/h3>\n
              步骤 2.1：创建新邮件列表<\/h4>\n
              打开“新建页面”，并在页面上输入一个标题，例如“我的新邮件列表”。然后，点击“添加自定义字段”按钮，选择“文本框”作为字段类型。<\/p>\n
              步骤 2.2：编辑自定义字段<\/h4>\n
              在自定义字段的设置中，您可以更改字段名称、格式、大小等属性。例如，如果您想添加一个“姓名”的自定义字段，请按照如下方式编写 HTML 和 CSS：<\/p>\n
              <label for=\"name\">姓名：<\/label>\n<input type=\"text\" id=\"name\" name=\"subscriber[Name]\" \/><\/code><\/pre>\n
              为了确保表单看起来美观，可以使用 CSS 进行样式化：<\/p>\n
              input[type=text] {\n    width: 200px;\n}<\/code><\/pre>\n
              步骤 2.3：提交表单<\/h4>\n
              现在，当用户填写完表单后，点击提交按钮即可发送电子邮件给他们的 MailChimp 邮箱地址。<\/p>\n
              第三步：添加自定义字段<\/h3>\n
              步骤 3.1：创建自定义字段<\/h4>\n
              在表单中添加一个新的自定义字段，如“手机号码”或“电子邮件”。使用类似步骤 2 的方法来设置字段。<\/p>\n
              步骤 3.2：设置数据验证规则<\/h4>\n
              为了使字段更具可用性，可以添加一些基本的数据验证规则。例如，您可以要求用户输入至少一个字符，或者仅允许字母数字字符。<\/p>\n
              第四步：配置多语言支持<\/h3>\n
              步骤 4.1：安装 WPML<\/h4>\n
              首先，您需要安装并激活 WPML 插件。这将在后台显示翻译选项卡。转到“插件” > “启用” > “WPML”。<\/p>\n
              步骤 4.2：设置多语言支持<\/h4>\n
              在 WPML 控制台，选择“设置” > “语言” > “添加语言”。在此窗口中，您可以选择要添加的语言版本，然后点击“保存”。<\/p>\n
              步骤 4.3：翻译自定义字段<\/h4>\n
              最后，您可以为每个自定义字段添加相应的语言翻译。在 WPML 控制台中，导航至“语言” > “自定义字段”。在该部分中，您可以查看已有的自定义字段，并为每个字段添加对应的翻译。<\/p>\n
              第五步：测试和发布<\/h3>\n
              步骤 5.1：预览表单<\/h4>\n
              返回您的网站，检查表单是否正常工作。如果一切正常，那么就可以将其发布到 Live。<\/p>\n
              步骤 5.2：部署表单<\/h4>\n
              将表单链接复制到 Live 中。注意，您可能需要使用短代码（如 wc-product-gallery-link<\/code>）来正确引用自定义字段。<\/p>\n
              结语<\/h3>\n
              以上就是创建带有自定义字段的 Mailchimp 订阅表单的全过程。通过这些步骤，您可以有效地管理和优化您的电子邮件营销活动。希望这个教程对您有所帮助！<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
              Bug编译狮 在 WordPress 中创建带有自定义字段的 Mailchimp 订&#3840..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-2182","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=2182"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2182\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2182"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}