javascript - 单击“订阅”按钮后关闭弹出表单

Question

在我的 Wordpress 网站（使用 Elementor 构建）上，我向访问者显示了一个弹出式电子邮件注册表单。

在他们点击“订阅”后，我希望弹出表单关闭，而不是将他们重定向到任何 Mailchimp 感谢页面或我自己的页面。只需关闭弹出窗口，让他们从原来的位置继续浏览。

下面是由 Mailchimp 表单页面生成的我的代码（实际 URL 替换为假 URL）：

<!-- Begin Mailchimp Signup Form -->

<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">

<style type="text/css">

#mc_embed_signup{background:#fff; clear:left; font:15px Montserrat,Arial,sans-serif; width:100%;}

</style>

<div id="mc_embed_signup">

<form action="https://justatestwebsite.com/subscribe/post…" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div id="mc_embed_signup_scroll">

<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required

<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_6a7195cfk83j790ejfjas12vbbfab8d0_eb4f922797a" tabindex="-1" value=""></div>

<div class="clear"><input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe" ></div>

</div>

</form>

</div>

<!--End mc_embed_signup-->

有任何想法吗？

标签： javascripthtmlwordpressmailchimpelementor