如何使用 Input + Button + JS 脚本和 Mailchimp 发送电子邮件

Question

我有这个 html 代码：

    <div class="oana" data-wow-delay="500ms">
         <div class="bg-overlay bg-pink opacity-7"></div>
              <form class="search-box position-relative bg-change">
                        <h5 class="color-white font-weight-600 text-capitalize mb-3">Newsletter</h5>
                        <p class="color-white newsletter-para mb-4"> Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
                        <div class="input-group">
                           
       <input type="email" class="form-control" placeholder="Enter email..." required>
       <button type="submit" class="search-addon"><i class="fa fa-envelope line-height-35px"></i> </button>
    
       </div>
            </form>
    </div>

另外，我有来自 Mailchimp 的自定义网站代码>

<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/db2de4cdb7f3405b9fa0d298f/a3d9fbac0ac1eb37d0633a6d0.js");</script>

任何人都可以告诉我如何将这个 JS 脚本集成到表单中，以便电子邮件工作得很好。因为我把这个脚本放在之前，我检查了连接，没问题，但是时事通讯仍然无法正常工作。

Answer 1

首先，您不再需要该 JS 脚本，它仅用于您在注册后在设置 mailchimp 上建立的连接。您必须遵循以下 2 个简单步骤：

第一步： 登录 mailchimp.com 并转到 注册表单 -> 嵌入式表格部分

例如看这张图片：

第二步。默认情况下，您可以在 html 页面上的任何位置复制该 mailchimp 代码。

但是如果你已经有一个表格，就像我已经有一个一样，你必须remember/follow mailchimp 代码中的那 4 行：

如何使用 Input + Button + JS 脚本和 Mailchimp 发送电子邮件

How to Send Email with Input + Button + JS Script and Mailchimp

javascript

html

forms

validation

mailchimp