微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – Mailchimp表单没有提交

我正在尝试将MailChimp集成到一个简单的网站中,其中包含用于提交一封电子邮件的表单以获取更多信息.

但是,即使在集成到现有网站表单后,它仍然不会向已在MailChimp系统上设置的列表提交任何信息.

由于与现有表单的集成不起作用,我决定回过头来简单地测试MailChimp生成的vanilla代码 – 但即使这样也行不通,所以我做了一个搜索,发现这是一个常见的问题. MailChimp在他们的网站上描述:

引用’有人点击“订阅”按钮后,我的表单没有做任何事情.

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

如果您希望在一个页面上放置多个嵌入表单,则需要为经典表单禁用JavaScript,将表单放在网站的iFrame中,或者使用其他嵌入代码表单之类的作为裸体形式或超级瘦身形式.这两种形式在代码中不使用任何JavaScript.结束语

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

这是MailChimp提供的vanilla代码

<!-- 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_signup{background:#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-->

任何人都可以帮助我理解为什么这个看似简单的设置不起作用?

解决方法

尝试在这样的操作中使用http:或https:
action="http://test.us9.list-manage.com/subscribe/post?u=7d8e5d2a8c2b79eb3827e261b&amp;id=77e030126f"

原文地址:https://www.jb51.cc/html/231722.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐