Question

我在这里遇到了很多麻烦......我有一个HTML登陆页面，在页面中有一些表格。其中一个表单收集用户电子邮件。我想将这些电子邮件发送到我的Mailchimp列表，但我遇到了最困难的时间。

我通过mailchimp创建了一个表单并将其嵌入到我的页面中。我做了一些小的修改，但保留了mailchimp说我需要的信息。

我的问题是，每次我通过表单提交电子邮件地址时，我在mailchimp上的列表都不会更新。这意味着，我认为HTML登陆页面上的任何内容都没有“通过”。我做错了吗？

这是我的表单代码：

<div id="mc_embed_signup">
    <form action="http://inspireconversation.us7.list-manage.com/subscribe/post?u=ee86d645c5e94d2c51a62c797&amp;id=07c5091ff0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <div id="mc-email-field">
            <input type="email" value="Enter your email address" name="EMAIL" class="required email" id="mce-EMAIL">
        </div>
        <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>    
        <!-- 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_ee86d645c5e94d2c51a62c797_07c5091ff0" value="">
        </div>
        <div class="clear">
            <input type="submit" value="Send" name="subscribe" id="mc-embedded-subscribe" class="send">
        </div>
    </form>
</div>

我将其添加到样式表中：

#mc-email-field { text-align: center; width: 80%; margin: 0 auto; }
#mc_embed_signup { font: 14px Helvetica, Arial, sans-serif; width: 509px;}

这是着陆页的网址：http://contest.realfamilytrips.com（此竞赛尚未激活，谢谢：）

另一个问题是我似乎无法让现场输入区域达到509像素，但目前这是一个小问题。我主要担心的是将此表单连接到我的mailchimp列表。

感谢大家的帮助。非常感谢。

Answer 1

我检查了链接的目标网页，看起来你阻止了mailchimp表单在functions.js中使用此代码提交：

$(document).on('submit', 'form', function (e) {
    // Check email address
    // if email address ok
        $('.step-2').hide();
        $('.step-3').fadeIn(800);
        e.preventDefault();
    // else 
        // alert
        // e.preventDefault();
    // end if
});

e.preventDefault（）调用表示您正在处理该事件。但是，您没有提交表格。因此，表单未提交给mailchimp。

我可以看到你在这里尝试做什么，订阅没有正常mailchimp流程的人（点击订阅，重定向到感谢页面等）。 This answer显示了如何做到这一点。在你的e.preventDefault（）调用之后，你将调用一个ajax调用，就像它的'register'函数中的答案一样。我不知道这是否得到了mailchimp的正式支持，但我只是测试了它，它确实有效。

我认为支持的路由通常是使用服务器端代码中的mailchimp API。 API必须被称为服务器端，因为它使用您的mailchimp api密钥，您希望保密。

无法将我的Mailchimp列表连接到我的目标网页

1 个答案: