Mailchimp 表单未提交

Posted

技术标签:

【中文标题】Mailchimp 表单未提交【英文标题】:Mailchimp form not submitting 【发布时间】:2015-03-04 02:38:52 【问题描述】:

我正在尝试将 MailChimp 集成到一个简单的网站中,通过表单提交电子邮件以获取更多信息。

然而,即使在整合到现有网站表单之后,它仍然不会向已在 MailChimp 系统上设置的列表提交任何信息。

由于与现有表单的集成不起作用,我决定退回一步,简单地测试一下 MailChimp 生成的原版代码 - 但即使这样也行不通,所以我进行了搜索,发现这是一个MailChimp 的常见问题,如其网站所述:

QUOTE '我的表单在有人单击“订阅”按钮后没有执行任何操作。

点击嵌入代码表单上的订阅按钮后,如果您的订阅者没有看到任何错误或成功消息,不会重定向到您的注册致谢页面,也不会收到您的选择加入确认电子邮件,表单可能未按预期提交到我们的服务器。当有多个表单在单个页面上使用 javascript 验证时,通常会发生这种情况。

如果您想在一个页面上嵌入多个表单,您需要禁用经典表单的 JavaScript,将表单放置在您网站上的 iFrame 中,或使用其他嵌入表单之一代码形式,例如 Naked Form 或 Super Slim Form。这两种形式的代码中没有使用任何 JavaScript。结束报价

问题是我已经在使用 Super Slim Form(即没有 JavaScript),并且页面上没有任何其他可能发生冲突的表单 - 因此提供的 MailChimp 解决方案不适用。

这是 MailChimp 提供的原版代码:

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signupbackground:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; 
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your html file. */
</style>
<div id="mc_embed_signup">

<form action="//test.us9.list-manage.com/subscribe/post?u=7d8e5d2a8c2b79eb3827e261b&amp;id=77e030126f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
    <label for="mce-EMAIL">Subscribe to our mailing list</label>
    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_7d8e5d2a8c2b79eb3827e261b_77e030126f" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>

</div>

<!--End mc_embed_signup-->

谁能帮我理解为什么这个看似简单的设置不起作用?

【问题讨论】:

【参考方案1】:

尝试在这样的操作中使用http:https:

action="http://test.us9.list-manage.com/subscribe/post?u=7d8e5d2a8c2b79eb3827e261b&amp;id=77e030126f"

【讨论】:

使用具有相同问题的表单执行此操作。这并没有改变问题。不确定它是否也适用于 OP。

以上是关于Mailchimp 表单未提交的主要内容,如果未能解决你的问题,请参考以下文章

使用 Javascript AJAX(不是 jQuery)提交嵌入式 Mailchimp 表单

使用 Vue.js 和 Axios 向 Mailchimp 提交表单会导致 CORS 错误

在模式中显示表单提交(Mailchimp)的响应

jQuery - 如何在嵌入式 Mailchimp 表单电子邮件提交后添加“谢谢”消息?

通过 HTML 表单 + JavaScript 向 MailChimp API 提交 JSON 结构

MailChimp Ajax 提交不会将订阅者添加到列表中