如何用输入+按钮+ JS脚本和邮件发送电子邮件

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脚本了，它只是用于在SignUp之后在安装mailchimp上建立的连接。您必须遵循以下两个简单步骤：

步骤一：登录mailchimp.com并转到Signup Forms -> Embedded forms节

例如，请参阅此图像：

​

​

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

但是，如果您已经有了一个表单，就像我已经有一个表单一样，您必须记住/遵循mailchimp代码中的4行代码：，，<按钮type=和E 216</code></div><div>您只需从mailchimp表单复制<strong><form action=</strong>、<strong>name</strong>和<strong>ID</strong>并将其粘贴到表单上即可。另外，复制所有<strong><script type=</strong>行</div><div>在我的例子中，这就是更新后的代码(从一开始)的样子。请注意，<strong><script type=</strong>行可以在<code>&lt;/head&gt;</code>标记之前复制和粘贴它。但我把它留在表格标签里。</div><pre><code> &lt;div class=&quot;oana&quot; data-wow-delay=&quot;500ms&quot;&gt; &lt;div class=&quot;bg-overlay bg-pink opacity-7&quot;&gt;&lt;/div&gt; &lt;form action=&quot;https://neculaifantanaru.us1.list-manage.com/subscribe/post?u=db2de4cdb7f3405b9fa0d298f&amp;amp;id=e55f160948&quot; method=&quot;post&quot; id=&quot;mc-embedded-subscribe-form&quot; name=&quot;mc-embedded-subscribe-form&quot; class=&quot;search-box position-relative bg-change&quot; target=&quot;_blank&quot; novalidate&gt; &lt;h5 class=&quot;color-white font-weight-600 text-capitalize mb-3&quot;&gt;Newsletter&lt;/h5&gt; &lt;p class=&quot;color-white newsletter-para mb-4&quot;&gt; Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. My website is https://neculaifantanaru.com &lt;/p&gt; &lt;div class=&quot;input-group&quot;&gt; &lt;input type=&quot;email&quot; name=&quot;EMAIL&quot; id=&quot;mce-EMAIL&quot; class=&quot;form-control&quot; placeholder=&quot;Enter email...&quot; required&gt; &lt;button type=&quot;submit&quot; value=&quot;Subscribe&quot; name=&quot;subscribe&quot; id=&quot;mc-embedded-subscribe&quot; class=&quot;search-addon&quot;&gt;&lt;i class=&quot;fa fa-envelope line-height-35px&quot;&gt;&lt;/i&gt; &lt;/button&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'&gt;&lt;/script&gt;&lt;script type='text/javascript'&gt;(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);&lt;/script&gt; &lt;/div&gt;</code></pre><div><strong>注意:如果您将<code>&lt;script type=..&lt;/script&gt;</code>行代码留在订阅表单上，就像我在上面的代码中所做的那样，人们将能够注册，但不会收到任何确认。但是，如果在<code>&lt;/head&gt;</code>标记之前复制它，人们将被重定向到一个新的窗口确认页面。</div><div>有关在这里安装的更多信息：<a href="https://mailchimp.com/help/host-your-own-signup-forms/">https://mailchimp.com/help/host-your-own-signup-forms/</a></div><div></div>